SlideShare a Scribd company logo
1 of 31
Testování použitelnosti Lukáš Marvan
Co nás čeká a nemine? teoretický úvod tipy & triky praktická ukázka: Test vyhodnocení diskuze
1. teoretický úvod Testování použitelnosti
Co je to ta použitelnost? Použitelnost stránek řeší ergonomii na internetu, tedy aby stránky nejen dobře vypadaly, ale aby se také dobře ovládaly a návštěvník se na nich neztrácel, ale snadno objednával a utrácel.
Proč testujeme použitelnost? Protože hledáme chybu v rozhraní. Proč hledáme chybu? Protože čím dříve ji najdeme,tím méně nás bude stát. A určitě tam nějaká chyba je? Ano.
Ovšem nejen to! Testování použitelnosti je kvalitativní forma uživatelského průzkumu. Pomáhá nám poznat naše skutečné uživatele. Žádné PV ani RU … … ale lidé z masaa kostí.
Co testujeme? Stručně: Všechno! Podrobněji: ,[object Object]
konkurenci
wireframy
prototypy
beta verze
hotové weby,[object Object]
Kdy testujeme? Kdykoliv. Kdykoliv se to hodí respondentům. Pravidelnost pomáhá!
Kolik nám to zabere času? Samotný jeden test cca 40 minut. S omáčkou kolem ideálně 1 hodinu. Stačí nám 3 - 5 testů, tedy jeden den. A potřebujeme 2dny na přípravu: pozvat lidi sepsat si a vyzkoušet scénář
S kým testujeme? S kolegy pozorovateli. S respondenty / participanty: ,[object Object]
kamarádi
kolemjdoucí
Kdy je a kdy není důležitá cílová skupina?,[object Object]
Příprava testu Zajistit odměnu. Sehnat respondenty. Zamluvit místnost + zařídit PC. Objednat občerstvení. Sepsat scénář.
Odměna Funguje: MP3 FLASH a další drobnosti… Nefunguje: Triko podepsané od Agáty… ;o)
Zvací dopisy Jsou 2: výzva – proč, kdy, kde, za co potvrzení termínu + telefon Vyplatí se personalizovat a přistupovat k dopisu osobně (posílat ze svojí adresya mluvit za sebe ve jménu firmy).
Místnost Ideálně něco menšího… Potřebujeme stolek a 3 židle. Moderátor sedí vedle boku respondenta. Pozorovatel nefuní respondentovi za krk. Respondent nesedí zády ke dveřím. Monitor není otočen k oknu. Testujeme na obvyklém PC s monitorem(tedy ne na notebooku bez myši). Máme připraveno víc prohlížečů na výběr.
Občerstvení Připravené vody a sklenice (i pro moderátora). Možnost uvařit čaj / kafe. V miskách sladké i slané jednohubky(ale nic komplikovanějšího).
Scénář Soupis všech otázek vycházejících z hypotéz. Otázky na sebe v ideálním případě navazují a tvoří logický příběh. Vždy se nezapomeneme doptat po motivaci a pozitivech i negativech. Provedeme pretest!
Doporučená literatura
3. praktická ukázka - test Testování použitelnosti
Před testem přivítat respondenta nabídnout občerstvení vysvětlit podstatu testu spustit nahrávání Nechcete se na něco zeptat?
Hlavní zásady při testu Respondent přemýšlí nahlas. Zaznamenejte citáty! Testujeme produkt, ne lidi. Neúkolujeme návodně! Poker face Poslouchejte, co lidé říkají, ale hlavně sledujte,co dělají.
Nastudujte si http://www.sigchi.cz/kalendar-akci/probehle-akce/moderovani-testu-pouzitelnosti
Po testu Chcete nám ještě něco říci? Byl test v pohodě? Chcete se na něco zeptat? poděkování + odměna krátké zhodnocení
Jdeme na to!

More Related Content

What's hot

Jak nastartovat program optimalizace webu
Jak nastartovat program optimalizace webuJak nastartovat program optimalizace webu
Jak nastartovat program optimalizace webu
Optimics s.r.o.
 

What's hot (10)

UX Design na WebExpo Startup Camp
UX Design na WebExpo Startup CampUX Design na WebExpo Startup Camp
UX Design na WebExpo Startup Camp
 
Přehled metod UX výzkumu
Přehled metod UX výzkumuPřehled metod UX výzkumu
Přehled metod UX výzkumu
 
User Testing - 10 reasons why you fail
User Testing - 10 reasons why you fail User Testing - 10 reasons why you fail
User Testing - 10 reasons why you fail
 
Tomáš Ludvík: Uživatelský výzkum v návrhu webu #blokexpertu
Tomáš Ludvík: Uživatelský výzkum v návrhu webu #blokexpertuTomáš Ludvík: Uživatelský výzkum v návrhu webu #blokexpertu
Tomáš Ludvík: Uživatelský výzkum v návrhu webu #blokexpertu
 
Zapojte uživatele do návrhu webu
Zapojte uživatele do návrhu webuZapojte uživatele do návrhu webu
Zapojte uživatele do návrhu webu
 
[UX] Otestuj si to sám!
[UX] Otestuj si to sám![UX] Otestuj si to sám!
[UX] Otestuj si to sám!
 
Pro koho děláme web
Pro koho děláme webPro koho děláme web
Pro koho děláme web
 
WUD 2009: Co prozradí oční kamera a jak testovat wireframy webu
WUD 2009: Co prozradí oční kamera a jak testovat wireframy webuWUD 2009: Co prozradí oční kamera a jak testovat wireframy webu
WUD 2009: Co prozradí oční kamera a jak testovat wireframy webu
 
Jak nastartovat program optimalizace webu
Jak nastartovat program optimalizace webuJak nastartovat program optimalizace webu
Jak nastartovat program optimalizace webu
 
Otestuj si to sám! Uživatelské testování e-shopu pro každého
Otestuj si to sám! Uživatelské testování e-shopu pro každéhoOtestuj si to sám! Uživatelské testování e-shopu pro každého
Otestuj si to sám! Uživatelské testování e-shopu pro každého
 

Viewers also liked

Final virtual seminar_mobile_frontier
Final virtual seminar_mobile_frontierFinal virtual seminar_mobile_frontier
Final virtual seminar_mobile_frontier
Rachel Hinman
 

Viewers also liked (20)

UXUX
UXUXUXUX
UXUX
 
Uživatelské testování: hledání svatého grálu
Uživatelské testování: hledání svatého gráluUživatelské testování: hledání svatého grálu
Uživatelské testování: hledání svatého grálu
 
Úvod do User Experience pro grafické designery
Úvod do User Experience pro grafické designeryÚvod do User Experience pro grafické designery
Úvod do User Experience pro grafické designery
 
Úsměv je konverze
Úsměv je konverzeÚsměv je konverze
Úsměv je konverze
 
Jak najmout UXáka
Jak najmout UXákaJak najmout UXáka
Jak najmout UXáka
 
Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)
 
Final virtual seminar_mobile_frontier
Final virtual seminar_mobile_frontierFinal virtual seminar_mobile_frontier
Final virtual seminar_mobile_frontier
 
Mobile First v praxi
Mobile First v praxiMobile First v praxi
Mobile First v praxi
 
Použitelnost a přístupnost (nejen) neziskových webů
Použitelnost a přístupnost (nejen) neziskových webůPoužitelnost a přístupnost (nejen) neziskových webů
Použitelnost a přístupnost (nejen) neziskových webů
 
Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)
Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)
Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)
 
Přístupnost prakticky 2.0
Přístupnost prakticky 2.0Přístupnost prakticky 2.0
Přístupnost prakticky 2.0
 
Dalibor Pulkert: Mobilní Džungle
Dalibor Pulkert: Mobilní DžungleDalibor Pulkert: Mobilní Džungle
Dalibor Pulkert: Mobilní Džungle
 
Doba mobilní …
Doba mobilní …Doba mobilní …
Doba mobilní …
 
Přístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeníchPřístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeních
 
The Mobile Frontier
The Mobile FrontierThe Mobile Frontier
The Mobile Frontier
 
Exhibition "Digital Design: Behind the Pixels" - UX Camp Europe 2016
Exhibition "Digital Design:Behind the Pixels" - UX Camp Europe 2016Exhibition "Digital Design:Behind the Pixels" - UX Camp Europe 2016
Exhibition "Digital Design: Behind the Pixels" - UX Camp Europe 2016
 
Výstava o digitálním designu
Výstava o digitálním designuVýstava o digitálním designu
Výstava o digitálním designu
 
Co by měl UXák vědět o responzivním webdesignu?
Co by měl UXák vědět o responzivním webdesignu?Co by měl UXák vědět o responzivním webdesignu?
Co by měl UXák vědět o responzivním webdesignu?
 
Design webů v prohlížeči
Design webů v prohlížečiDesign webů v prohlížeči
Design webů v prohlížeči
 
Technology as a Cultural Practice - UX Australia
Technology as a Cultural Practice - UX AustraliaTechnology as a Cultural Practice - UX Australia
Technology as a Cultural Practice - UX Australia
 

Similar to Testování použitelnosti prakticky

Testování použitelnosti, na které máte čas
Testování použitelnosti, na které máte časTestování použitelnosti, na které máte čas
Testování použitelnosti, na které máte čas
Petr Douša
 
Testujem.cz - uživatelské testování stránek
Testujem.cz - uživatelské testování stránekTestujem.cz - uživatelské testování stránek
Testujem.cz - uživatelské testování stránek
Marek Gach
 
Uživatelské testování nakopne váš byznys hodně vysoko. Jak o tom ale p...
Uživatelské testování nakopne váš byznys hodně vysoko. Jak o tom ale p...Uživatelské testování nakopne váš byznys hodně vysoko. Jak o tom ale p...
Uživatelské testování nakopne váš byznys hodně vysoko. Jak o tom ale p...
Marek Brumlich
 

Similar to Testování použitelnosti prakticky (20)

Tipy a triky k testování použitelnosti - Lukáš Marvan
Tipy a triky k testování použitelnosti - Lukáš MarvanTipy a triky k testování použitelnosti - Lukáš Marvan
Tipy a triky k testování použitelnosti - Lukáš Marvan
 
Jak postupovat při A/B testování
Jak postupovat při A/B testováníJak postupovat při A/B testování
Jak postupovat při A/B testování
 
Testování použitelnosti LIVE na WebExpo 2010
Testování použitelnosti LIVE na WebExpo 2010Testování použitelnosti LIVE na WebExpo 2010
Testování použitelnosti LIVE na WebExpo 2010
 
Žijeme s uživateli
Žijeme s uživateliŽijeme s uživateli
Žijeme s uživateli
 
Moderování testů použitelnosti - Jakub Franc
Moderování testů použitelnosti - Jakub FrancModerování testů použitelnosti - Jakub Franc
Moderování testů použitelnosti - Jakub Franc
 
Jak děláme UX v České televizi
Jak děláme UX v České televiziJak děláme UX v České televizi
Jak děláme UX v České televizi
 
Jiří Komár, AdVisio, Redesignujete e-shop? Nedělejte zbytečné chyby.
Jiří Komár, AdVisio, Redesignujete e-shop? Nedělejte zbytečné chyby.Jiří Komár, AdVisio, Redesignujete e-shop? Nedělejte zbytečné chyby.
Jiří Komár, AdVisio, Redesignujete e-shop? Nedělejte zbytečné chyby.
 
Jak navrhnout úspěšný web krok za krokem | VŠB - APPLE JUICE MEETING | 27.3.2014
Jak navrhnout úspěšný web krok za krokem | VŠB - APPLE JUICE MEETING | 27.3.2014Jak navrhnout úspěšný web krok za krokem | VŠB - APPLE JUICE MEETING | 27.3.2014
Jak navrhnout úspěšný web krok za krokem | VŠB - APPLE JUICE MEETING | 27.3.2014
 
Testování použitelnosti, na které máte čas
Testování použitelnosti, na které máte časTestování použitelnosti, na které máte čas
Testování použitelnosti, na které máte čas
 
Brand Restart 2023: Anežka Řepík - Jak může design thinking inspirovat svět b...
Brand Restart 2023: Anežka Řepík - Jak může design thinking inspirovat svět b...Brand Restart 2023: Anežka Řepík - Jak může design thinking inspirovat svět b...
Brand Restart 2023: Anežka Řepík - Jak může design thinking inspirovat svět b...
 
Testujem.cz - uživatelské testování stránek
Testujem.cz - uživatelské testování stránekTestujem.cz - uživatelské testování stránek
Testujem.cz - uživatelské testování stránek
 
Kpi zavereceny ukol
Kpi zavereceny ukolKpi zavereceny ukol
Kpi zavereceny ukol
 
UX - MS Fest 2014 - Navrhujeme aplikace pro lidi, ne pro sebe - Tomáš Slavíček
UX - MS Fest 2014 - Navrhujeme aplikace pro lidi, ne pro sebe - Tomáš SlavíčekUX - MS Fest 2014 - Navrhujeme aplikace pro lidi, ne pro sebe - Tomáš Slavíček
UX - MS Fest 2014 - Navrhujeme aplikace pro lidi, ne pro sebe - Tomáš Slavíček
 
Uživatelské testování nakopne váš byznys hodně vysoko. Jak o tom ale p...
Uživatelské testování nakopne váš byznys hodně vysoko. Jak o tom ale p...Uživatelské testování nakopne váš byznys hodně vysoko. Jak o tom ale p...
Uživatelské testování nakopne váš byznys hodně vysoko. Jak o tom ale p...
 
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdf
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdfJak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdf
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdf
 
Jak testovat web, abychom získali více objednávek, H1.cz, Zdeněk Zenger
Jak testovat web, abychom získali více objednávek, H1.cz, Zdeněk ZengerJak testovat web, abychom získali více objednávek, H1.cz, Zdeněk Zenger
Jak testovat web, abychom získali více objednávek, H1.cz, Zdeněk Zenger
 
Jak testovat web, .... - Efektivní web 2011
Jak testovat web, .... - Efektivní web 2011Jak testovat web, .... - Efektivní web 2011
Jak testovat web, .... - Efektivní web 2011
 
Poslední středa na téma konverzní schopnosti webu
Poslední středa na téma konverzní schopnosti webuPoslední středa na téma konverzní schopnosti webu
Poslední středa na téma konverzní schopnosti webu
 
Jak vycvičit dream team
Jak vycvičit dream teamJak vycvičit dream team
Jak vycvičit dream team
 
Zlepšujeme eshop - cut - Shopcamp.pdf
Zlepšujeme eshop - cut - Shopcamp.pdfZlepšujeme eshop - cut - Shopcamp.pdf
Zlepšujeme eshop - cut - Shopcamp.pdf
 

More from Lukas Marvan

More from Lukas Marvan (10)

How to design a design workshop
How to design a design workshopHow to design a design workshop
How to design a design workshop
 
Slajdy pro Jirku
Slajdy pro JirkuSlajdy pro Jirku
Slajdy pro Jirku
 
Diplomová práce: Využití eye trackingu v internetovém marketingu
Diplomová práce: Využití eye trackingu v internetovém marketinguDiplomová práce: Využití eye trackingu v internetovém marketingu
Diplomová práce: Využití eye trackingu v internetovém marketingu
 
Eye tracking - vyzkoušeno za vás
Eye tracking - vyzkoušeno za vásEye tracking - vyzkoušeno za vás
Eye tracking - vyzkoušeno za vás
 
UX není cesta, ale cíl
UX není cesta, ale cílUX není cesta, ale cíl
UX není cesta, ale cíl
 
We Aim for Accessible Seznam.cz
We Aim for Accessible Seznam.czWe Aim for Accessible Seznam.cz
We Aim for Accessible Seznam.cz
 
Proč Sport nebyl Super
Proč Sport nebyl SuperProč Sport nebyl Super
Proč Sport nebyl Super
 
Navigace není menu
Navigace není menuNavigace není menu
Navigace není menu
 
Autorizovaný překlad WCAG 2.0
Autorizovaný překlad WCAG 2.0Autorizovaný překlad WCAG 2.0
Autorizovaný překlad WCAG 2.0
 
Přístupnost v praxi
Přístupnost v praxiPřístupnost v praxi
Přístupnost v praxi
 

Testování použitelnosti prakticky

  • 2. Co nás čeká a nemine? teoretický úvod tipy & triky praktická ukázka: Test vyhodnocení diskuze
  • 3. 1. teoretický úvod Testování použitelnosti
  • 4. Co je to ta použitelnost? Použitelnost stránek řeší ergonomii na internetu, tedy aby stránky nejen dobře vypadaly, ale aby se také dobře ovládaly a návštěvník se na nich neztrácel, ale snadno objednával a utrácel.
  • 5. Proč testujeme použitelnost? Protože hledáme chybu v rozhraní. Proč hledáme chybu? Protože čím dříve ji najdeme,tím méně nás bude stát. A určitě tam nějaká chyba je? Ano.
  • 6. Ovšem nejen to! Testování použitelnosti je kvalitativní forma uživatelského průzkumu. Pomáhá nám poznat naše skutečné uživatele. Žádné PV ani RU … … ale lidé z masaa kostí.
  • 7.
  • 12.
  • 13. Kdy testujeme? Kdykoliv. Kdykoliv se to hodí respondentům. Pravidelnost pomáhá!
  • 14. Kolik nám to zabere času? Samotný jeden test cca 40 minut. S omáčkou kolem ideálně 1 hodinu. Stačí nám 3 - 5 testů, tedy jeden den. A potřebujeme 2dny na přípravu: pozvat lidi sepsat si a vyzkoušet scénář
  • 15.
  • 18.
  • 19. Příprava testu Zajistit odměnu. Sehnat respondenty. Zamluvit místnost + zařídit PC. Objednat občerstvení. Sepsat scénář.
  • 20. Odměna Funguje: MP3 FLASH a další drobnosti… Nefunguje: Triko podepsané od Agáty… ;o)
  • 21. Zvací dopisy Jsou 2: výzva – proč, kdy, kde, za co potvrzení termínu + telefon Vyplatí se personalizovat a přistupovat k dopisu osobně (posílat ze svojí adresya mluvit za sebe ve jménu firmy).
  • 22. Místnost Ideálně něco menšího… Potřebujeme stolek a 3 židle. Moderátor sedí vedle boku respondenta. Pozorovatel nefuní respondentovi za krk. Respondent nesedí zády ke dveřím. Monitor není otočen k oknu. Testujeme na obvyklém PC s monitorem(tedy ne na notebooku bez myši). Máme připraveno víc prohlížečů na výběr.
  • 23. Občerstvení Připravené vody a sklenice (i pro moderátora). Možnost uvařit čaj / kafe. V miskách sladké i slané jednohubky(ale nic komplikovanějšího).
  • 24. Scénář Soupis všech otázek vycházejících z hypotéz. Otázky na sebe v ideálním případě navazují a tvoří logický příběh. Vždy se nezapomeneme doptat po motivaci a pozitivech i negativech. Provedeme pretest!
  • 26. 3. praktická ukázka - test Testování použitelnosti
  • 27. Před testem přivítat respondenta nabídnout občerstvení vysvětlit podstatu testu spustit nahrávání Nechcete se na něco zeptat?
  • 28. Hlavní zásady při testu Respondent přemýšlí nahlas. Zaznamenejte citáty! Testujeme produkt, ne lidi. Neúkolujeme návodně! Poker face Poslouchejte, co lidé říkají, ale hlavně sledujte,co dělají.
  • 30. Po testu Chcete nám ještě něco říci? Byl test v pohodě? Chcete se na něco zeptat? poděkování + odměna krátké zhodnocení
  • 32. 4. vyhodnocení Testování použitelnosti
  • 33. Vyhodnocení Sebrat poznámky od pozorovatelů. Vyhodnotit nahrávky. Sesypat poznámky na hromadu. Sepsat strukturovanou zprávu (viz. příloha) Vyrobit ze zprávy prezentaci + doplnit ji o ilustrace (viz. příloha) Zachovat (vyfotit) stav testovaného rozhraní
  • 34. A co dál? Svolat prezentaci výsledků. Rozhodnout o dalším postupu. Obeslat všechny zúčastněné výsledky výzkumu. Archivovat všechny výsledky výzkumu(zprávu + prezentaci + testovaný stav).
  • 35. 5. diskuze Testování použitelnosti