Jaroslav Černý

Head of Customer Experience, @jaroslavcerny

Oční kamera. Váš další smysl při uživatelském testování.

An-Eye

Nikdy jsem nebyl velkým zastáncem oční kamery. Vždycky mi přišlo, že oční kamera maskuje neschopnost designéra dobře naslouchat a pozorovat, co člověk na stránkách dělá.

Postupem času se ale eyetrackingové “železo” radikálně zlevnilo a v tu chvíli mi začalo dávat smysl začít ho používat jako doplněk. Jako další smysl pro designéra.

U nás v LMC při testování:
Pozorujeme, jak lidé pohybují myší a na co klikají.
Díváme se, jak se u toho tváří.
Zjišťujeme, jak obtížné je pro lidi vykonat na stránce nějakou akci.
Nebo jak těžké je nalézt určitou informaci.
Posloucháme, co nám lidé říkají.
A teď dokonce víme, na co se dívají 😉

Každá z těchto věcí sama o sobě je jen dílek skládačky. Nikdy nevíte, pomocí kterého “smyslu” zjistíte podstatnou informaci nebo chybu vašeho návrhu. U nás takto celé testování přenášíme online přímo na stůl designérovi, který v reálném čase využívá všechny tyto “smysly”. Vidí, jak člověk pracuje se stránkou, jak se u toho tváří, co při tom povídá a co na stránce poutá pozornost jeho očí.

Vybavení, které používáme:
http://www.techsmith.com/morae.html
http://www.gazept.com/

A jaké máte zkušenosti s oční kamerou vy?

Mobile first, aneb jak přesvědčit ostatní, že Váš návrh stránky je to pravé?

_NWJ3733-Edit

Každý návrhář webu se při své práci dříve nebo později dostane do fáze, kdy musí přesvědčit klienta, že jeho návrh je to pravé ořechové. Jako argumenty mohou posloužit výsledky uživatelských testování, analýzy chování současných uživatelů, best practices a další.

Tak jako tak ale klient jednoduše chce stránku vidět, osahat si jí. A v tu chvíli přichází na řadu spousty vysvětlování, co kde na stránce je, proč je to právě tam a ne jinde, jak by měli uživatelé stránku používat …

A tady mám pro vás vyzkoušený tip! U nás v LMC ukazujeme vždy jako první mobilní verzi stránky. “Mobile first” totiž není jen skvělý postup pro návrh, ale i pro prezentaci své práce a přesvědčení klienta.

Jednoduše nechte klienta projít si Váš návrh přímo v jeho mobilu.

V mobilu se krásně soustředíte na priority stránky, to nejdůležitější je nahoře, to nejméně podstatné dole. Nic víc neřešíte! Je to podobné, jako kdybyste procházeli seznam priorit, ale navíc s tím “sfouknete” i design stránky.

Jakmile má klient toto “nastavení” v hlavě, ukažte mu desktop. Uvidíte, že připomínky, na které jste zvyklí, jsou pryč. Pokud na desktopu dodržíte priority, bude klient řešit už jen jestli se mu web líbí nebo ne.

A navíc, ukazovat Váš návrh v telefonu je přeci sexy :-)