Č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 1.1 Popis aplikace 1.2 Cílová skupina uživatelů 1.3 Use cases 1.3.1 Přihlášení do účtu Google 1.3.2 Vyhledávání videa 1.3.3 Prohlížení videa 1.3.4 Komentování a hodnocení videa 1.4 Metoda testování
3 3 4 4 4 4 4 4 5
2. Testované případy užití 2.1 Přihlásit se do svého účtu Google 2.2 Vyhledávání videa 2.3 Prohlížení videa 2.4 Komentování a hodnocení videa
5 5 8 11 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 64bitový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
Q1: Je uživateli zřejmý následující krok? 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. Q2: Spojí si uživatel popisek akce s jeho cílem? A2: Ano. Q3: Dostane uživatel dostatečnou zpětnou vazbu? A3: Ano.
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.
Obrázek 3 Q1: Je uživateli zřejmý následující krok? A1: Ano. Q2: Spojí si uživatel popisek akce s jeho cílem? A2: Ano. Q3: Dostane uživatel dostatečnou zpětnou vazbu? A3: Ano.
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 Q1: Je uživateli zřejmý následující krok? 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. Q2: Spojí si uživatel popisek akce s jeho cílem? A2: Ano. Q3: Dostane uživatel dostatečnou zpětnou vazbu? A3: Ano.
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í emailove 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
Obrázek 5 Q1: Je uživateli zřejmý následující krok? A1: Ano. Q2: Spojí si uživatel popisek akce s jeho cílem? A2: Ano. Q3: Dostane uživatel dostatečnou zpětnou vazbu? 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
Obrázek 6 Q1: Je uživateli zřejmý následující krok? A1: Ano. Q2: Spojí si uživatel popisek akce s jeho cílem? A2: Ano. Q3: Dostane uživatel dostatečnou zpětnou vazbu? A3: Ano.
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>. Q1: Je uživateli zřejmý následující krok? A1: Ano. Q2: Spojí si uživatel popisek akce s jeho cílem? 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
Q3: Dostane uživatel dostatečnou zpětnou vazbu? A3: Ano. 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 Q1: Je uživateli zřejmý následující krok? A1: Ano. Musí najít zvolené video v HD kvalitě. Q2: Spojí si uživatel popisek akce s jeho cílem? 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. Q3: Dostane uživatel dostatečnou zpětnou vazbu? A3: Ano.
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”.
Obrázek 8 Q1: Je uživateli zřejmý následující krok? A1: Ano. Q2: Spojí si uživatel popisek akce s jeho cílem? A2: Ano. Q3: Dostane uživatel dostatečnou zpětnou vazbu? A3: Ano. 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
Obrázek 9 Q1: Je uživateli zřejmý následující krok? A1: Ano. Q2: Spojí si uživatel popisek akce s jeho cílem? A2: Ano. Q3: Dostane uživatel dostatečnou zpětnou vazbu? A3: Ano.
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
Q1: Je uživateli zřejmý následující krok? A1: Ano. Q2: Spojí si uživatel popisek akce s jeho cílem? A2: Ano. Q3: Dostane uživatel dostatečnou zpětnou vazbu? 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. Q1: Je uživateli zřejmý následující krok? 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é. Q2: Spojí si uživatel popisek akce s jeho cílem? A2: Ano. Q3: Dostane uživatel dostatečnou zpětnou vazbu? A3: Ano.
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 Q1: Je uživateli zřejmý následující krok? A1: Ne. Protože nevidí tlatcitko “Dislike” a neví, kdeby mohl ho najít. Řešení problémů: přidat tlačítko “Dislike”. Q2: Spojí si uživatel popisek akce s jeho cílem? A2: Ano. Q3: Dostane uživatel dostatečnou zpětnou vazbu? A3: Ano.
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
Obrázek 12 Q1: Je uživateli zřejmý následující krok? A1: Musí stisknout tlačítko “Dislike”. Q2: Spojí si uživatel popisek akce s jeho cílem? A2: Ano. Q3: Dostane uživatel dostatečnou zpětnou vazbu? A3: Ano.
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
Q1: Je uživateli zřejmý následující krok? A1: Ano. Q2: Spojí si uživatel popisek akce s jeho cílem? A2: Ano. Q3: Dostane uživatel dostatečnou zpětnou vazbu? A3: Ano.
2.4.4 Napsat komentář Po stisknutí tlačítka “Comment” se objeví okno pro napsání komentáře.
Obrázek 14, napsání komentáře Q1: Je uživateli zřejmý následující krok? A1: Ano. Musí napsat komentář v textboxu. Q2: Spojí si uživatel popisek akce s jeho cílem? A2: Ano. Q3: Dostane uživatel dostatečnou zpětnou vazbu? A3: Ano. 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). Q1: Je uživateli zřejmý následující krok? A1: Ano. Musí napsat komentář v textboxu. Q2: Spojí si uživatel popisek akce s jeho cílem? A2: Ano. Q3: Dostane uživatel dostatečnou zpětnou vazbu? A3: Ano.
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://humancomputerinteraction.webnode.cz/testovaniahodnocenirozhrani/metodyt estovani/cognitivewalkthrough/
17
