WUD 2009: Co prozradí oční kamera a jak testovat wireframy webu
Upcoming SlideShare
Loading in...5
×
 

WUD 2009: Co prozradí oční kamera a jak testovat wireframy webu

on

  • 1,701 views

Případová studie uživatelského testování návru webu Měšec.cz s využitím oční kamery a wireframů

Případová studie uživatelského testování návru webu Měšec.cz s využitím oční kamery a wireframů

Statistics

Views

Total Views
1,701
Views on SlideShare
1,445
Embed Views
256

Actions

Likes
1
Downloads
6
Comments
0

3 Embeds 256

http://www.dobryweb.cz 254
http://www.slideshare.net 1
http://alfa.dobryweb.cz 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • LP – popis kdy, co, atp. TB - za
  • LP – popis kdy, co, atp. TB - za
  • LP - lepší odpověď na co? horší na proč? Ideální na „kam“ Zde bych si převzal já povídání o metodice a konfiguraci.

WUD 2009: Co prozradí oční kamera a jak testovat wireframy webu WUD 2009: Co prozradí oční kamera a jak testovat wireframy webu Presentation Transcript

  • Co prozradí oční kamera a jak testovat wireframy World Usability Day 2009 Tomáš Bláha (Eyetracker.cz), Adam Fendrych (Dobrý web)
  • Měšec.cz
    • 20 000 návštěv denně
    • Vývoj od 01/2009
      • Analýzy
      • Interní rozhovory
      • Vývoj UI
  • Testovací materiál
  • Testovací materiál
  • Průběh testování
    • 12 testerů
    • 15 minut oční kamera
    • 15 minut wireframy
    • Přenos a záznam zvuku a videa
  • 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
  • Uživatelské testování 20. 10. 2009 Testování použitelnosti webu s i bez oční kamery
  • Uživatelské testování 20. 10. 2009 Testování použitelnosti webu s i bez oční kamery
  • 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
  • M et odika
    • Think 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 .
    SPECIÁLNĚ PRO OČNÍ KAMERU
  • Konfigurace testování 20. 10. 2009 Testování použitelnosti webu s i bez oční kamery Oční kamera Ovládací počítač Pozorovací monitor
  • Konfigurace testování 20. 10. 2009 Testování použitelnosti webu s i bez oční kamery Oční kamera Ovládací počítač Pozorovací monitor
  • 20. 10. 2009 Testování použitelnosti webu s i bez oční kamery
  • Konfigurace testování 20. 10. 2009 Testování použitelnosti webu s i bez oční kamery Oční kamera Ovládací počítač Pozorovací monitor
  • Konfigurace testování 20. 10. 2009 Testování použitelnosti webu s i bez oční kamery Oční kamera Ovládací počítač Pozorovací monitor
    • Video záznam
    Výstupy
    • Gaze plot
    Výstupy 1 2
    • Gaze plot
    Výstupy 1 2
    • Heat mapa
    Výstupy kliky myší
    • Gaze opacity
    Výstupy
    • Events tracking
    Výstupy
    • AOI analýza
    Výstupy
  • 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ý.
  • www.mesec.cz 20. 10. 2009 Testování použitelnosti webu s i bez oční kamery
  • Chování na HP
  • Volné pozorování 20-30s Plnění úkolu Prvních 5 s Chování na HP
  • volné pozorování plnění úkolů Chování na HP
  • volné pozorování plnění úkolů Chování na HP
  • volné pozorování plnění úkolů Chování na HP
  • volné pozorování plnění úkolů Chování na HP
  • volné pozorování plnění úkolů Chování na HP
  • Problémová oblast
    • Spodní část stránky ignorována díky ohraničení bannery
    Problémová oblast
  • Čtyřnavigace nad článkem
  • 20. 10. 2009
  • 20. 10. 2009
  • Testování wireframů
    • Co zjistíte
      • Srozumitelnost prvků
      • Orientaci na stránce
      • Názvosloví
    • Co nezjistíte
      • Funkčnost – technické řešení
      • Grafika
  • Hi-fi, lo-fi, klikání
    • Náčrtky
    • Wireframy
    • Interaktivní wireframy
  • 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…
  • 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
  • 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