5.6. 2012 Jiří Komár
Co je to vlastně UX?
UX je všechno
Nalezitelnost Užitečnost Důvěryhodnost Použitelnost Potřebnost Přístupnost
flow
O Flow můžeme rychle přijít
Pokud už najdete odkaz na košík, asi na něj nekliknete electroworld.cz
Přihlášení a hledání bylo dokonale zamaskováno megastreet.cz
Určitě tam ty peníze pošlu blackcomb.cz
Jak vložit do košíku? zoohit.cz
I pěkné věci můžou být špatně ceskasporitelna.cz
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
Poznáváme svého uživatele
Poznáváme svého uživatele Analýza webu a potřeb uživatelů Kvantitativní průzkum Kvalitativní průzkum
Poznáváme svého uživatele Kvalitativní průzkum Etnografické rozhovory Hloubkové rozhovory a focus group Vytvoříme si personu/y
Poznáváme svého uživatele Kvantitativní průzkum Webová analytika Ankety Dotazníky Hodnocení
Navrhujte web správně
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
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
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
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
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í
Teplotní mapy (heatmap) Nástroje: myx, CrazyEgg, userfly, 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í Hledáme chyby v použitelnosti a ne v aplikaci, ani v uživatelích Každý uživatel je jiná osobnost
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)
Děkuji za pozornost Čas na dotazy @jirikomar jiri.komar@netdirect.cz