Eye tracking (sledování pohybu očí)

Příklady z praxe

1. 01

   Formulář, kde nikdo nenajde slevový kód

   E-shop testoval košík a měřil čas do první fixace na pole pro slevový kód. Osm z deseti účastníků na pole nefixovalo vůbec, protože bylo umístěné pod tlačítkem Pokračovat, tedy pod ohybem stránky. Přesun pole nad souhrn objednávky snížil počet dotazů na podporu ohledně kupónů.

2. 02

   Odhad pohledu z webkamery v prohlížeči

   Pro rychlý remote test lze použít knihovnu, která z webkamery odhaduje souřadnice pohledu po kalibraci kliknutím na několik bodů. Výstupem je proud souřadnic, který si vývojář sám agreguje do oblastí zájmu. Přesnost stačí na rozlišení hlavičky, obsahu a patičky, ne na jednotlivé odkazy v menu.

   webgazer.setGazeListener((data, ts) => {
     if (!data) return; // oko není detekováno
     const el = document.elementFromPoint(data.x, data.y);
     const aoi = el?.closest('[data-aoi]')?.dataset.aoi;
     if (aoi) gazeCounts[aoi] = (gazeCounts[aoi] ?? 0) + 1;
   }).begin();

Časté omyly

MýtusHeatmapa ukazuje, co lidi na stránce zaujalo.

Ve skutečnostiHeatmapa ukazuje jen kumulovanou dobu fixací. Dlouhý pohled může znamenat zájem stejně jako zmatek nad nesrozumitelným prvkem. Bez doplňujícího rozhovoru nebo úkolových dat se význam neurčí.

MýtusEye tracking a heatmapy kliků v analytickém nástroji jsou totéž.

Ve skutečnostiHeatmapa kliků nebo pohybu myši zaznamenává akci ruky, ne pohled. Korelace mezi kurzorem a pohledem je slabá zejména při čtení; eye tracking jako jediný ukáže, co uživatel viděl bez toho, aby na to reagoval.

MýtusKdyž prvek nemá fixaci, uživatel ho neviděl.

Ve skutečnostiPeriferní vidění zachytí barvu, pohyb i hrubý tvar bez fixace. Chybějící fixace znamená, že prvek nebyl zpracován detailně, nikoli že zůstal neviditelný.

Časté dotazy

Kolik lidí je potřeba na eye tracking studii?

Eye tracking studie potřebuje výrazně větší vzorek než klasický kvalitativní test použitelnosti. Zatímco pět účastníků odhalí většinu hrubých chyb v procesu, heatmapa nebo srovnání dvou variant rozložení stránky je agregovaná statistika a při pěti lidech ji rozhodí jediný nestandardní účastník. Praxe se pohybuje zhruba od třiceti respondentů na jednu podmínku výš, u kvantitativního srovnání variant i podstatně víc. Roli hraje i ztrátovost dat: část záznamů se kvůli neúspěšné kalibraci vyřadí, takže se nabírá s rezervou.

Funguje eye tracking na lidech s brýlemi nebo kontaktními čočkami?

Eye tracking s brýlemi i kontaktními čočkami většinou funguje, ale kvalita dat klesá. Skla brýlí vytvářejí vlastní odrazy infračerveného světla, které trackeru splývají s odrazem na rohovce, a silné dioptrie nebo antireflexní vrstvy zvyšují podíl ztracených vzorků. Tvrdé čočky ruší víc než měkké. Problémové bývají také výrazné řasy, přivřené oči a přímé sluneční světlo v místnosti. Řešením je pečlivá kalibrace, kontrola kvality signálu před startem a předem stanovená hranice, pod kterou se záznam vyřadí z analýzy.

Potřebuji na sběr dat z eye trackingu souhlas podle GDPR?

Sběr dat z eye trackingu v EU pracuje s údaji, které mohou být biometrické a citlivé, protože vzorec pohybu očí je do jisté míry unikátní a může naznačovat zdravotní stav. Pokud jde o výzkum s identifikovatelnými účastníky, je potřeba právní titul, obvykle informovaný souhlas, a jasné informace o účelu, době uchování a případném videozáznamu scény. Praktickým opatřením je pseudonymizace záznamů, ukládání agregovaných metrik místo surových stop a smazání videa z brýlového trackeru, jakmile proběhne mapování na oblasti zájmu.

Jaké metriky se z eye trackingu vyhodnocují nejčastěji?

Vyhodnocují se především metriky vázané na oblast zájmu (AOI). Time to first fixation říká, jak rychle pohled dorazí k prvku, a je klíčová u bannerů a CTA tlačítek. Total fixation duration měří celkovou pozornost věnovanou oblasti. Fixation count a počet návratů ukazují opakované ověřování, které často signalizuje nesrozumitelnost. Doplňkově se sleduje pořadí fixací (scanpath), podíl účastníků, kteří AOI vůbec zaznamenali, a průměr zornice jako hrubý ukazatel kognitivní zátěže, i když ten silně ovlivňuje jas obrazovky.

Kdy stačí místo eye trackingu levnější metoda?

Levnější metoda stačí vždy, když stačí zjistit, co uživatel udělal, nikoli co viděl. Nahrávky relací, klikací heatmapy a analytika odhalí opuštěné kroky ve formuláři nebo nefunkční navigaci za zlomek nákladů. Metoda first click testu nebo pětisekundového testu prověří srozumitelnost rozložení. Eye tracking má smysl teprve tam, kde je rozdíl mezi přehlédnutím a vědomým ignorováním podstatný: u reklamních formátů, hustých rozhraní typu dashboard, obalového designu nebo tam, kde jde o bezpečnost a pozornost operátora.

Zdroje

1. Eye tracking(otevře se v novém okně)Wikipedia
2. Saccade(otevře se v novém okně)Wikipedia
3. Foveated rendering(otevře se v novém okně)Wikipedia
4. Obecné nařízení o ochraně osobních údajů (GDPR)(otevře se v novém okně)Úřad pro ochranu osobních údajů

Související pojmy

• A/B testováníA/B testování je řízený experiment, který porovnává dvě varianty stránky, funkce, ceny nebo sdělení na podobných skupinách uživatelů. Měří předem zvolenou metriku, například konverzi nebo retenci, a pomáhá rozhodnout, zda změna skutečně zlepšuje výsledek, nebo zda pozorovaný rozdíl mohl vzniknout náhodou.
• 3D model3D model je digitální reprezentace objektu nebo prostoru ve třech rozměrech, složená z geometrie, materiálů a často i textur, animací či fyzikálních vlastností. Používá se v hrách, filmech, průmyslovém návrhu, architektuře, e-commerce i simulacích, kde software z modelu počítá zobrazení nebo další data.
• Adaptive IconAdaptivní ikona je formát ikony aplikace na Androidu, který se místo jedné hotové bitmapy skládá z oddělených vrstev: pozadí a popředí. Systém výsledný tvar sám ořízne podle masky výrobce zařízení a může vrstvy animovat nebo přebarvit. Vývojář tak dodá jeden zdroj a launcher z něj vytvoří kruh, čtverec i squircle.
• Alfa kanálAlfa kanál je složka obrazových dat, která u pixelu určuje míru neprůhlednosti nebo průhlednosti. Doplňuje barevné kanály, typicky RGB, a umožňuje plynulé okraje, stíny, překryvy, masky i skládání vrstev. Hodnota alfa sama neurčuje barvu, ale říká, jak se barva pixelu promíchá s pozadím.
• Alt atributAlt atribut je atribut HTML značky <img>, který nese textovou alternativu obrázku pro situace, kdy uživatel obrázek nevidí. Čtou ho odečítače obrazovky, zobrazí se při nenačtení souboru a vyhledávače z něj odvozují obsah obrázku. Prázdná hodnota alt="" je platná a znamená, že obrázek je čistě dekorativní.
• Ambient occlusionAmbient occlusion je technika stínování, která u každého bodu povrchu odhaduje, jak velká část okolní polokoule oblohy je zastíněna blízkou geometrií, a podle toho ztlumí rozptýlené okolní světlo. Výsledkem jsou tmavší kouty, spáry, záhyby a místa dotyku objektů, díky nimž scéna působí prostorově a objekty vypadají skutečně položené na podložce.
• Animace klíčových snímkůAnimace klíčových snímků je technika, při které animátor zadá hodnoty vlastnosti (polohu, rotaci, barvu, průhlednost) jen v několika vybraných časech a software dopočítá všechny mezilehlé snímky interpolací. Klíčový snímek tedy nese stav v daném okamžiku, křivka mezi klíči určuje rychlost změny a výsledkem je plynulý pohyb bez ručního kreslení každého snímku.
• Anti-aliasingAnti-aliasing je soubor technik, které omezují zubaté hrany a třepení detailů vznikající při převodu spojitého obrazu na mřížku pixelů. V grafice barvy na hranách obvykle průměruje nebo vzorkuje vícekrát, aby diagonály, text a 3D modely působily plynuleji, i když za cenu výkonu nebo mírné ztráty ostrosti.