Semestrální práce A2 z předmětu A7B36TUR Testování uživatelského rozhrání internetového serveru YouTube.com Vypracoval(a): Daria Silivonenko e-mail: silivdar@fel.cvut.cz TUR ZS 2016/2017
Obsah Obsah... 2 Popis aplikace... 4 Cílová skupina... 4 Přehled případů užití... 4 Registrace... 4 Vytvoření playlistu... 4 Přidání videa do playlistu... 4 Nahrání videa na server... 4 Testování kognetivním průchodem... 5 Use Case 1: Registrace... 5 Krok 1... 5 Krok 2... 6 Krok 3... 7 Shrnutí... 8 Use Case 2: Vytvoření playlistu... 8 Krok 1... 8 Krok 2... 9 Krok 3... 10 Krok 4... 10 Shrnutí... 12 Use Case 3: Přidání videa do playlistu... 12 Krok 1... 12 Krok 2... 13 Shrnutí... 13 Use Case 4: Nahrání videa na server... 14 Krok 1... 14 Krok 2... 15 Krok 3... 15 Shrnutí... 16 Testování heuristickou evaluací... 16 Sada použitých heuristik... 16 Registrace... 17 Vytvoření playlistu... 17-2-
Přidání videa do playlistu... 17 Nahrání videa na server... 17 Závěr... 18-3-
Popis aplikace YouTube je nejznámějším a největším internetovým serverem pro sdílení video-souborů. S jeho pomocí je možné nahrát videa, zhlédnout je, ohodnotit, komentovat a přidat do playlistu. Navíc uživatel má možnost vytvořit si svůj vlastní kanál, který můžou sledovat jiné uživatele. Na YouTube jsou dostupné videoklipy, TV klipy, hudební videa, trailery k filmům (tedˇ už i celé filmy), video-blogy či vzdělávací videa. Cílová skupina Skoro každý, kdo používá internet, protože hodně webových stránek obsahují odkazy na youtube videa nebo vlastně sami videa. Také lidí, kteří chtějí sdilět něco do světa. Ale docela i mediální společnosti se registrují na youtube.com, čímž propagují své výrobky a služby. Přehled případů užití Registrace YouTube.com může klídně použivat i nezaregistrovány uživatel. Ale zaregistrovány uživatel má mnohem víc možností, jako třeba nahrání videa na server, přídání komentáře apod., zatím co obyčejný návštěvník může pouze vyhledávat a prohlížet videa. Vytvoření playlistu Vytvoření playlistu je docela důležitá funkce serveru. Často se stává, že uživatel si chcí zapamatovat nějaké video. Důvodem může být, že prostě se mu moc líbilo a chtěl by si ho někdy prohlédnout ještě jednou nebo ví, že bude ho potřebovat víc než jednou (např. pro práce nebo studium). Pro takové případy je moc vhodné vytvořit si playlist nebo několik playlistů, do kterých pak bude uživatel přidávat videa. Přidání videa do playlistu Ihned po vytvoření playlistu jde přidávání do něho videa. Jde právě o to, o čemž se hovořilo v předchozím odstávce: uživatel přidá video, které se mu líbilo, do jednoho ze svých playlistů, aby se k němu mohl vratit kdykoli bude chtit. Nahrání videa na server Hodně lidí chtějí něco sdílet do světa: svoje myšlenky, koničky, znalosti apod. A vetšina to dělá postřednictvím videa a to určitě chtějí někam nahrat. A nejlepší místo,kam to nahrat, je YouTube.com, protože ho použivá skoro každý. Proto chceme tu možnost serveru otestovat a dozvít, jestli tam jsou nějaké problémy, které musejí být vyřešeny. -4-
Testování kognitivním průchodem Kognitivní průchod (anglicky Cognitive Walkthrough) je metoda určená zejména pro testování aplikací s přesně danou posloupností kroků pro dosažení cíle. V každém kroku testu položíme následujicí otázky, které se budou vztahovat pro aktualní stav aplikace. Výsledkem by měl být seznam předpokládaných chyb v návrhu aplikace. Q1 Je uživateli zřejmý následující krok? Q2 Spojí si uživatel správně popisek akce se svým cílem? Q3 Dostane uživatel dostatečnou zpětnou vazbu? Use Case 1: Registrace Q0: Bude uživatel schopen se přihlasit či zaregistrovat na YouTube.com? Krok 1: Po přechodu v browseru na stránku serveru YouTube.com máme před sebou následující stav obr.č.1. Pro přihlašení či registraci musíme kliknout na LOG IN. Obrázek č.1: Use case 1 - Krok 1 Q1 ANO Je jasné, že pro přihlašení musíme stisknout log in Q2 ANO Popisek log in jasně označuje, co máme dělat Q3 ANO Zobrází se nam nová stránka s přihlašením do učtu -5-
Krok 2: Teď google nabidvá nam přihlasit se do YouTube.com přes již existující učety Googlu. Obrázek č.2: Use case 1 - Krok 2 Q1 NE Není moc jasné, co dělat, pokud nemáme učet na Google Q2 ANO Šipka vpravo ukazuje na učet, který můžeme si vybrat Q3 ANO Po kliknutí na šipku, objeví se nam formulář s heslem pro přihlašení -6-
Krok 3: Poté, co jsme vybrali učet nebo vytvořili nový, přihlasíme se do něho vyplněním hesla a jednoduchým kliknutím na log in. Browser převede nas na hlavní stránku YouTube. Obrázek č.3: Use case 1 - Krok 3 Obrázek č.4: Use case 1 - Krok 3(výsledek po přihlašení do učtu) -7-
Q1 ANO Je jasné, co máme dělat Q2 ANO Popisky jsou srozumitelné Q3 ANO Po přihlašení v browseru se nam otevře hlavní stránka serveru Shrnutí: Registrace na YouTube.com je docela jednoduchý proces, jenomže uživatel může se narazit na takový problém, že nemá žádný učet na google. V tom případě bude muset si ho vytvořit, ikdyž nebude ho nikde kromě YouTube využívat. Use Case 2: Vytvoření playlistu Q0: Bude uživatel schopen si vytvořit nový playlist? Krok 1: Stisknout tlačitko menu vlevo náhoře. Obrázek č.5: Use case 2 - Krok 1 Q1 NE Vídíme menu, ale zatím pořad nevíme, co máme dělat dál, kde a jak vytvořit nový playlist Q2 ANO Víme, že tři čary pod sebou znamenají menu. Q3 ANO Po kliknutí se zobrází levé menu. -8-
Krok 2: V tomto kroce vidíme položku menu KNIHOVNA, na kterou musíme kliknout. Obrázek č6: Use case 2 - Krok 2 Q1 NE Pořad nevíme, co nas čeká po kliknutí na knihovna Q2 NE Kliknout na knihovna. Ale knihovna není moc jasný popisek (třeba by bylo lepší playlisty nebo seznam playlistů ) Q3 ANO Zobrázi se stránka s již existujícími playlisty -9-
Krok 3: Teď vidíme položku + nový playlist, na kterou zřejmě klikáme. Obrázek č.7: Use case 2 - Krok 3 Q1 ANO Vše jasné a zřejmé, přidává se nam nový playlist Q2 ANO Je jesné, že musíme kliknout na přidat nový playlist Q3 ANO Změní se nam stav stránky, objeví se tam formulář pro vytvoření nového playlistu Krok 4: Teď se nam objevil formulář pro vytvoření nového playlistu. Tak musíme ho vyplnit. Zadáme název playlistu a také vybereme přístup k tomuto playlistu, může být zvěřejněný, privátní či po odkazu. Po vyplnění formulářu klikneme na vytvořit. Obrázek č.8: Use case 2 - Krok 4-10-
Obrázek č.9: Use case 2 Krok 4 (nastávení přistupu) Obrázek č.10: Use case 2 Krok 4 (výsledek po stisknutí vytvořit ) Q1 ANO Je zřejmé, že pro vytvoření nového playlistu musíme vyplnit formulář a stisknout vytvořit Q2 ANO Všechny položky jsou jasně pojmenované Q3 ANO Vidíme výsledek, vytvořil se nam nový playlist -11-
Shrnutí: Hlavní problém při vytvoření nového playlistu na YouTube.com je takový, že nevíme ihned kde a jak to musíme udělat. Takže uživatel straví nějaký čas, pokud najde potřebnou pro něho položku vytvořit playlist. Use case 3: Přidání videa do playlistu Q0: Bude uživatel schopen přidat do existujícího playlistu video? Krok 1: Teď nacházíme v tom stavu, že chceme dáne video přidat do nějakého svého playlistu. A hned dolu pod video vidíme přidat do, tak na to klikneme. Obrázek č.11: Use case 3 - Krok 1 Q1 ANO Je zřejmé, co máme dělat Q2 ANO Popisek je jasný Q3 ANO Vidíme po kliknutí dolu formulář -12-
Krok 2: Objeví se nam okénko, ve kterém můžeme si vybrat playlist, do kterého video chceme přidat. A to uděláme tak, že vybereme si již existující playlist (dáme tam klíště) nebo přidáme video do nového playlistu (vidíme dolu u okénka vytvořit si playlist ). Obrázek č.12: Use case 3 - Krok 2 Q1 ANO Je zřejmé, co máme dělat Q2 ANO Je jasné, že pro vybrání playlistu musíme dat Q3 ANO Po stisknuti ENTER vidíme vlevo náhoře od video video je přidáno do playlistu Shrnutí: Postup přidávání videa do playlistu je jasný a uživatel by s tim nemusel mít žádný problém. -13-
Use Case 4: Nahrání videa na server Q0: Bude uživatel schopen nahrat video na server? Krok 1: Ve stavu, kdy jsme přihlašeny do YouTube, vidíme vpravo náhoře přidat video. Klikneme na to. Obrázek č.13: Use case 4 - Krok 1 Q1 NE Není nam uplně jasné, jak to přesně máme dělat Q2 NE Popisek není jasný ( přidat video : kam přidat?) Q3 ANO Přechod na novou stránku -14-
Krok 2: Objevilo se nam nové okénko, pomocí kterého nahrájeme naše video na server, a to můžeme udělat dva způsoby. První: kliknout na okénko a vybrat si soubor z počitaču. Druhý: přetáhnout spravný soubor právě na toto okénko myší. Obrázek č.14: Use case 4 - Krok 2 Q1 ANO Je zřejmé, co dělat Q2 ANO Jak to dělat je dobře popsano prostřed okénka Q3 ANO Začne se nam nahrávat video, vidíme to (piše procenty) Krok 3: V tomto kroce musíme trochu počkat, dokud server nahraje video a zpracuje ho. To trvá tak cca 10-20 vteřin. Teď můžeme přidat název, popis jestli chceme, take přistup, tagy. Když máme pocit, že už jsme všechno potřebne vyplnili, tak klikneme na hotovo. Obrázek č.15: Use case 4 - Krok 3-15-
Obrázek č.16: Use case 4 - Krok 3 (po stisknutí hotovo ) Q1 ANO Je jasné, co máme dělat Q2 ANO Vše je dobře popsáno Q3 ANO Máme výsledek, video je nahráno Shrnutí: Při nahrávání videa ihned máme potiže, a to takové, že nevíme najisto jestli položka vpravo náhoře přidat video znamená přidat do playlistu nebo nahrat na server. Testování heuristickou evaluací Heuristická evaluace je metoda založená na sadě pravidel (heuristik), která jsou předem definována. Aplikace je poté podrobně otestována, zda tato pravidla dodržuje nebo zda se dle nich chová. Sada použitých heuristik Pro testování heuristickou evaluací jsem zvolila heuristiky od Jaacoba Nelsona (Nielsen 1994). Každý případ použití a každá obrazovka byly pečlivě testovány. Heuristiky: 1. Viditelnost stavu systému 2. Shoda systému a reálného světa 3. Uživatelská kontrola a svoboda 4. Konzistence a standardy 5. Prevence chyb 6. Rozpoznávání místo vzpomínání 7. Flexibilní a efektivní použití 8. Estetický a minimalistický design 9. Pomoc uživatelům poznat, diagnostikovat, a zotavit se z chyb 10.Nápověda a dokumentace -16-
Registrace Popis problému Heuristika Priorita Doporučení Problém při registraci, když uživatel nemá učet na Google Vytvoření playlistu H2 - Shoda systému a reálného světa Hight Přidání možností registrování pomocí libolného e-mailu (ne jenom Gmail), aby uživatel, který vůbec nemá poštu na Google, nemusel si ji vytvářet pouze pro tenhle učel Popis problému Heuristika Priorita Doporučení Popisek tlačitka knihovna neříká nam, že jde o seznámu playlistů H1 - Viditelnost stavu systému Medium Přejmenování na lepší playlisty nebo seznam playlistů Přidání videa do playlistu Popis problému Heuristika Priorita Doporučení - - - - Nahrání videa na server Popis problému Heuristika Priorita Doporučení Není zřejmé, jestli tlačitko přidat video náhoře vpravo znamená nahrávání videa na server, nikoliv ne přidání ho do playlistu H1 - Viditelnost stavu systému Medium Přejmenování tlačitka například na nahrat video -17-
Závěr Testování internetového serveru pro sdílení video-souborů YouTube.com ukázalo, že jediny největší problém je, že uživatel nemá možnost přihlasit se do serveru pomocí jiného e-mailu než Google pošta (tj. *****@gmail.com), což může způsobit to, že uživatel prostě nebude si chtit vytvářet učet na Google pro přistup pouze k jedné webové stránce, pokud už má nějaký jiný pracovní e-mail. Jinak ostatní problémy nejsou tak velké a jsou snádno vyřišitelné. -18-