Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

19.03.18 - Noc UX Designu / Stano Rykalský

540 views

Published on

Stano Rykalský je ako UX designer v službách najväčšieho slovenského UX štúdia, Lighting Beetle a okrem toho, že pracoval na projektoch pre Martinus, Telekom, Orange či Union navrhol a testoval už 10ky prototypov.

Ako sám hovorí, pre dosiahnutie dokonalého dizajnu je kľúčová najmä počiatočná fáza. Nevyhnutným krokom je preto svoje návrhy vyskúšať a opakovane testovať na prototype. Až po tomto kroku môžme pristúpiť k vizuálnemu návrhu. Výsledkom je tak nový user interface, ktorý používateľov nezmätie, ale naopak uľahčí ich orientáciu. Ale ako si vybrať vhodný prototyp a čo by mal obsahovať?

Tejto téme sa Stano venoval na Noc UX Designu, 19.03.18 v KC Dunaj - prezentáciu uverejňujeme.

Published in: Marketing
  • Be the first to comment

19.03.18 - Noc UX Designu / Stano Rykalský

  1. 1. Validujte svoj koncept efektívne: Prototypovanie Stanislav Rykalský LB*
  2. 2. Stanislav Rykalský UX designer z LB* Klienti: Martinus, Orange, Telekom, Európske agentúry, Asseco Solutions, Union...
  3. 3. Cross-functional Team DeveloperKlient UXákProjekťák Grafik
  4. 4. Ako to mám nadizajnovať?
  5. 5. Ako otestovať svoj dizajn čo najskôr?
  6. 6. 3 úrovne detailnosti prototypu fidelity
  7. 7. 1 Low-fidelity (základný koncept)
  8. 8. Rýchle zhmotnenie vašich prvotných nápadov pre následnú validáciu s kolegami, klientom či používateľmi.
  9. 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. 10. ➔ Obrázky ➔ Grafiku ➔ Interaktivitu ➔ Plain texty Čo nemusí obsahovať
  11. 11. ➔ Riešime kľúčové problémy? ➔ Jednoduchosť ➔ Technické limitácie Čo nám umožňuje zistiť
  12. 12. ➔ Expert review ➔ S klientom ➔ S používateľmi (interview) Ako testujeme / validujeme
  13. 13. 2 High-fidelity
  14. 14. Testovanie nášho konceptu s koncovými používateľmi (tzv. usability testing)
  15. 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. 16. ➔ Grafiku a farby ➔ Lorem Ipsum texty Čo nemá obsahovať
  17. 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. 18. ➔ Guerilla testing ➔ Click testing ➔ Usability testing v UXlabe Ako testujeme / validujeme
  19. 19. 3 Mockup (šperkujeme)
  20. 20. Hi-fi prototyp vo finálnom grafickom a obsahovom prevedení
  21. 21. ➔ Všetko, ako finálny web ➔ Poznámky pre developerov Čo by mal obsahovať
  22. 22. Čo nemá obsahovať X
  23. 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. 24. ➔ Usability testing v UX labe ➔ In-field testovanie ➔ Eye-tracking Ako testujeme / validujeme
  25. 25. Low-fidelity (koncept)1 High-fidelity (testujeme)2 Mockup (šperkujeme)3
  26. 26. Pro tip #1 - Experimentujte Hľadaj spôsob ako otestovať / validovať miesta v koncepte, ktorými si nie si istý
  27. 27. Pro tip #2 - Iterujte počas testovania (gt) Nápady na zlepšenie konceptu iterujte medzi jednotlivými sedeniami
  28. 28. Ďakujem

×