Your SlideShare is downloading. ×
Úživatel nechce přemýšlet
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Úživatel nechce přemýšlet

708
views

Published on

Published in: Technology, Business

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

No Downloads
Views
Total Views
708
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Uživatel nechce přemýšlet Bc. Jiří Komár UX designer a webový analytik komar@netdevelo.cz +420 774 729 300 Twitter: @jirikomarnetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 1
  • 2. Seznámení se základními pojmy ● UX – uživatelský prožitek ● UI – uživatelské rozhraní ● Usability – použitelnost (neplést s přístupností - Accessibility) ● User testing – uživatelské testování ● Web analytics – webová analytikanetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 2
  • 3. UX – uživatelský prožiteknetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 3
  • 4. UI – uživatelské rozhranínetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 4
  • 5. Usability – použitelnost Accessibility - přístupnost ● Jak poznat, že je stránka použitelná? – Měření Google Analytics, Google Website Optimizer – Uživatel Vám to rád poví – Dokonalý web neexistuje ● Weby dělejme pro lidi, ne pro strojenetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 5
  • 6. User testing – uživatelské testování ● Kdy by se mělo testovat? – wireframe, interaktivní prototypy, design, funkční řešení ● Jak by testování mělo probíhat? ● Co od něj máme očekávat?netdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 6
  • 7. Web analytics – webová analytika ● Proč sledujeme webová data? – Co se na webu děje (sběr, sledodávání, vyhodnocování dat) – Navrhujeme změny (design stránek, reklamní cílení atd.) ● Nástroje – Google Analytics, Webtrends, SiteCatalyst atd.netdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 7
  • 8. Fáze navrhování webu ● Analýza webu – Kvalitativní průzkum – Kvantitativní průzkum ● Štítkování ● Skicování ● Tvorba wireframe ● Tvorba interaktivních prototypů ● Uživatelské testovánínetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 8
  • 9. Fáze navrhování webu Analýza webu a potřeb uživatelů ● Kvalitativní průzkum ● Kvantitativní průzkumnetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 9
  • 10. Fáze navrhování webu Kvalitativní průzkum ● Etnografický rozhovor ● Hloubkové rozhovory a focus groupsnetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 10
  • 11. Fáze navrhování webu Kvantitativní průzkum ● Ankety ● Dotazníky ● Hodnocenínetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 11
  • 12. Fáze navrhování webu Štítkování ● Co to je? ● Proč to děláme? ● Nástroje: tužka, malé papírky, nůžky, tabulenetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 12
  • 13. Fáze navrhování webu Skicování ● Skicy jsou levné ● Skicy jsou rychlé ● Skicy jsou dobrý základ pro wireframe ● Nástroje: tužka a dostatek papírunetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 13
  • 14. Fáze navrhování webu Tvorba wireframe ● Šetří čas zadavateli a vývojářům ● Popisuje prvky a chování webu ● Nástroje: Axure RP, WireframeSketcher, Online nástroje: Balsamiq, Iplotz, Cacoonetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 14
  • 15. Fáze navrhování webu Tvorba interaktivních prototypů ● Pokud je wireframe málo ● Můžeme zapojit uživatele nebo A/B testování ● Nástroje: Axure RP, Balsamiqnetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 15
  • 16. Stránka: 16
  • 17. Fáze navrhování webu Uživatelské testování ● Testujme pravidelně ● Typy testování – Teplotní mapy, nahrávání obrazovky, A/B testování – Vzdálené testování – Moderované uživatelské testovánínetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 17
  • 18. Teplotní mapy (heatmap) Nástroje: mYx, Crazyegg, Clicktalenetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 18
  • 19. A/B testování Nástroje: Google Website Optimizernetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 19
  • 20. 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ínetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 20
  • 21. Ukázka 1netdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 21
  • 22. Ukázka 2netdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 22
  • 23. Ukázka 3netdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 23
  • 24. Ukázka 4netdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 24
  • 25. Ukázka 5netdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 25
  • 26. Čas na dotazy @jirikomarnetdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 26