User experience v praxi

1,599 views

Published on

Uživatelské testování (User experience) v praxi. Přednáška Jiřího Komára v rámci konference Maraton e-commerce vědomostí od společnosti NetDirect ze dne 5.6.2012.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,599
On SlideShare
0
From Embeds
0
Number of Embeds
670
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

User experience v praxi

  1. 1. User Experience v praxi 5.6. 2012 Jiří KomárUser Experience v praxi
  2. 2. Co je to vlastně UX?User Experience v praxi 5.6.2012
  3. 3. UX je všechnoUser Experience v praxi 5.6.2012
  4. 4. • Nalezitelnost • Užitečnost • Důvěryhodnost • Použitelnost • Potřebnost • PřístupnostUser Experience v praxi 5.6.2012
  5. 5. flowUser Experience v praxi 5.6.2012
  6. 6. O „Flow“ můžeme rychle přijítUser Experience v praxi 5.6.2012
  7. 7. Pokud už najdete odkaz na košík, asi na něj nekliknete electroworld.czUser Experience v praxi 5.6.2012
  8. 8. Přihlášení a hledání bylo dokonale zamaskováno megastreet.czUser Experience v praxi 5.6.2012
  9. 9. Určitě tam ty peníze pošlu blackcomb.czUser Experience v praxi 5.6.2012
  10. 10. Jak vložit do košíku? zoohit.czUser Experience v praxi 5.6.2012
  11. 11. I pěkné věci můžou být špatně ceskasporitelna.czUser Experience v praxi 5.6.2012
  12. 12. Co tedy dělat a co ne? • Uživatelské rozhraní tvoříme dle znalostí našich uživatelů • Neopisujeme staré řešení, děláme nové a lepší • Učíme se z chyb jiných • Soustředíme se na kritické místa aplikace - 20% • Pojmy: pozitivní stereotypy, návrhový vzory, mentální modelyUser Experience v praxi 5.6.2012
  13. 13. Poznáváme svého uživateleUser Experience v praxi 5.6.2012
  14. 14. Poznáváme svého uživatele Analýza webu a potřeb uživatelů • Kvantitativní průzkum • Kvalitativní průzkumUser Experience v praxi 5.6.2012
  15. 15. Poznáváme svého uživatele Kvalitativní průzkum • Etnografické rozhovory • Hloubkové rozhovory a focus group • Vytvoříme si personu/yUser Experience v praxi 5.6.2012
  16. 16. User Experience v praxi 5.6.2012
  17. 17. User Experience v praxi 5.6.2012
  18. 18. User Experience v praxi 5.6.2012
  19. 19. User Experience v praxi 5.6.2012
  20. 20. User Experience v praxi 5.6.2012
  21. 21. Poznáváme svého uživatele Kvantitativní průzkum • Webová analytika • Ankety • Dotazníky • HodnoceníUser Experience v praxi 5.6.2012
  22. 22. Navrhujte web správněUser Experience v praxi 5.6.2012
  23. 23. Card sorting (třídění kartiček) • Tvoříme strukturu (celého webu, určitého prvku) • Uživatel, zadavatel, designer • Uvědomujeme si potřeby a priority uživatele • Nástroje: tužka, malé papírky, tabuleUser Experience v praxi 5.6.2012
  24. 24. Sketching (skicování) • Rychlý návrh obrazovek a nabídek • Vhodné v rané fázi projektu • Skicy nám pomůžou vytvořit wireframe • Nástroje: tužka a hodně papíruUser Experience v praxi 5.6.2012
  25. 25. Wireframe (drátěné kostry webu) • Ušetří nám velké starosti (čas, peníze) • Popisuje rozmístění prvků na webu • Nechte to raději na profesionálech  • Nástroje: Axure RP, Balsamiq, CacooUser Experience v praxi 5.6.2012
  26. 26. User Experience v praxi 5.6.2012
  27. 27. User Experience v praxi 5.6.2012
  28. 28. Tvorba interaktivních prototypů • Pokud je wireframe málo • Můžeme otestovat na uživatelích nebo provést A/B testování • Lze použít místo psané specifikace • Lze vytvořit funkční aplikaci 1:1 • Nástroje: Axure RP, Balsamiq, HTML a CSSUser Experience v praxi 5.6.2012
  29. 29. Testování webu • Testujeme pravidelně (wireframe, prototyp, design, web) • Typy testování - Teplotní mapy, nahrávání obrazovky, A/B testování, MVT - Vzdálené testování - Moderované uživatelské testováníUser Experience v praxi 5.6.2012
  30. 30. Teplotní mapy (heatmap) Nástroje: mYx, CrazyEgg, userfly, ClickTaleUser Experience v praxi 5.6.2012
  31. 31. A/B testování Nástroje: Google Website OptimizerUser Experience v praxi 5.6.2012
  32. 32. Moderované uživatelské testování • Do testu vybíráme obyčejné uživatele, ne pracovníky firmy • Testujeme na 3-6 uživatelích • Před testem sestavíme scénář uživatelského testování • Při testu nutíme uživatele uvažovat nahlas • Testování nahráváme nebo si děláme poznámky • Z poznámek vypracujeme výstupní analýzu, tu předáme k dalšímu zpracování • Hledáme chyby v použitelnosti a ne v aplikaci, ani v uživatelích • Každý uživatel je jiná osobnostUser Experience v praxi 5.6.2012
  33. 33. 5 nejčastějších chyb internetových obchodů • Velké množství produktů • Malé fotky a špatný popis produktů • Špatná navigační architektura webu • Zbytečně složitý objednávkový proces • Špatná práce s marketingovými nástroji (E-mail marketing, Google Analytics, Sociální sítě, Cross-selling, Up-selling)User Experience v praxi 5.6.2012
  34. 34. Děkuji za pozornost Čas na dotazy @jirikomar jiri.komar@netdirect.czUser Experience v praxi 5.6.2012

×