A2 Testování uživatelského rozhraní aplikace Duolingo (www.duolingo.com) Dominika Palivcová palivdom@fel.cvut.cz Zimní semestr 2016/2017 A7B39TUR 1
Obsah 1 Popis aplikace... 3 2 Cílová skupina... 3 3 Testované případy užití... 3 První spuštění aplikace... 3 Vyplnění lekce... 3 Vytvoření profilu... 3 Změna denního cíle... 3 Přidání dalšího konkrétního jazykového kurzu... 4 Utkání se s přítelem v lekci... 4 Založení diskuse... 4 4 Metody testování... 4 Kognitivní průchod... 4 Heuristická evaluace... 4 5 Testování... 6 První spuštění aplikace... 6 5.1.1 Úvodní stránka... 6 5.1.2 Úvod do aplikace... 7 5.1.3 Nálezy... 8 Vyplnění lekce pro začátečníky... 8 Vytvoření profilu... 11 Změna denního cíle... 12 Přidání dalšího konkrétního jazykového kurzu... 14 Utkání se s přítelem v lekci... 16 Založení diskuse... 18 6 Vyhodnocení... 20 Druhy nálezů... 20 Souhrn nalezených problémů... 20 Závěr... 20 2
1 Popis aplikace Aplikace Duolingo slouží k výuce cizích jazyků hravou formou, která kombinuje prvky tradiční výuky s mírnou dávkou gamifikace a z části funguje také jako sociální síť. Uživatel má možnost stanovit si v aplikaci své výukové cíle, od kterých se odvíjí množství času, jaké by měl denně aplikaci věnovat. Může také zakládat fóra nebo diskutovat ve fórech, které již existují. Aplikace je volně dostupná v desktopové, mobilní i webové verzi. Předmětem bude testování webového rozhraní aplikace, které vyžaduje připojení k internetu. 2 Cílová skupina Muži i ženy ve věku od 10 let, kteří chtějí rozšířit nebo zdokonalit své jazykové schopnosti. Aplikace je vhodná zejména pro jedince, kteří nechtějí trávit mnoho času na kurzu a hledají snadný a dostupný způsob výuky. Pro účely testování se předpokládá osoba ve věku 20 40 let se základní počítačovou gramotností, která dříve nevyužívala žádnou podobnou aplikaci k výuce jazyků. 3 Testované případy užití První spuštění aplikace Vzhledem k tomu, že v testu předpokládáme uživatele neznalého podobného typu aplikací, je důležitá kvalita prezentace účelu a funkcí aplikace. Problematická by mohla být srozumitelnost informací na úvodní stránce nebo zavádějící instrukce, jak s aplikací začít. Vyplnění lekce Průběh lekce je aktivita, která se v aplikaci pravděpodobně provádí nejčastěji. Při testu proto bude kladen důraz na kontrolu srozumitelnosti instrukcí, jaké má uživatel vykonat, samotný postup od úkolu k úkolu nebo vyhodnocení výsledků, jakých uživatel dosáhl. Vytvoření profilu Jedním z kroků důležitých pro úplné využití všech funkcí aplikace je vytvoření profilu. Špatně zvolené umístění ovládacího prvku pro vytvoření profilu by mohlo značně omezit použitelnost aplikace. Změna denního cíle Denní cíl si uživatel volí při prvním spuštění aplikace. Tato volba může ale být po čase nevyhovující, a tak by mělo být snadné ji změnit. Problém může nastat při hledání tlačítka nastavení a hledání samotné položky nastavení. 3
Přidání dalšího konkrétního jazykového kurzu Uživatel, který je schopen účastnit se kurzu v angličtině, má k dispozici výběr z dalších jazykových kurzů kromě angličtiny. Problém by opět mohlo činit nalezení příslušného ovládacího prvku. Utkání se s přítelem v lekci Duolingo nabízí možnost utkat se v lekci se svým přítelem a poměřit své výkony. Pro začátečníka, který nemá s aplikací zkušenosti, by mohlo být složité zjistit, jak si přítele vyhledat, přidat a porovnávat výsledky. Založení diskuse Další z funkcionalit, které aplikace nabízí. Opět záleží na vhodném umístění ovládacího prvku sloužícího k založení diskuse. 4 Metody testování Testování bude v této fázi probíhat bez přítomnosti uživatele. Proto přicházejí v úvahu tyto dvě metody testování: Kognitivní průchod Heuristická evaluace Kognitivní průchod Metoda slouží k zhodnocení použitelnosti aplikace pro nové uživatele. Posuzuje se, jak je obtížné vykonávat sekvence úkonů vedoucí k zvolenému cíli. Tester/testeři se zabývají tím, jsou-li úkony pro nové uživatele pochopitelné, intuitivní a jestli mají dostatek informací pro další úkon. Výsledkem je zhodnocení aplikace z hlediska srozumitelnosti a orientace v ní. Při testování se odpovídá na následující otázky: Q0: Čeho chce uživatel dosáhnout? Q1: Bude uživatel vědět, co má udělat pro dosažení cíle? Q2: Bude uživatel vědět, jak to udělat? Q3: Obdrží uživatel správnou zpětnou vazbu? Pokud je odpověď na otázky Q1 Q3 kladná, daný testovaný případ užití prošel testem. V opačném případě je nutné identifikovat problémy a nedostatky. Heuristická evaluace Metoda určená pro odborníky na použitelnost. Ti užívají aplikaci, prochází jednotlivé případy užití a kontrolují, splňuje-li jednotlivá doporučení ohledně použitelnosti tzv. heuristiky. Při testování se řídí desaterem použitelnosti, které by mělo zaručovat: 4
1. Viditelnost stavu systému 2. Spojení mezi systémem a reálným světem 3. Uživatelskou kontrolu a svobodu 4. Konzistenci a standardizaci 5. Prevenci chyb 6. Rozpoznání místo vzpomínání 7. Flexibilní a efektivní použití 8. Estetický a minimalistický design 9. Pomoc uživatelům poznat, pochopit a vzpamatovat se z chyb 10. Nápovědy a návody 5
5 Testování První spuštění aplikace Metoda testování: heuristická evaluace 5.1.1 Úvodní stránka Při prvním přístupu na webové stránky je důležitý první dojem z aplikace a srozumitelnost podávaných informací o funkcionalitách, které aplikace nabízí. Úvodní stránka má za cíl přimět návštěvníka, aby začal aplikaci používat. Vzhledem k tomu, že se nabízí hned několik cest, jak tohoto cíle dosáhnout, zvolila jsem k testování metodu heuristické evaluace k posouzení celkové kvality stránky a postupu k první lekci. Při prvním přístupu návštěvníka uvítá minimalisticky designovaná stránka, která obsahuje informace o tom, že aplikace slouží k výuce angličtiny a nabízí několik základních ovládacích prvků [Obrázek 1]. Pod úvodní obrazovkou jsou další informace o způsobu, jak výuka funguje [Obrázek 2, Obrázek 3]. Obrázek 1 6
Obrázek 2 5.1.2 Úvod do aplikace Obrázek 3 Předpoklad: uživatel na úvodní stránce zvolil Začít. Uživatele přivítá wizard, kde mají možnost nastavit základní volby týkající se kurzu jaký jazyk se budou učit, jaké zvolí denní cíle a jaká je současná úroveň jejich znalostí [Obrázek 4]. 7
Obrázek 4 Po výběru na poslední stránce s výběrem aktuální jazykové gramotnosti [Obrázek 4, bod 3] se rovnou spustí buď lekce s naprostými základy, nebo rozřazovací test, čímž je dosažen cíl začít s výukou. 5.1.3 Nálezy N1: porušení heuristiky č. 1 (Viditelnost stavu systému) Po načtení úvodní stránky nejsou na obrazovce žádné známky toho, že je ještě možné scrollovat a zjistit o aplikaci další informace ještě před začátkem jejího užívání. N2: porušení heuristiky č. 4 (Konzistence a standardizace) Má-li uživatel jako jazyk stránek na úvodní stránce vybranou češtinu a zvolí volbu Podívejte se, jak to děláme [Obrázek 2], spustí se video, které je kompletně v angličtině, což je např. pro naprosté začátečníky v angličtině nevhodné. N3: porušení heuristiky č. 1 (Viditelnost stavu systému) Po spuštění wizardu nemáme žádnou informaci o tom, jak dlouhé nastavení bude a ve které fázi se nacházíme. N4: porušení heuristiky č. 3 (Uživatelská kontrola a svoboda) V průběhu wizardu se nelze snadno vrátit k předchozímu nastavení a změnit svoji volbu. Vyplnění lekce pro začátečníky Metoda testování: kognitivní průchod Předpoklad: uživatel vyplnil úvodní nastavení z bodu 5.1 a klinul na Začít o základů [Obrázek 4, bod 3]. Postup: 1. Vyplnit aktuální úlohu a. Vybrat správný překlad slova [Obrázek 5] b. Přeložit text do češtiny [Obrázek 6] 8
c. Přeložit slovo do češtiny [Obrázek 7] 2. Pomocí tlačítka Zkontrolovat odeslat řešení úlohy [Obrázek 8] 3. Přesunout se na další úlohu pomocí tlačítka Pokračovat [Obrázek 9] 4. Opakovat body 1-3, dokud horní status bar neindikuje dokončení všech úloh [Obrázek 10] 5. Zobrazení shrnutí testu Obrázek 5 Obrázek 6 9
Obrázek 7 Obrázek 8 Obrázek 9 Obrázek 10 10
Tabulka nálezů Krok Q1 Q2 Q3 1 Ano Ano Ano 2 Ano Ano Ano 3 Ano Ano Ano 4 Ano Ano Ano 5 Ano Ano Ano Vytvoření profilu Metoda testování: kognitivní průchod Postup: 1. Kliknout na tlačítko Vytvořit profil [Obrázek 11] 2. Vyplnit formulář s informacemi [Obrázek 12] 3. Kliknout na Vytvořit účet [Obrázek 12] Obrázek 11 11
Obrázek 12 Obrázek 13 Tabulka nálezů: Krok Q1 Q2 Q3 1. Ano Ano Ano 2. Ano Ano Ano 3. Ano Ano Ne 1) 1) N5: Nedostatečná zpětná vazba Uživatel je přesměrován na výchozí stránku a automaticky přihlášen [Obrázek 13]. Očekávala bych krátké zobrazení zprávy o tom, že byl účet úspěšně vytvořen. Změna denního cíle Metoda testování: kognitivní průchod Postup: 1. Najet kurzorem myši na uživatelské jméno nebo ikonku osoby v horní modré liště a zobrazit menu [Obrázek 14] 2. Vybrat z menu položku Nastavení [Obrázek 14] 3. Kliknout na položku Trenér v pravém menu [Obrázek 15] 4. Vybrat požadovaný denní cíl [Obrázek 16] 12
5. Kliknout na Uložit změny [Obrázek 17] Obrázek 14 Obrázek 15 Obrázek 16 Obrázek 17 13
Obrázek 18 Tabulka nálezů: Krok Q1 Q2 Q3 1. Ano Ano Ano 2. Ano Ano Ano 3. Ne 1) Ano Ano 4. Ano Ano Ano 5. Ano Ano Ano 1) N6: Nekonzistentní značení V aplikaci se dosud neobjevuje pojem Trenér, pouze Denní cíle. Je těžké identifikovat, pod kterou položkou levého menu nastavení denních cílů hledat. Přidání dalšího konkrétního jazykového kurzu Metoda testování: kognitivní průchod Postup: 1. Najet kurzorem myši na ikonku vlajky angličtiny v horní liště [Obrázek 19] 2. Vybrat z menu položku Přidat nový kurz [Obrázek 19] 3. Změnit volbu Můj jazyk na Angličtina [Obrázek 20] 4. Kliknout na požadovaný jazyk z nabídky [Obrázek 21] 5. Kliknout na Přepnout na kurz [Obrázek 22] Obrázek 19 14
Obrázek 20 Obrázek 21 Obrázek 22 15
Obrázek 23 Tabulka nálezů: Krok Q1 Q2 Q3 1. Ano Ano Ano 2. Ano Ano Ano 3. Ne 1) Ano Ano 4. Ano Ano Ano 5. Ano Ano Ne 2) 1) N7: Nedostatečné informování uživatele Uživatel není dostatečně informován o tom, že jsou další kurzy dostupné, pouze pokud zvolí jako výchozí jazyk angličtinu nebo jiný jazyk. Na počátku 3. kroku se tedy dostává do slepé uličky. 2) N8: Nejasný stav systému Spustí se sice automaticky nově vybraný kurz [Obrázek 23], ale také při přechodu z češtiny do angličtiny zmizí dosavadní výsledky uživatele, což je matoucí. Utkání se s přítelem v lekci Metoda testování: kognitivní průchod Předpoklad: aktuálně nemáme žádné přátele a známe uživatelské jméno nebo e-mail přítele, který Duolingo také používá. Postup: 1. Hledat přítele pomocí [Obrázek 24] a. Kliknutí na Najít přátele na Facebooku b. Poslat pozvánku c. Hledat (dále budu popisovat průběh po zvolení této možnosti) [Obrázek 24, bod 1] 2. Zadat uživatelské jméno nebo e-mail, kliknout na Hledat [Obrázek 25, bod 2] 3. Vybrat ze seznamu výsledků, kliknout na Přidat [Obrázek 26, bod 1] 4. Kliknout na Zpět [Obrázek 26, bod 2] 16
Obrázek 24 Obrázek 25 Obrázek 26 17
Tabulka nálezů: Krok Q1 Q2 Q3 1. Ano Ano Ano 2. Ano Ano Ano 3. Ano Ano Ano 4. Ne 1) Ano Ne 2) 1) N9: Nevhodný popisek Chybí jakákoli návaznost našeho cíle (soupeřit s přáteli) a kliknutí na odkaz Zpět. Není jasné, zda nás vrátí nás odkaz zpět do tabulky přátel nebo tlačítko způsobí, že se neuloží naši nově přidaní přátelé. 2) N10: Dezinformace uživatele Celou dobu se v aplikaci prezentuje Utkání se s přáteli, které jsem vnímala jako sdílený test, který bude vyplňovat současně víc lidí najednou, a následně se porovnají výsledky jednotlivců. Ve skutečnosti se ale jedná pouze o souhrn samostatně nahraných bodů a porovnání měsíčních/týdenních statistik. Založení diskuse Metoda testování: kognitivní průchod Postup: 5. Kliknout na volbu Diskuze v horní liště [Obrázek 27] 6. Kliknout na tlačítko Nová diskuze [Obrázek 28] 7. Zvolit téma příspěvku, vyplnit jeho název a text. [Obrázek 29] 8. Klinout na tlačítko Zveřejnit diskuzi. [Obrázek 29] Obrázek 27 Obrázek 28 18
Obrázek 29 Obrázek 30 Tabulka nálezů: Krok Q1 Q2 Q3 1. Ano Ano Ano 2. Ano Ano Ano 3. Ano Ano Ano 4. Ano Ano Ano 19
6 Vyhodnocení Druhy nálezů 1 Kosmetický Odstranění tohoto problému by ještě více podtrhlo aktuální uživatelský prožitek. 2 Malý Změna by vylepšila použitelnost aplikace, která tímto problémem aktuálně trpí. 3 Závažný Problém výrazně brání v používání aplikace. Souhrn nalezených problémů Označení Popis Druh Návrh řešení N1 Nejasný stav systému 1 Přidat tlačítko nebo šipku indikující pokračování stránky N2 Nekonzistence jazyků 1 Přidat přehrávanému videu titulky nebo ho přeložit do češtiny N3 Nejasný stav systému 1 Přidat k jednotlivým krokům status bar N4 N5 N6 N7 Špatná uživatelská kontrola systému Nedostatečná zpětná vazba Nekonzistentní značení Nedostatečná informovanost uživatele 2 Přidat k jednotlivým krokům tlačítko Předchozí 1 Zobrazení krátké zprávy o tom, že se vytvoření profilu zdařilo 2 Přejmenovat záložku nastavení z Trenér na Osobní cíle 2 Lepší prezentace faktu, že po přepnutí výchozího jazyka do angličtiny se lze účastnit jiných kurzů N8 Nejasný stav systému 1 Zařadit k výběru kurzů sekci Další kurzy, kde by byl přehled všech kurzů, kterých se uživatel účastní/účastnil N9 Nevhodný popisek 1 Nahradit Zpět tlačítkem Dokončit N10 Dezinformace uživatele 2 Přejmenovat funkci nebo dodat informace o tom, že se jedná pouze o sdílení vlastních dosažených výsledků Závěr Aplikace Duolingo byla podrobena testům použitelnosti metodou kognitivního průchodu a heuristické evaluace. Nebyly zjištěny žádné závažné chyby použitelnosti, pouze několik malých a kosmetických chyb. Na základě těchto výsledků hodnotím aplikaci jako přehlednou, srozumitelnou a uživatelsky přívětivou. 20