ČESKÉ VYSOKÉ UČENÍ TECHNICKÉ V PRAZE Semestrální práce z předmětu A7B36TUR Testování aplikace Tuba Vypracoval: Andrey Ufimtsev Zimní semestr 2013/2014 1
Obsah 1. Uvod 3 1.1 Popis aplikace 3 1.2 Cílová skupina uživatelů 4 1.3 Use cases 4 1.3.1 Přihlášení do účtu Google 4 1.3.2 Vyhledávání videa 4 1.3.3 Prohlížení videa 4 1.3.4 Komentování a hodnocení videa 4 1.4 Metoda testování 5 2. Testované případy užití 5 2.1 Přihlásit se do svého účtu Google 5 2.2 Vyhledávání videa 8 2.3 Prohlížení videa 11 2.4 Komentování a hodnocení videa 13 3. Shrnutí 17 4. Zdroje 17 2
1. Úvod 1.1 Popis aplikace Cílem semestrální práce bude otestovat aplikaci Tuba, která slouží jako prohlížeč videa na portálu Youtube (youtube.com). Na rozdíl od webové verze, tato aplikace používá nativní přehrávač videa, proto je rychlejší, není náročná na baterku a nezatěžuje procesor. Další výhodou této aplikace je že nevyžaduje pro přehrávání videa nainstalovány Flash Player, který kvůli politice společnosti Apple není součástí standartní výbavy operačního systému OS X. Aplikace je určena pouze pro uživatele Macu s 64 bitovým procesorem Intel. Obrázek 1, Vzhled aplikace Tuba 3
1.2 Cílová skupina uživatelů Cílová skupina jsou běžné návštěvníci portálu Youtube, které používají Mac. Předpokládám, že uživatel je seznámeny s základní funkcionalitou webové stránky Youtube. 1.3 Use cases 1.3.1 Přihlášení do účtu Google Přihlásit se do svého účtu Google. Portál Youtube používá pro přihlášení účty Google. Používání účtu pro přihlášení poskytuje přístup do pokročilých funkci tohoto webu, např. komentování a hodnocení videa, prohlížení doporučených videa, přihlášení do kanálu, nahrávaní vlastních videa, apod. Zatímco mnoho s těchto funckí nejsou k dispozici v aplikace Tuba, stále je možné se přihlásit do svého účtu pro prohlížení aktuálních videa předplacených autorů, oblíbených videa a videa, které jsou uložené pro pozdější prohlížení. 1.3.2 Vyhledávání videa Vyhledat video Nightwish The Islander v HD kvalitě. Nejdůležitější funkci aplikace je možnost vyhledávání videa. Pro testování této funkce já zkusím vyhledat videoklip k písní The Islander kapely Nightwish. Pro komplikace tohoto úkolů já zkusím dokázat najít toto video v HD kvalitě. 1.3.3 Prohlížení videa Zapnout video, přepnout do režimu celé obrazovky a zmenšit hlasitost. Po ukončení videa vrátit se zpátky do aplikace. Regulace hlasitosti a režim celé pobrazovky jsou nejdůležitější funcke, které uživatele se používají při prohlížení videa. Je velmi důležité aby tyto funkce byli snadno a rychle přístupné. 1.3.4 Komentování a hodnocení videa Negativně ohodnotit vybrané video a napsat komentář. Youtube umožňuje hodnocení a komentování videa, a proto jsem zvolil tuto funkcionalitu jako testovány případ užití. Uživatel by neměl mít žádné potíže, když chce nechat svou zpětnou vazbu. 4
1.4 Metoda testování Pro testování aplikace budu používat metodu Cognitive Walkthrough. Kognitivní průchod zjišťuje použitelnost pro nové uživatele, tedy jak budou stránky srozumitelné a jak obtížná nebo lehká bude orientace v nich. Během testování provádí tester nebo skupina testerů předem dané úkony na stránkách, přitom zvažují, jak jsou pro nové uživatele obtížné, zda jsou pochopitelné, jestli uživatelé mají dostatek informací pro další úkony apod. Pokud má podle testerů uživatel dostatek srozumitelných informací, je úkol označen jako splněný, v opačném případě je nutné identifikovat problémy a nedostatky. Proces testování metodou Kognitivního Průchodu je rozdělen do kroků. V každém kroku tester musí odpovědět na následující otázky: Je uživateli zřejmý následující krok? [Q1] Spojí si uživatel popisek akce s jeho cílem? [Q2] Dostane uživatel dostatečnou zpětnou vazbu? [Q3] Výsledkem je seznam chyb v návrhu aplikace. 2. Testované případy užití 2.1 Přihlásit se do svého účtu Google Q0: Dokáže uživatel se přihlásit do osobního účtu Google? 2.1.1 Vybrat záložku Tuba v menubaru OS X Skoro všechny aplikace v Apple OS X mají menu v horním panelu operačního systému, a proto je to místo, kde běžný uživatel OS X by měl hledat všechny funcke aplikace (obrázek 2). Obrázek 2, OS X menubar 5
A1: Ano, pokud uživatel je seznámený s operačním systémem OS X. Pokud má potíže s tímto krokem, tak to není chybou aplikace, ale návrhu uživatelského rozhraní operačního systému. 2.1.2 Zvolit Login/Switch YouTube account Na obrázku 3 je vidět, že měnu neobsahuje příliš mnoho opcí, a druhá z nich Login/Switch YouTube account je zřejmě to, co se potřeba. A1: Ano. Obrázek 3 6
2.1.3 Vyplnit přihlašovací formulář V tomto kroku uživatel dostane formulář, ve kterém je jasně popsáno co uživatel by měl vyplnit. V spodní části formuláře je modré tlaticko pro pokračování. Obrázek 4 A1: Ano. Pokud uživatel má osobní účet na Gmail, tak je předpokládáno že už se potkával s takovým formulářem. 2.1.4 Stisknout tlačítko Přijmout Uživateli se zobrazí další formulář, ve kterém aplikace žádá o potřebné oprávnění, např. zobrazení e mailove adresy, správa účtu YouTube a zjištění identity uživatele v Googlu. Uživatel by měl stisknout tlačítko Přijmout, pokud souhlasí. 7
A1: Ano. Obrázek 5 A3: Ne. Nezobrazí žádná informace o tom, jestli uživateli podařilo přihlášení. Řešení problémů: Zobrazit zprávu o tom, že přihlášení proběhlo v pořádku. 2.2 Vyhledávání videa Q0: Dokáže uživatel vyhledat video Nightwish The Islander v HD kvalitě? 2.2.1 Napsat v Search Baru název videa Search bar se nachází v horním právem úhlu aplikace a je velmi jednoduchý najít. Když uživatel začne psát, aplikace nabídne nejčastější dotazy. Je to velmi užitečný pro to, aby uživatel neměl vždy psát celý dotaz. 8
A1: Ano. Obrázek 6 2.2.2 Stisknout enter na klavisnice Protože rozhraní nenabízí žádné tlačítko pro potvrzení vyhledávání, je předpokládáno, že uživatel stiskne <Enter>. A1: Ano. A2: Ne. Problém je v tom, že pokud uživatel nestihne stisknout enter před tím, když se objeví doporučené dotazy, tak bude muset stisknout enter dvakrát. Řešení problémů: naprogramovat tak, aby aplikace vždy reagovala na stisknutí tlačítka <Enter> pro potvrzení vyhledávání. 9
Zobrazí se hledané videa. 2.2.3 Najít zvolené video V tomto kroku uživatel by měl být schopny najít zvolené video v HD kvalitě. Obrázek 7 A1: Ano. Musí najít zvolené video v HD kvalitě. A2: Ne. Problém je v tom, že není označené v jaké kvalitě jsou videa. Řešení problémů: napsat pro každé video v jaké kvalitě je k dispozici. 10
2.3 Prohlížení videa Q0: Dokáže uživatel zapnout video, přepnout do režimu celé obrazovky, zmenšit hlasitost a po ukončení videa vrátit se zpátky do aplikace? 2.3.1 Zapnout video Pro zapnutí videa stačí jenom kliknout na něj. Když uživatel najede myší na video, zobrazí se tlačítko Play. A1: Ano. Obrázek 8 Začne se přehrávat video. 2.3.2 Přepnout do režimu celé obrazovky Stejně, jako web YouTube, aplikace Tuba poskytuje uživatele ovládací panel, ve kterém je tlaticko pro přepnutí do režimu celé obrazovky. 11
A1: Ano. Obrázek 9 2.3.3 Zmenšit hlasitost Na ovládacím panelů je taky ovladač hlasitosti, což je obvekle pro běžné uživatele YouTube. Obrázek 10 12
A1: Ano. A3: Ne. Když začne posunovat indikátor hlasitoasti doleva, ovládací panel zmizí a uživatel neví, jestli má stále posunovat neviditelný indikátor nebo musí začít znovu. Řešení problémů: zakázat skryti ovládacího panelů v okamžik když uživatel ho používá. 2.3.4 Vrátit se zpátky Po ukončení přehrávání videa, aplikace zavře režim celé obrazovky automatické a uživatel se vrátí do počátečního stavu. A1: Ano. Ví, že musí stisknout <Esc> nebo ukončit režim celé obrazovky pomoci příslušného tlačítka, které se nachází ve spodní části ovládacího panelů. Ale nebude to potřebovat, protože aplikace udělá to automatické. 2.4 Komentování a hodnocení videa Q0: Dokáže uživatel negativně ohodnotit vybrané video a napsat komentář? 2.4.1 Stisknout tlačítko Like V aplikace Tuba ovládací panel v počátečném stavu neobsahuje tlačítko Dislike, jenom tlačítko Like. Tlačítko Dislike ; se zobrazí až po stisknutí tlačítka Like, a proto, aby znizit hodnocení videa je potřeba jeho nejprve zvýšit. 13
Obrázek 11 A1: Ne. Protože nevidí tlatcitko Dislike a neví, kdeby mohl ho najít. Řešení problémů: přidat tlačítko Dislike. 2.4.2 Stisknout tlačítko Dislike Když uživatel stiskne tlaticko Like, zobrazí se na stejném místě tlačítko Dislike a dále už je zřejmý co by měl dál udělat. 14
A1: Musí stisknout tlačítko Dislike. Obrázek 12 2.4.3 Stisknout tlačítko Comment Aby napsal komentář, uživatel má začít stisknutím tlačítka Comment, které se nachází ve spodní části. Obrázek 13 15
A1: Ano. 2.4.4 Napsat komentář Po stisknutí tlačítka Comment se objeví okno pro napsání komentáře. A1: Ano. Musí napsat komentář v textboxu. Obrázek 14, napsání komentáře 16
2.4.5 Stisknout tlačítko Post Pro odesylani komentáře je třeba použít tlačítko Post, které se nachází ve horním právem úhlu okna (Obrázek 14). A1: Ano. Musí napsat komentář v textboxu. 3. Shrnutí Uživatelské rozhraní v tomto programu je docela jednoduché a intuitivní. Největší problém, který může potkat nový uživatel, je absence tlačítka Dislike na ovládacím panelů při přehrávání videa a zmizení ovládacího panelů, když uživatel nastavuje hlasitost zvuku. To jsou nejdůležitější věci, které by vývojář měl opravit. 4. Zdroje http://human computer interaction.webnode.cz/testovani a hodnoceni rozhrani/metody t estovani/cognitive walkthrough/ 17