wud 2009: co prozradí oční kamera a jak testovat wireframy webu
Post on 03-Jul-2015
980 Views
Preview:
DESCRIPTION
TRANSCRIPT
Co prozradí oční kamera a jak testovat wireframyWorld Usability Day 2009Tomáš Bláha (Eyetracker.cz), Adam Fendrych (Dobrý web)
snímek | datum | dokument | 2
Měšec.cz
• 20 000 návštěv denně• Vývoj od 01/2009
» Analýzy» Interní rozhovory» Vývoj UI
snímek | datum | dokument | 5
Průběh testování
• 12 testerů• 15 minut oční kamera• 15 minut wireframy• Přenos a záznam zvuku a videa
snímek | datum | dokument | 7
Proč takto?
• Oční kamera» Otestovat grafické řešení» Ověřit některé teze
• Viditelnost reklam• Srozumitelnost navigace
• Wireframy» Neomezené množství k otestování» Srozumitelnost složitějších žebříčků a tabulek
snímek | datum | dokument |
Uživatelské testování
20. 10. 2009Testování použitelnosti webu s i bez oční kamery
8
snímek | datum | dokument |
Uživatelské testování
20. 10. 2009Testování použitelnosti webu s i bez oční kamery
9
snímek | datum | dokument |
Proč zapojit oční kameru?ZPŘESŇUJE VÝSLEDKY• Přesné informace, kam se respondent dívá a
kterým prvkům věnoval pozornost• Oční kamera neukazuje jen prvky, které uživatel
vidí, ale také, kterých si nevšiml nebo zcela ignoroval
• Respondent není vyrušován a může se chovat přirozeně
• Respondent nás nemůže jednoduše podvést podvést
11
snímek | datum | dokument |
MetodikaThink aloud – metodika (nejen) pro „klasické“ uživatelské
testování• Uživatel přemýšlí nahlas a komentuje své chování• Bez oční kamery nebo s oční kamerou• Paralelně s in-depth interviews
PEEP (post experience eye tracked protocol)• Metodika přímo pro eyetracking• Respondent si v klidu bez zásahů moderátora projde test a
následně již společně s moderátorem interpretuje své chování nad záznamem z oční kamery.
12
SPECIÁLNĚ PRO OČNÍ KAMERU
snímek | datum | dokument |
Konfigurace testování
20. 10. 2009Testování použitelnosti webu s i bez oční kamery
13
Oční kamera
Ovládací počítač
Pozorovací monitor
snímek | datum | dokument |
Konfigurace testování
20. 10. 2009Testování použitelnosti webu s i bez oční kamery
14
Oční kamera
Ovládací počítač
Pozorovací monitor
snímek | datum | dokument |
Konfigurace testování
20. 10. 2009Testování použitelnosti webu s i bez oční kamery
16
Oční kamera
Ovládací počítač
Pozorovací monitor
snímek | datum | dokument |
Konfigurace testování
20. 10. 2009Testování použitelnosti webu s i bez oční kamery
18
Oční kamera
Ovládací počítač
Pozorovací monitor
snímek | datum | dokument |
Klíčové body přípravy testu• Příprava!• Hypotézy!• Zadaný úkol přímo ovlivňuje podobu
výstupu!• Vždy objevíte něco nečekaného• Boj mezi kvalitativní metodikou a touhou
zjistit kvantitativní výsledky• Cíl „chci jen zjistit kam se uživatelé dívají“
není dobrý.
27
snímek | datum | dokument |
www.mesec.cz
20. 10. 2009Testování použitelnosti webu s i bez oční kamery
28
snímek | datum | dokument |
• Spodní část stránky ignorována díky ohraničení bannery
Problémová oblast
snímek | datum | dokument | 42
Testování wireframů
• Co zjistíte» Srozumitelnost prvků» Orientaci na stránce» Názvosloví
• Co nezjistíte» Funkčnost – technické řešení» Grafika
snímek | datum | dokument | 45
Testování wireframů
• Co nelze» Zadávat testovací úkoly» Nechat uživatele samostatně pracovat
• Jak se ptát» Kde byste hledal…» Co znamená tato položka…» Co se stane po kliknutí na…
snímek | datum | dokument | 51
Shrnutí – hlavní výhody
• Oční kamera» Odpověď na otázku „Kam se uživatel dívá?“ (nebo
nedívá)» Méně ovlivněné chování uživatele
• Wireframy» Velmi snadné změny» Rychlá příprava» Možnost ptát se během testu
snímek | datum | dokument | 52
Děkujeme za pozornost
• Tomáš Bláha» e-mail: tomas.blaha@eyetracker.cz » telefon: 777 350 850
• Adam Fendrych» e-mail: adam.fendrych@dobryweb.cz» telefon: 277 004 652
top related