Eye Tracking Testování uživatelského rozhraní internetového obchodu Blancheporte za pomoci oční kamery
Vypracovali: Jiří Troup, Adam Švec, Lidziya Pabalavets, Petr Fišer
Úvod Předmětem testování byly dvě varianty webových stránek internetového obchodu s oblečením Blancheporte (dříve Magnet). Obchod slouží k prodeji oblečení přes internet převážně ženám starší generace. Cílem testu bylo potvrdit nebo vyvrátit několik hypotéz ohledně intuitivnosti, použitelnosti a přivětivosti uživatelského rozhraní tohoto webu. Firma Dobrýweb, kterou zastupoval Adam Fendrych, nám dodala příslušné prospekty včetně obou variant webových stránek. Zadavatelem práce v rámci FEL ČVUT byl Ing. Zdeněk Mikovec, který poskytl kameru na sledování lidského oka, vyrobenou na katedře kybernetiky, a příslušný software na zpracování dat. Testování probíhalo v Usability labu (ULAB) na Katedře počítačové grafiky a interakce, FEL ČVUT v Praze.
Cílová skupina Cílovou skupinou Blancheporte jsou ženy ve věku 55 až 70 let, které nemají hlubší zkušenosti s počítačem a nakupováním prostřednictvím internetu. Vzhledem k tomu, že by pro nás bylo obtížné sehnat dostatečný počet participantů této skupiny, povolil zadavatel provádět test nad libovolnou cílovou skupinou, přičemž doporučená byla skupina “student VŠ, 20-25 let”; právě tato cílová skupina byla pro test použita.
Výběr participantů Pro výběr participantů byl sestaven screener, který byl několikrát konzultován s Adamem Fendrychem. Jednalo se o screener nevyřazujícího charakteru, t.j. do testu byli přijati všichni oslovení lidé, přičemž jejich odpovědi byly zahrnuty do celkové analýzy. Výběr byl realizován dotazováním osob pouze z dané cílové skupiny. Celkový počet participantů byl 12, z toho 9 mužů a 3 ženy.
Průběh testu Test probíhal v laboratoři ULAB. Během testování byl přítomen jeden participant a jeden nebo dva moderátoři. První moderátor vedl participanta testem, druhý zapisoval odpovědi na otázky, které byly kladeny v průběhu testování. Před začátkem byl vysvětlen princip testu, poté byl participant usazen před monitor počítače, na kterém probíhalo testování. Participantovi byla na hlavu upevněna oční kamera, která se před začátkem testu každého testu kalibrovala. Následně proběhl test formou "prezentace" jednotlivých snímků webových stránek. Stránky tedy nebyly živé a participant neměl žádnou možnost interakce. Ta byla nahrazena krátkou diskusí po promítnutí každého obrázku. Diskuse probíhala před prázdnou obrazovkou, aby se ve výstupu neobjevila mžikání participantových očí v době, kdy mu byly kladeny otázky. Po splnění všech aktivních úkolů byly participantovi položeny otázky z posttest dotazníku. Průběh celého testu byl zaznamenán na video, včetně zvukového záznamu.
Testované hypotézy 1. Uživatelé, kteří na web přicházejí s potřebou vybrat a koupit nějaké zboží, například 2. 3. 4. 5. 6.
kalhoty, ignorují výrazné promonabídky na úvodní stránce. Umístění vyhledávacího pole v hlavní obsahové části stránky zlepšuje jeho okamžitou nalezitelnost. Odkazy umístěné v horní části záhlaví, nad logem webu, jsou pro uživatele velmi špatně nalezitelné. Výrazné barevné odlišení hlavní horizontální navigace navede uživatele rychleji na cestu k výběru zboží z nabízených kategorií. Delším textovým blokům uživatele při řešení typických úloh (nákup zboží) nevěnují pozornost. Identifikace formuláře pro přihlášení k odběru novinek je pro uživatele rychlejší, pokud je na stránce rovnou vidět vstupní pole formuláře.
Screener 1. Osobní údaje A. Muž B. Žena [preference] 2. Jak často nakupujete v e-shopech? A. Nikdy jsem v žádném e-shopu nic nekoupil/a. [vynechat otázku 3] B. Nakupuji pouze ojediněle. C. Občas, ale ne vícekrát než jednou do měsíce. [preference] D. Nakupuji pravidelně, i vícekrát měsíčně. 3. Znáte nějaké e-shopy s oblečením, a jaké ? [ Pokud uvedou Blancheporte zaznamenat do výsledků] 4. Jakým způsobem v e-shopech nakupujete? [zaznamenat do výsledků] A. Porovnávám zboží na několika e-shopech B. Vždy se okamžitě rozhodnu, zda zboží koupit. C. Řídím se recenzemi a akčními nabídkami.
Testové úkoly 1. Otevřel(a) jste stránku s cílem koupit si džíny značky What‘s. Jak byste je našel(la), aby jste zjistil(a) její cenu ? 2. Představte si, že potřebujete si vybrat košili na Blancheport. Označte první krok, který byste udělal(a). 3. Předpokládejme, že jste si výrobek koupil(a) a byl(a) jste tak spokojen(a), že chcete nakupovat znovu. Zkuste si nechat zasílat informace o novinkách, slevách formou elektronické pošty.
Post test 1. Všiml(a) jste si možnosti objednání vytištěného katalogu? 2. Nabízela stránka nějaké promoakce? A jaké? [Pro A] 3. V dolní části stránky byl delší text. Pamatujete si jeho obsah? Pokud ano, jakou maximální velikost oblečení si můžete na Blancheporte koupit? [Pro B] 4. Podívejte se na koncept A. Jaký se vám zdá vzhledem k B ? 5. V dolní části stránky byl delší text. Pamatujete si jeho obsah? Pokud ano, jakou maximální velikost oblečení si můžete na Blancheporte koupit?
Přílohy
Získaná data Tabulka souhrnu screeneru participant*
varianta
pohlaví
nakupuje v e-shopech
P2 A muž občas P3 A muž občas P4 A muž ojediněle P5 A muž občas P6 A žena ne P8 A muž pravidelně P9 B muž ojediněle P10 B žena ojediněle P11 B žena občas P12 B muž občas * 1. a 7. participanti byli vyřazeni z analýzy
zná e-shopy s oblečením ne ano ne ne ne ne ano ano ne ano
Tabulka souhrnu posttestu participant* všiml si katalogu
všiml si promoakce P2 ano ano P3 ne ano P4 ano ano P5 ne ano P6 ne ano P8 ne ne P9 ano ano P10 ano ano P11 ano ano P12 ne ano * 1. a 7. participanti byli vyřazeni z analýzy
všiml si textu ne ano ano ne ne ano ne ne ne ano
Sloučení dvou předchozích tabulek participant varianta
pohlaví
nakupuje v zná e-shopy e-shopech s oblečením
všiml si všiml si katalogu promoakce
P2 P3 P4 P5 P6 P8 P9 P10 P11 P12
muž muž muž muž žena muž muž žena žena muž
občas občas ojediněle občas ne pravidelně ojediněle ojediněle občas občas
ano ne ano ne ne ne ano ano ano ne
A A A A A A B B B B
ne ano ne ne ne ne ano ano ne ano
ano ano ano ano ano ne ano ano ano ano
všiml si textu ne ano ano ne ne ano ne ne ne ano
Informace o participantech Participant P1
-vyřazen kamera nic nezaznamenala
Participant P2 varianta pohlaví nakupuje v e-shopech zná e-shopy s oblečením při nakupování v eshopu OT 1 (nákup džín) OT 2 (nákup košile) OT 3 (zasílání novinek) všiml si tištěného kat. všiml si promoakce všiml si delšího textu připomínky k variantě B
A muž občas nezná řídí se akčními nabídkami a recenzemi zvolil by pánskou módu; špatně se orientoval na horní liště zvolil by pánskou módu zvolil by novinky na horní liště ano ano, i jednotlivých typů oblečení ne byla přehlednější
Participant P3 varianta pohlaví nakupuje v e-shopech zná e-shopy s oblečením při nakupování v eshopu OT 1 (nákup džín) OT 2 (nákup košile) OT 3 (zasílání novinek) všiml si tištěného kat. všiml si promoakce všiml si delšího textu připomínky k variantě B
A muž občas ano, několik porovnává zboží zvolil by pánskou módu zvolil by pánskou módu, kde by hledal slovo Košile zvolil by kontakty ne ano, podrobnosti nevěděl ano, obsahu si nevšiml byla přehlednější
Participant P4 varianta pohlaví nakupuje v e-shopech zná e-shopy s oblečením při nakupování v eshopu OT 1 (nákup džín) OT 2 (nákup košile) OT 3 (zasílání novinek) všiml si tištěného kat. všiml si promoakce všiml si delšího textu připomínky k variantě B
A muž ojediněle nezná porovnává zboží zvolil by pánskou módu zvolil by pánskou módu zvolil by rychlou objednávku na horní liště ano ano, i podrobností ano, nečetl jej velice se mu líbila
Participant P5 varianta pohlaví nakupuje v e-shopech zná e-shopy s oblečením při nakupování v eshopu OT 1 (nákup džín) OT 2 (nákup košile) OT 3 (zasílání novinek) všiml si tištěného kat. všiml si promoakce všiml si delšího textu připomínky k variantě B
A muž občas ne řídí se akčními nabídkami a recenzemi zvolil by vyhledávací pole zvolil by pánskou módu zvolil by lištu služby dole ne ano, podrobnosti nevěděl ne líbila se mu
Participant P6 varianta pohlaví nakupuje v e-shopech zná e-shopy s oblečením při nakupování v eshopu OT 1 (nákup džín) OT 2 (nákup košile) OT 3 (zasílání novinek) všiml si tištěného kat. všiml si promoakce všiml si delšího textu připomínky k variantě B
A žena ne ne zvolila by vyhledávací pole (měla problémy s jeho nalezením) zvolila by pánskou módu zvolila by newsletter ne ano, podrobnosti nevěděla ne připadala jí názornější; ihned si všimla košíku
Participant P7
-vyřazen, kamera nic nezaznamenala
Participant P8 varianta pohlaví nakupuje v e-shopech zná e-shopy s oblečením při nakupování v eshopu OT 1 (nákup džín) OT 2 (nákup košile) OT 3 (zasílání novinek) všiml si tištěného kat. všiml si promoakce všiml si delšího textu připomínky k variantě B
A muž pravidelně ne porovnává zboží zvolil by pánskou módu zvolil by dámskou módu přihlásil by se a nechal si to zasílat jednotlivě ne ne ano, nečetl jej připadala mu jednoduchá, intuitivnější (méně textu, více obrázků)
Participant P9 varianta pohlaví nakupuje v e-shopech zná e-shopy s oblečením při nakupování v eshopu OT 1 (nákup džín) OT 2 (nákup košile) OT 3 (zasílání novinek) všiml si tištěného kat. všiml si promoakce připomínky k variantě A delší text u varianty A
B muž ojediněle poměrně dost porovnává zboží zvolil by pánskou módu zvolil by pánskou módu zvolil by panel na zasílání newsletteru ano ano, podrobnosti nevěděl text mu připadal příliš malý nevšiml si
Participant P10 varianta pohlaví nakupuje v e-shopech zná e-shopy s oblečením při nakupování v eshopu OT 1 (nákup džín) OT 2 (nákup košile) OT 3 (zasílání novinek) všiml si tištěného kat. všiml si promoakce připomínky k variantě A delší text u varianty A
B žena ojediněle ano porovnává zboží zvolila by dámskou módu zvolila by pánskou módu přihlásila by se jako stávající zákazník ano, nebyla si ale jistá všimla si slova „akce“, podrobnostem nevěnovala pozornost přišla jí mnohem složitější nevšimla si
Participant P11 varianta pohlaví nakupuje v e-shopech zná e-shopy s oblečením při nakupování v eshopu OT 1 (nákup džín) OT 2 (nákup košile) OT 3 (zasílání novinek) všiml si tištěného kat. všiml si promoakce připomínky k variantě A delší text u varianty A
B žena občas ne řídí se akčními nabídkami a recenzemi zvolila by dámskou módu a očekávala výsuvné menu dala by vyhledávat slovo košile zvolila by odkaz „Přihlásit se k odběru novinek“ ano všimla si dvou bannerů i s podrobnostmi přílišná dominantnost hlavní reklamy, odvádí pozornost nevšimla si
Participant P12 varianta pohlaví nakupuje v e-shopech zná e-shopy s oblečením při nakupování v eshopu OT 1 (nákup džín) OT 2 (nákup košile) OT 3 (zasílání novinek) všiml si tištěného kat. všiml si promoakce připomínky k variantě A delší text u varianty A
B muž občas ano řídí se akčními nabídkami a recenzemi zvolil by vyhledávání zvolil by pánskou módu zvolil by registraci, tam by očekával složku k odesílání novinek ne ano, podrobnosti neznal písmena se mu zdála příliš malá všiml si, text byl špatně čitelný
Testovaná varianta webu [A]
Testovaná varianta webu [B]
