user experience v praxi
DESCRIPTION
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.TRANSCRIPT
User Experience v praxi
5.6. 2012
User Experience v praxi
Jiří Komár
Co je to vlastně UX?
User Experience v praxi 5.6.2012
UX je všechno
User Experience v praxi 5.6.2012
User Experience v praxi
• Nalezitelnost• Užitečnost• Důvěryhodnost• Použitelnost• Potřebnost• Přístupnost
5.6.2012
User Experience v praxi
flow
5.6.2012
User Experience v praxi
O „Flow“ můžeme rychle přijít
5.6.2012
User Experience v praxi
Pokud už najdete odkaz na košík, asi na něj nekliknete electroworld.cz
5.6.2012
User Experience v praxi
Přihlášení a hledání bylo dokonale zamaskovánomegastreet.cz
5.6.2012
User Experience v praxi
Určitě tam ty peníze pošlublackcomb.cz
5.6.2012
User Experience v praxi
Jak vložit do košíku?zoohit.cz
5.6.2012
User Experience v praxi
I pěkné věci můžou být špatně ceskasporitelna.cz
5.6.2012
User Experience v praxi
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í modely
5.6.2012
User Experience v praxi
Poznáváme svého uživatele
5.6.2012
User Experience v praxi
Analýza webu a potřeb uživatelů
• Kvantitativní průzkum• Kvalitativní průzkum
Poznáváme svého uživatele
5.6.2012
User Experience v praxi
Kvalitativní průzkum
• Etnografické rozhovory• Hloubkové rozhovory a focus group
• Vytvoříme si personu/y
Poznáváme svého uživatele
5.6.2012
User Experience v praxi 5.6.2012
User Experience v praxi 5.6.2012
User Experience v praxi 5.6.2012
User Experience v praxi 5.6.2012
User Experience v praxi 5.6.2012
User Experience v praxi
Kvantitativní průzkum
• Webová analytika• Ankety• Dotazníky• Hodnocení
Poznáváme svého uživatele
5.6.2012
User Experience v praxi
Navrhujte web správně
5.6.2012
User Experience v praxi
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, tabule
5.6.2012
User Experience v praxi
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íru
5.6.2012
User Experience v praxi
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, Cacoo
5.6.2012
User Experience v praxi 5.6.2012
User Experience v praxi 5.6.2012
User Experience v praxi
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 CSS
5.6.2012
User Experience v praxi
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í
5.6.2012
User Experience v praxi
Nástroje: mYx, CrazyEgg, userfly, ClickTale
Teplotní mapy (heatmap)
5.6.2012
User Experience v praxi
Nástroje: Google Website Optimizer
A/B testování
5.6.2012
User Experience v praxi
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á osobnost
5.6.2012
User Experience v praxi
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)
5.6.2012