Úživatel nechce přemýšlet

netdeveo s.r.o. - profesionální iternetové aplikace a e-shopy Stránka: 1

Uživatel nechce přemýšlet

Bc. Jiří KomárUX designer a webový analytik

[email protected]+420 774 729 300

Twitter: @jirikomar


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á analytika


UX – uživatelský prožitek


UI – uživatelské rozhraní


Usability – použitelnostAccessibility - 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 stroje


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?


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.


● Analýza webu

– Kvalitativní průzkum

– Kvantitativní průzkum

● Štítkování● Skicování● Tvorba wireframe● Tvorba interaktivních prototypů● Uživatelské testování

Fáze navrhování webu


Analýza webu a potřeb uživatelů● Kvalitativní průzkum● Kvantitativní průzkum



Kvalitativní průzkum● Etnografický rozhovor● Hloubkové rozhovory a focus groups



Kvantitativní průzkum● Ankety● Dotazníky● Hodnocení



Štítkování● Co to je?● Proč to děláme?● Nástroje: tužka, malé papírky, nůžky, tabule



Skicování● Skicy jsou levné● Skicy jsou rychlé● Skicy jsou dobrý základ pro wireframe● Nástroje: tužka a dostatek papíru



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, Cacoo



Tvorba interaktivních prototypů● Pokud je wireframe málo● Můžeme zapojit uživatele nebo A/B testování● Nástroje: Axure RP, Balsamiq


Stránka: 16


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í



Teplotní mapy (heatmap)

Nástroje: mYx, Crazyegg, Clicktale


A/B testování

Nástroje: Google Website Optimizer


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í


Ukázka 1


Ukázka 2


Ukázka 3


Ukázka 4


Ukázka 5


Čas na dotazy

@jirikomar

Úživatel nechce přemýšlet

Technology