SlideShare uma empresa Scribd logo
1 de 25
Testování použitelnosti webu s i bez oční kamery
Konference WebTop100 – 20. 10. 2009
Tomáš Bláha (Eyetracker.cz), Luboš Plotěný (Dobrý web)
Proč zapojit oční kameru?




dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 2
Proč zapojit oční kameru?




dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 3
dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 4
Kamera sama nevyřeší nic




dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 5
Nebezpečí?

HEZKY VYPADAJÍCÍ VÝSTUPY
BEZ INTERPRETACE
dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 6
Zadaný úkol ovlivňuje podobu výstupu
                                                                                     úkol A




dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009            snímek | 7
Zadaný úkol ovlivňuje podobu výstupu
                                                                                     úkol B




dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009            snímek | 8
volné pozorování                                                plnění úkolů




  dokument | Testování použitelnosti webu s i bez oční kamery    datum | 20. 10. 2009   snímek | 9
volné pozorování                                                plnění úkolů




  dokument | Testování použitelnosti webu s i bez oční kamery    datum | 20. 10. 2009   snímek | 10
volné pozorování                                                plnění úkolů




  dokument | Testování použitelnosti webu s i bez oční kamery    datum | 20. 10. 2009   snímek | 11
volné pozorování                                                plnění úkolů




  dokument | Testování použitelnosti webu s i bez oční kamery    datum | 20. 10. 2009   snímek | 12
Zadaný úkol ovlivňuje podobu výstupu
• Co si z toho odnést?
      » Špatný úkol můţe vést ke špatným závěrům
      » Dobrý úkol, ale špatně zadaný, můţe vést ke špatným
        závěrům
      » Ţádný úkol můţe vést ke špatným závěrům
• Nelze dělat závěry pouze na základě
  shlédnutí výstupů



dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 13
dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 14
dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 15
BEZ HYPOTÉZ ANI RÁNU

dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 16
dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 17
dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 18
dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 19
dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 20
dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 21
Potvrzujte / vyvracejte
• Co si z toho odnést?
      » Bez hypotézy nezjistíte nic
      » Připravte si varianty
• Nechoďte do toho s cílem zjistit, kam se
  uživatelé dívají




dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 22
Srovnání
• Testování oční kamerou
      » Odpověď na otázku „Kam se uţivatel dívá?“
      » Méně ovlivněné chování uţivatele
• Klasické uživatelské testování
      » Moţnosti důkladnějšího zjištění příčin chování uţivatele
• Testování wireframů
      » Snadné úpravy během testování
      » Velká úspora nákladů


dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 23
Zajímá vás víc?
• 12. 11. – World Usability Day
      »    Co prozradí oční kamera a jak testovat wireframy webu
      »    Tomáš Bláha (Eyetracker.cz), Adam Fendrych (Dobrý web)
      »    http://www.wud.cz/
      »    zdarma!
• 16. 12. – Workshop uživatelské testování webu prakticky
      »    půldenní praktický workshop
      »    Adam Fendrych (Dobrý web)
      »    http://www.dobryweb.cz/workshop-uzivatelskeho-testovani-pouzitelnosti/
      »    20% sleva
• 10. 12. – Školení použitelnosti Dobrého webu
      »    celodenní školení
      »    Adam Fendrych (Dobrý web)
      »    http://www.dobryweb.cz/skoleni-pouzitelnost/
      »    20% sleva



dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 24
Děkujeme za pozornost
• Tomáš Bláha
      » e-mail: tomas.blaha@eyetracker.cz
      » telefon: 777 350 850


• Luboš Plotěný
      » e-mail: lubos.ploteny@dobryweb.cz
      » telefon: 277 004 650




dokument | Testování použitelnosti webu s i bez oční kamery   datum | 20. 10. 2009   snímek | 25

Mais conteúdo relacionado

Mais de Sherpas

Milan zeman content-first-2019
Milan zeman content-first-2019Milan zeman content-first-2019
Milan zeman content-first-2019Sherpas
 
Jiří Suchý: Design sprint jako součást plánování marketingové kampaně
Jiří Suchý: Design sprint jako součást plánování marketingové kampaněJiří Suchý: Design sprint jako součást plánování marketingové kampaně
Jiří Suchý: Design sprint jako součást plánování marketingové kampaněSherpas
 
Milan Zeman: SEO jako multiobor
Milan Zeman: SEO jako multioborMilan Zeman: SEO jako multiobor
Milan Zeman: SEO jako multioborSherpas
 
Luboš Plotěný & Tomáš Hrivnák: Ten novej název je divnej (BRANDstorming 2018)
Luboš Plotěný & Tomáš Hrivnák: Ten novej název je divnej (BRANDstorming 2018)Luboš Plotěný & Tomáš Hrivnák: Ten novej název je divnej (BRANDstorming 2018)
Luboš Plotěný & Tomáš Hrivnák: Ten novej název je divnej (BRANDstorming 2018)Sherpas
 
Tomáš Turek: Jak jsme rozjeli kampaně v maďarštině (WebTop100 2016)
Tomáš Turek: Jak jsme rozjeli kampaně v maďarštině (WebTop100 2016)Tomáš Turek: Jak jsme rozjeli kampaně v maďarštině (WebTop100 2016)
Tomáš Turek: Jak jsme rozjeli kampaně v maďarštině (WebTop100 2016)Sherpas
 
Jiří Suchý: CX hodnoty a mapování cest v digi (CX konference 2017)
Jiří Suchý: CX hodnoty a mapování cest v digi (CX konference 2017)Jiří Suchý: CX hodnoty a mapování cest v digi (CX konference 2017)
Jiří Suchý: CX hodnoty a mapování cest v digi (CX konference 2017)Sherpas
 
Filip Ekl: Analýza konkurence z pohledu UX
 (Klubový večer WebTop100: Konkure...
Filip Ekl: Analýza konkurence z pohledu UX
 (Klubový večer WebTop100: Konkure...Filip Ekl: Analýza konkurence z pohledu UX
 (Klubový večer WebTop100: Konkure...
Filip Ekl: Analýza konkurence z pohledu UX
 (Klubový večer WebTop100: Konkure...Sherpas
 
Michal Mládek: Human centric culture (UX a digitální inovace)
Michal Mládek: Human centric culture (UX a digitální inovace)Michal Mládek: Human centric culture (UX a digitální inovace)
Michal Mládek: Human centric culture (UX a digitální inovace)Sherpas
 
Luboš Plotěný: Měření výkonu digitálních kanálů/touchpointů pro E.On (Interne...
Luboš Plotěný: Měření výkonu digitálních kanálů/touchpointů pro E.On (Interne...Luboš Plotěný: Měření výkonu digitálních kanálů/touchpointů pro E.On (Interne...
Luboš Plotěný: Měření výkonu digitálních kanálů/touchpointů pro E.On (Interne...Sherpas
 
Luboš Plotěný: Měření zákaznické spokojenosti na digitálních touchpointech (K...
Luboš Plotěný: Měření zákaznické spokojenosti na digitálních touchpointech (K...Luboš Plotěný: Měření zákaznické spokojenosti na digitálních touchpointech (K...
Luboš Plotěný: Měření zákaznické spokojenosti na digitálních touchpointech (K...Sherpas
 
Filip Ekl: Uživatelské testování stránek z pohledu použitelnosti (Wordcamp Pr...
Filip Ekl: Uživatelské testování stránek z pohledu použitelnosti (Wordcamp Pr...Filip Ekl: Uživatelské testování stránek z pohledu použitelnosti (Wordcamp Pr...
Filip Ekl: Uživatelské testování stránek z pohledu použitelnosti (Wordcamp Pr...Sherpas
 
Katalog školení Dobrého webu
Katalog školení Dobrého webuKatalog školení Dobrého webu
Katalog školení Dobrého webuSherpas
 
Jak na transakční e-maily
Jak na transakční e-mailyJak na transakční e-maily
Jak na transakční e-mailySherpas
 
Testování bankomatu
Testování bankomatuTestování bankomatu
Testování bankomatuSherpas
 
Efektivnější inovace díky uživatelům
Efektivnější inovace díky uživatelůmEfektivnější inovace díky uživatelům
Efektivnější inovace díky uživatelůmSherpas
 
Jak přežít redesign obsahu obřího webu
Jak přežít redesign obsahu obřího webuJak přežít redesign obsahu obřího webu
Jak přežít redesign obsahu obřího webuSherpas
 
User experience: Ideální web pro uživatele
User experience: Ideální web pro uživateleUser experience: Ideální web pro uživatele
User experience: Ideální web pro uživateleSherpas
 
Jak nastartovat vlastni obsahovy marketing
Jak nastartovat vlastni obsahovy marketingJak nastartovat vlastni obsahovy marketing
Jak nastartovat vlastni obsahovy marketingSherpas
 
Nástroje pro váš marketing - Zn. Zdarma
Nástroje pro váš marketing - Zn. ZdarmaNástroje pro váš marketing - Zn. Zdarma
Nástroje pro váš marketing - Zn. ZdarmaSherpas
 
Jak měřit a vyhodnocovat obsahový marketing
Jak měřit a vyhodnocovat obsahový marketingJak měřit a vyhodnocovat obsahový marketing
Jak měřit a vyhodnocovat obsahový marketingSherpas
 

Mais de Sherpas (20)

Milan zeman content-first-2019
Milan zeman content-first-2019Milan zeman content-first-2019
Milan zeman content-first-2019
 
Jiří Suchý: Design sprint jako součást plánování marketingové kampaně
Jiří Suchý: Design sprint jako součást plánování marketingové kampaněJiří Suchý: Design sprint jako součást plánování marketingové kampaně
Jiří Suchý: Design sprint jako součást plánování marketingové kampaně
 
Milan Zeman: SEO jako multiobor
Milan Zeman: SEO jako multioborMilan Zeman: SEO jako multiobor
Milan Zeman: SEO jako multiobor
 
Luboš Plotěný & Tomáš Hrivnák: Ten novej název je divnej (BRANDstorming 2018)
Luboš Plotěný & Tomáš Hrivnák: Ten novej název je divnej (BRANDstorming 2018)Luboš Plotěný & Tomáš Hrivnák: Ten novej název je divnej (BRANDstorming 2018)
Luboš Plotěný & Tomáš Hrivnák: Ten novej název je divnej (BRANDstorming 2018)
 
Tomáš Turek: Jak jsme rozjeli kampaně v maďarštině (WebTop100 2016)
Tomáš Turek: Jak jsme rozjeli kampaně v maďarštině (WebTop100 2016)Tomáš Turek: Jak jsme rozjeli kampaně v maďarštině (WebTop100 2016)
Tomáš Turek: Jak jsme rozjeli kampaně v maďarštině (WebTop100 2016)
 
Jiří Suchý: CX hodnoty a mapování cest v digi (CX konference 2017)
Jiří Suchý: CX hodnoty a mapování cest v digi (CX konference 2017)Jiří Suchý: CX hodnoty a mapování cest v digi (CX konference 2017)
Jiří Suchý: CX hodnoty a mapování cest v digi (CX konference 2017)
 
Filip Ekl: Analýza konkurence z pohledu UX
 (Klubový večer WebTop100: Konkure...
Filip Ekl: Analýza konkurence z pohledu UX
 (Klubový večer WebTop100: Konkure...Filip Ekl: Analýza konkurence z pohledu UX
 (Klubový večer WebTop100: Konkure...
Filip Ekl: Analýza konkurence z pohledu UX
 (Klubový večer WebTop100: Konkure...
 
Michal Mládek: Human centric culture (UX a digitální inovace)
Michal Mládek: Human centric culture (UX a digitální inovace)Michal Mládek: Human centric culture (UX a digitální inovace)
Michal Mládek: Human centric culture (UX a digitální inovace)
 
Luboš Plotěný: Měření výkonu digitálních kanálů/touchpointů pro E.On (Interne...
Luboš Plotěný: Měření výkonu digitálních kanálů/touchpointů pro E.On (Interne...Luboš Plotěný: Měření výkonu digitálních kanálů/touchpointů pro E.On (Interne...
Luboš Plotěný: Měření výkonu digitálních kanálů/touchpointů pro E.On (Interne...
 
Luboš Plotěný: Měření zákaznické spokojenosti na digitálních touchpointech (K...
Luboš Plotěný: Měření zákaznické spokojenosti na digitálních touchpointech (K...Luboš Plotěný: Měření zákaznické spokojenosti na digitálních touchpointech (K...
Luboš Plotěný: Měření zákaznické spokojenosti na digitálních touchpointech (K...
 
Filip Ekl: Uživatelské testování stránek z pohledu použitelnosti (Wordcamp Pr...
Filip Ekl: Uživatelské testování stránek z pohledu použitelnosti (Wordcamp Pr...Filip Ekl: Uživatelské testování stránek z pohledu použitelnosti (Wordcamp Pr...
Filip Ekl: Uživatelské testování stránek z pohledu použitelnosti (Wordcamp Pr...
 
Katalog školení Dobrého webu
Katalog školení Dobrého webuKatalog školení Dobrého webu
Katalog školení Dobrého webu
 
Jak na transakční e-maily
Jak na transakční e-mailyJak na transakční e-maily
Jak na transakční e-maily
 
Testování bankomatu
Testování bankomatuTestování bankomatu
Testování bankomatu
 
Efektivnější inovace díky uživatelům
Efektivnější inovace díky uživatelůmEfektivnější inovace díky uživatelům
Efektivnější inovace díky uživatelům
 
Jak přežít redesign obsahu obřího webu
Jak přežít redesign obsahu obřího webuJak přežít redesign obsahu obřího webu
Jak přežít redesign obsahu obřího webu
 
User experience: Ideální web pro uživatele
User experience: Ideální web pro uživateleUser experience: Ideální web pro uživatele
User experience: Ideální web pro uživatele
 
Jak nastartovat vlastni obsahovy marketing
Jak nastartovat vlastni obsahovy marketingJak nastartovat vlastni obsahovy marketing
Jak nastartovat vlastni obsahovy marketing
 
Nástroje pro váš marketing - Zn. Zdarma
Nástroje pro váš marketing - Zn. ZdarmaNástroje pro váš marketing - Zn. Zdarma
Nástroje pro váš marketing - Zn. Zdarma
 
Jak měřit a vyhodnocovat obsahový marketing
Jak měřit a vyhodnocovat obsahový marketingJak měřit a vyhodnocovat obsahový marketing
Jak měřit a vyhodnocovat obsahový marketing
 

Testování použitelnosti webu s i bez oční kamery

  • 1. Testování použitelnosti webu s i bez oční kamery Konference WebTop100 – 20. 10. 2009 Tomáš Bláha (Eyetracker.cz), Luboš Plotěný (Dobrý web)
  • 2. Proč zapojit oční kameru? dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 2
  • 3. Proč zapojit oční kameru? dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 3
  • 4. dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 4
  • 5. Kamera sama nevyřeší nic dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 5
  • 6. Nebezpečí? HEZKY VYPADAJÍCÍ VÝSTUPY BEZ INTERPRETACE dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 6
  • 7. Zadaný úkol ovlivňuje podobu výstupu úkol A dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 7
  • 8. Zadaný úkol ovlivňuje podobu výstupu úkol B dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 8
  • 9. volné pozorování plnění úkolů dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 9
  • 10. volné pozorování plnění úkolů dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 10
  • 11. volné pozorování plnění úkolů dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 11
  • 12. volné pozorování plnění úkolů dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 12
  • 13. Zadaný úkol ovlivňuje podobu výstupu • Co si z toho odnést? » Špatný úkol můţe vést ke špatným závěrům » Dobrý úkol, ale špatně zadaný, můţe vést ke špatným závěrům » Ţádný úkol můţe vést ke špatným závěrům • Nelze dělat závěry pouze na základě shlédnutí výstupů dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 13
  • 14. dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 14
  • 15. dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 15
  • 16. BEZ HYPOTÉZ ANI RÁNU dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 16
  • 17. dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 17
  • 18. dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 18
  • 19. dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 19
  • 20. dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 20
  • 21. dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 21
  • 22. Potvrzujte / vyvracejte • Co si z toho odnést? » Bez hypotézy nezjistíte nic » Připravte si varianty • Nechoďte do toho s cílem zjistit, kam se uživatelé dívají dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 22
  • 23. Srovnání • Testování oční kamerou » Odpověď na otázku „Kam se uţivatel dívá?“ » Méně ovlivněné chování uţivatele • Klasické uživatelské testování » Moţnosti důkladnějšího zjištění příčin chování uţivatele • Testování wireframů » Snadné úpravy během testování » Velká úspora nákladů dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 23
  • 24. Zajímá vás víc? • 12. 11. – World Usability Day » Co prozradí oční kamera a jak testovat wireframy webu » Tomáš Bláha (Eyetracker.cz), Adam Fendrych (Dobrý web) » http://www.wud.cz/ » zdarma! • 16. 12. – Workshop uživatelské testování webu prakticky » půldenní praktický workshop » Adam Fendrych (Dobrý web) » http://www.dobryweb.cz/workshop-uzivatelskeho-testovani-pouzitelnosti/ » 20% sleva • 10. 12. – Školení použitelnosti Dobrého webu » celodenní školení » Adam Fendrych (Dobrý web) » http://www.dobryweb.cz/skoleni-pouzitelnost/ » 20% sleva dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 24
  • 25. Děkujeme za pozornost • Tomáš Bláha » e-mail: tomas.blaha@eyetracker.cz » telefon: 777 350 850 • Luboš Plotěný » e-mail: lubos.ploteny@dobryweb.cz » telefon: 277 004 650 dokument | Testování použitelnosti webu s i bez oční kamery datum | 20. 10. 2009 snímek | 25