Publikováno na Inflow.cz (http://www.inflow.cz/hci-edu-app-uzivatelske-testovani) HCI Edu App - Uživatelské testování 26. 11. 2013 HCI Edu App Dnes se s vámi podělíme o to, jak probíhalo uživatelské testování prototypu naší aplikace. Styčné body prvního uživatelského testování Domluva s testerem Jiřím na čtvrtek 21.11. 2013. Vytvoření dvou scénářů. Volba testovacího zařízení - notebook. Role - moderátor a pozorovatel v jednom - Julie. Provedení uživatelského testování (cca 20 minut). Diskuze pozorovatele s uživatelem o průběhu testování. Diskuze 26. 11. 2013 s ostatními členy týmu o výsledcích z testování a plánovaných změnách. Styčné body druhého uživatelského testování Několik dní předem domluva s uživatelkou Katkou na testování - času a místě. Převzetí dvou scénářů z předchozího testování + vytvoření třetího scénáře navíc. Volba testovacího zařízení - notebook. Vzhledem k tomu, že EduApp je webová aplikace, notebook jsme vyhodnotili jako nejlepší testovací zařízení. Volba rolí - Marie v roli moderátora i pozorovatele, Soňa v roli pozorovatele. Marie dává uživatelce pokyny, vidí na obrazovku a sleduje pohyby myší, také to zapisuje na papír. Soňa více sleduje neverbální i verbální chování uživatelky a zapisuje důkladněji do druhého
notebooku. 25. 11.2013 setkání v odpoledních hodinách v café Falk, pozvání uživatelky na kávu. Provedení uživatelského testování. Diskuze pozorovatelů s uživatelkou o jejích pocitech z testování a testovaného prostředí. Diskuze 26. 11. 2013 s ostatními členy týmu o výsledcích z obou testování a plánovaných změnách. Průběh testování Příprava na testování (nachystání scénáře, předvídání možného vývoje ). Brainstorming v teamu atd. Vybraní uživatelé byli seznámeni, s tím, kdo jsme a jaké prostředí je testováno, k čemu webová aplikace je. Byli srozuměni s tím, že se jedná o testování dané aplikace a nejsou testováni oni, jako osobnosti. Nelze udělat nic špatně. Testování: Scénář: Založení Nového plánu v EduApp Na Hlavní stránce uživatel ihned spatří možnost Create plan a bude se snažit přes toto tlačítko pokračovat. Zjistí však, že zatím není klikatelné a bude přemýšlet, jak dál pokračovat. V aplikaci jste již zaregistrovaný a nyní se chcete něco nového naučit a vytvořit si svůj vlastní cíl. Za cíl jste si zvolil naučit se programovat v Pythonu a chcete si to naplánovat. Jakým způsobem si tedy založíte nový učební plán? Pozorovaný nejdříve klikl na z Home na Create plan (což je bez odezvy): je to divný,
nefunguje to. Následuje několikavteřinová prodleva. Pak klikl na Plan a na New plan (což jsme předpokládali). Zde komentuje výsledek slovy ale teď nevím, jak tam naplánovat ty jednotlivý kroky a chtěl bych si někde přečíst, co s tím dělat teď. Stejně jako předchozí uživatel se Katka pokusila plán založit ihned volbou Create plan, který nyní není klikatelný. Dále klikla na Plan a zamyslela se... Poté pokračovala New plan a reagovala: Teď to čtu a nevím...tady projdu těmi jednotlivými kroky - tam mám asi něco vyplňovat, že?. Já to pochopila tak, že ty jednotlivý položky, jako My goal vyplním a postupně se tím vším proklikám. Použitelnost: Funkčnost zpětná vazba; Konzistence Uživatelský prožitek: Osvojitelnost Scénář: Přidat zdroj do již existujícího plánu Uživatel klikne na Sources a uvidí možnost Add to, čímž daný zdroj přidá do plánu. Nyní si tedy tvoříš učební plán, jak se naučit programovat. Chceš si přidat zdroje, které jsou agregovány přímo zde na těchto stránkách. Jak to uděláš? Očekávaně klikne na Sources, vidí, že si vlevo může vybrat jaké typy média chce a možnost Add to také vidí ihned. Tags pochopila jako možnost ty zdroje tagovat dle sebe. Použitelnost: Funkčnost-zpětná vazba; Ovládací prvky (jiný pohled na položku Tags ) Uživatelský prožitek: Pochopitelnost Scénář: Najít nápovědu Uživatel bude hledat v horní části stránky a zkusí otazník. Nyní ti není jasné, jak přidat vlastní zdroj do svého plánu. Zkusíš hledat nápovědu, jak budeš postupovat?
První reakce zmatená - ty jo. Proklikává všechny stránky, ale nikde nápovědu nevidí. Po delším váhání bylo uživateli prozrazeno, kde se nápověda skrývá (ikona s otazníkem). To mě teda mate, ta ikona je děsně malá... Vůbec by mě nenapadlo Je to debilně nadesignovaný Stejně jako Jiří se snaží nápovědu najít proklikáváním jednotlivých stránek, neví si rady. Usoudí, že bude nejlepší hledat přes vyhledávací políčko (daný problém). Nakonec však nápovědu najde, ale trvá to dlouho. Po kliknutí na ni by se podívala do FAQ. Použitelnost: Konzistence; Navigace; Ovládací prvky Uživatelský prožitek: Efektivita Diskuze uživatele s moderátorem/pozorovatelem o průběhu testování Jsem rád, že to mám za sebou. Mám z toho pocit, že to není nic převratnýho. Není to o moc lepší než záložkování a ten plan bych si napsal na papír. (Sdělila nám spíše názor na aplikaci) "Je to docela dobrý, líbí se mi to úvodní video a možnost přidávat ty zdroje, i tvorba plánu." "Nápad je to dobrý, ale já osobně bych to asi nevyužila, protože by se mi to nechtělo všechno naklikávat, ale to je můj osobní názor." "Taky bych to ale musela vidět, až to bude hotový."
Tři návrhy na zlepšení Scénář: Založení Nového plánu v EduApp K aplikaci bude vysvětlující video, postup vysvětlíme i ve FAQ. Je důležité, aby uživatel pochopil průvodce výběrem zdrojů. Scénář: Přidat zdroj do již existujícího plánu Z testování vyplynulo, že v rámci tohoto scénáře není co vylepšovat. Scénář: Najít nápovědu Nápověda bude v novém návrhu výraznější, než jen pouhý otazník. Bude na ni odkazovat také nějaké tlačítko pod vysvětlujícím videem. Diskuze: V digitálním prototypu jsme se snažili vytvořit hlavní jádro. Máme vymyšleno spoustu vychytávek, které produktu přidají novou hodnotu (např. analytiky, možnost zaškrtávání, počítání progressu na procenta, doporučování obsahu, sdílení na sociálních sítích, mobilní app, e-mailing apod.). Takže se zpětnou vazbou testera Jiřího samozřejmě souhlasíme. Testerka Katka vyjádřila myšlenku, že je to na ní moc klikání. Což nás znovu upozorňuje na to, že je tu tenká hranice mezi užitečnou a otravnou službou a my bychom na to měli během tvorby celé aplikace myslet. Děkujeme účastníkům za jejich čas a zpětnou vazbu :-). Štítky: HCI