![Page 1: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/1.jpg)
Ako na užívateľské testovanie
Katarína Zalánová 2FRESH SK
![Page 2: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/2.jpg)
Užívateľské testovanie - čo to je?
![Page 3: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/3.jpg)
Užívateľské testovanie je technika hodnotenia použiteľnosti produktu priamo jeho
užívateľmi.
![Page 4: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/4.jpg)
![Page 5: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/5.jpg)
Ide o užívateľské testovanie, keď...
• netestujeme užívateľa, ale produkt,
• sa užívateľ sám rozhoduje, čo spraví,
• skúmame príčinu jeho rozhodnutí,
• simulujeme reálne situácie a kladieme otázky podľa pripraveného scenára.
![Page 6: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/6.jpg)
Prečo testovať?
![Page 7: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/7.jpg)
![Page 8: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/8.jpg)
1. Ako dizajnéri produktu strácame odstup. 2. Aj keď z analytiky vieme, čo užívatelia robia,
nevieme prečo. 3. Môžeme získať nevyvrátiteľné argumenty. 4. Stačí len 5 užívateľov. 5. Produkt navrhujeme pre užívateľa, nie klienta.
![Page 9: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/9.jpg)
Profi testovanie vs. pankáčina
![Page 10: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/10.jpg)
Profi testovanie Guerilla testovanie
![Page 11: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/11.jpg)
• v kaviarni, v office…,
• kamoši, kolegovia, random ľudia…,
• za kafe, čokoládu, úsmev, :)
• okamžite, keď je potrebné,
• takmer vo všetkých fázach projektu, ideálne v priebehu dizajnovania,
• vedené hocikým z tímu, či dokonca sám klient.
Guerilla testovanie
![Page 12: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/12.jpg)
3 príklady z praxe
![Page 13: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/13.jpg)
1. Overenie dizajnu nového produktu
Typ produktu: analytický nástroj pre spracovanie dát z kamennej predajne
Východzia situácia: dizajnovanie - wireframy novej aplikácie
Cieľ testovania: overenie základných vlastností a dizajnu nástroja
Typ testovania: guerilla
Testeri: zámerne mimo cieľovej skupiny
![Page 14: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/14.jpg)
Čo testovanie prinieslo
Nálezy:
• Užívatelia, napriek prvotnej nezrozumiteľnosti, po chvíli praxe vedeli nástroj používať.
• Objavili sa menšie problémy s orientovaním v navigácii.
• Overili sme si, že napriek hypotéze užívatelia nemali väčší problém s wordingom.
Výsledok:
• Doladenie wordingu, doplnenie nápovedy a drobné úpravy dizajnu.
![Page 15: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/15.jpg)
2. Keď analytika naznačuje problém
Typ produktu: webstránka firmy ponúkajúcej preverenie ojazdených áut a poradenstvo pri kúpe auta
Východzia situácia: nová služba aj web, no návštevníci odchádzajú z homepage
Cieľ testovania: zistenie príčiny, celkové pretestovanie webu
Typ testovania: medzi profi a guerilla, kombinované s interview
Testeri: podľa cieľovej skupiny
![Page 16: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/16.jpg)
Čo testovanie prinieslo
Nálezy:
• Hlavný problém bol, že užívatelia z webu nedokázali v úvode jasne vyčítať, o čom služba je a kto ju poskytuje.
• Odhalili sme miesta, ktoré boli pre užívateľov málo zrozumiteľné (napr. schéma postupu poskytnutia služby).
• Ale tiež, čo užívatelia na webe oceňovali, na čom môžme stavať (blog).
![Page 17: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/17.jpg)
Čo testovanie prinieslo
Výsledok: facelift webstránky
Návrh riešení:
• doplnenie stručného popisu o službe,
• predstavenie ľudí za projektom,
• zjednodušenie schémy o postupe do jasných krokov,
• zmenu carousel zobrazenia článkov na odkazy,
• rozmiestnenie CTA na newsletter, prepojený s článkami blogu.
![Page 18: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/18.jpg)
3. Keď treba prekopať dizajn
Typ produktu: webstránka s ponukou medzinárodných eventov
Východzia situácia: web po redizajne, ktorý ukázal skryté nedostatky
Cieľ testovania: analýza filtra na ponuku eventov a článkov
Typ testovania: guerilla, zamerané na konkrétnu funkcionalitu
Testeri: random ľudia, ktorí boli hneď k dispozícii
![Page 19: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/19.jpg)
Čo testovanie prinieslo
Nálezy:
• Nepraktické umiestnenie filtra - užívatelia ho prehliadali, alebo zamieňali s navigáciou.
• Nejasnosti okolo označenia možností vo filtri.
Výsledok:
• Redizajn filtra.
![Page 20: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/20.jpg)
Ako testovať s užívateľmi?
![Page 21: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/21.jpg)
Pred testovaním
Treba zodpovedať otázky:
• Kto je užívateľ produktu?
• V akom kontexte používa produkt?
• Aký je cieľ?
• Čo nám ukazuje analytika?
• Aké sú moje hypotézy?
![Page 22: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/22.jpg)
Pred testovaním
Ďalšie kroky:
• príprava scenára k testovaniu,
• osloviť cca 5 testerov.
![Page 23: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/23.jpg)
Počas testovania
Je dôležité:
• neprezentovať produkt ale skutočne testovať,
• odosobniť sa,
• nenavádzať testerov a nepomáhať im,
• pýtať sa a nechať si všetko vysvetliť,
• robiť si poznámky, printscreeny...,
• vedieť improvizovať.
![Page 24: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/24.jpg)
Po testovaní
Je potrebné:
• získať odstup,
• spísať nálezy - pozitívne aj negatívne,
• prioritizovať kľúčové zistenia,
• načrtnúť možné riešenia.
![Page 25: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/25.jpg)
Ako netestovať s užívateľmi?
![Page 26: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/26.jpg)
Najčastejšie chyby pri testovaní
• Začať testovať až tesne pred launchom produktu.
• Pýtať sa užívateľa, čo si o produkte myslí, alebo čo sa mu ne/páči.
• Navádzanie a ovplyvňovanie testujúceho.
• Testovanie s nesprávnym užívateľom.
• Testovanie na nesprávnom zariadení.
• Stavať závery z testovania na jednom užívateľovi.
![Page 27: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/27.jpg)
Viac o užívateľskom testovaní
![Page 28: Ako na užívateľské testovanie - Katarína Zalánová | WEBtlak #4](https://reader031.vdocuments.mx/reader031/viewer/2022021815/5888d32b1a28aba1058b4faf/html5/thumbnails/28.jpg)
Prečo stačí 5 testerov: https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/ Tipy pre písanie scenára: http://www.measuringu.com/blog/task-tips.php Časté chyby pri testovaní: http://www.uxpassion.com/blog/top-5-usability-mistakes-user-testing/ Tipy pre guerilla výskum: http://www.uxbooth.com/articles/guerrilla-research-tactics-tools/ 6 spôsobov testovania: https://userbrain.net/blog/6-usability-tasks-you-havent-tried-so-far S. Krug, Rocket Surgery Made Easy: https://www.sensible.com/rsme.html
Užitočné články a literatúra: