1.
Validujte svoj koncept efektívne:
Prototypovanie
Stanislav Rykalský LB*

2.
Stanislav Rykalský
UX designer z LB*
Klienti:
Martinus, Orange, Telekom, Európske
agentúry, Asseco Solutions, Union...

3.
Cross-functional Team
DeveloperKlient UXákProjekťák Grafik

4.
Ako to mám nadizajnovať?

5.
Ako otestovať svoj dizajn čo najskôr?

6.
3 úrovne detailnosti prototypu
fidelity

7.
1 Low-fidelity (základný koncept)

8.
Rýchle zhmotnenie vašich prvotných nápadov
pre následnú validáciu s kolegami, klientom či
používateľmi.

9.
➔ Základný layout
➔ Prepojenie obrazoviek
➔ Naznačený user flow
➔ Hlavné CTA
➔ Nadpisy a popisky
➔ Navigáciu (aspoň približne)
Čo by mal obsahovať

10.
➔ Obrázky
➔ Grafiku
➔ Interaktivitu
➔ Plain texty
Čo nemusí obsahovať

11.
➔ Riešime kľúčové problémy?
➔ Jednoduchosť
➔ Technické limitácie
Čo nám umožňuje zistiť

12.
➔ Expert review
➔ S klientom
➔ S používateľmi (interview)
Ako testujeme / validujeme

13.
2 High-fidelity

14.
Testovanie nášho konceptu s koncovými
používateľmi (tzv. usability testing)

15.
➔ Kľúčové stavy obrazovky
➔ Interaktivitu (click, tap, swipe,...)
➔ Finálne texty, labele a popisky
➔ Ilustračné obrázky
➔ Zmysluplné ikony
Čo by mal obsahovať

16.
➔ Grafiku a farby
➔ Lorem Ipsum texty
Čo nemá obsahovať

17.
➔ Vplyv layoutu, ikon, textov
➔ Informačnú architektúru
➔ Navigáciu
➔ Užitočnosť funkcionalít
a ich umiestnenie
Čo nám umožňuje zistiť

18.
➔ Guerilla testing
➔ Click testing
➔ Usability testing v UXlabe
Ako testujeme / validujeme

19.
3 Mockup (šperkujeme)

20.
Hi-fi prototyp vo finálnom grafickom
a obsahovom prevedení

21.
➔ Všetko, ako finálny web
➔ Poznámky pre developerov
Čo by mal obsahovať

22.
Čo nemá obsahovať
X

23.
➔ Dopad grafiky na použiteľnosť
➔ Pritiahnutie pozornosti - napr. všimnú si
používatelia toto CTA?
➔ Prístupnosť
Čo nám umožňuje zistiť

24.
➔ Usability testing v UX labe
➔ In-field testovanie
➔ Eye-tracking
Ako testujeme / validujeme

25.
Low-fidelity (koncept)1
High-fidelity (testujeme)2
Mockup (šperkujeme)3

26.
Pro tip #1 - Experimentujte
Hľadaj spôsob ako otestovať / validovať
miesta v koncepte, ktorými si nie si istý

27.
Pro tip #2 - Iterujte počas testovania (gt)
Nápady na zlepšenie konceptu iterujte
medzi jednotlivými sedeniami

28.
Ďakujem