České vysoké učení technické v Praze Fakulta elektrotechnická Testování administračního rozhraní sluˇzby WordPress.com Semestrální práce pro studijní předmět TESTOVÁNÍ UŽIVATELSKÝCH ROZHRANÍ (A7B39TUR) VYPRACOVAL: AKADEMICKÝ ROK: 2013/2014 VYUČUJÍCÍ: Tomáš Mazač (mazactom@fel.cvut.cz) Ing. Adam J. Sporka, Ph.D. DATUM ODEVZDÁNÍ: 15. 10. 2013
Obsah 1 Úvod 3 1.1 Popis aplikace............................... 3 1.2 Popis cílové skupiny uˇzivatelů..................... 4 2 Přehled testovaných případů uˇzití 5 2.1 Vytvoření nového účtu.......................... 5 2.2 Vytvoření nového blogu......................... 5 2.3 Vytvoření nového textového příspěvku................ 5 2.4 Úprava příspěvku............................. 6 2.5 Smazání blogu............................... 6 3 Testování kognitivním průchodem 7 3.1 Popis metody............................... 7 3.2 Scénáře jednotlivých případů uˇzití a vyhodnocení testu....... 7 3.2.1 Vytvoření nového účtu...................... 7 3.2.2 Vytvoření nového blogu..................... 9 3.2.3 Vytvoření nového textového příspěvku............ 10 3.2.4 Úprava příspěvku........................ 12 3.2.5 Smazání blogu.......................... 14 4 Přehled nálezů 17 4.1 Nálezy s vysokou prioritou....................... 17 4.2 Nálezy se střední prioritou........................ 17 4.3 Nálezy s nízkou prioritou........................ 18 2
Kapitola 1 Úvod 1.1 Popis aplikace Objektem testování bude webová sluˇzba WordPress.com redakční systém, který slouží k publikování textů a multimediálního obsahu. Obrázek 1.1: Domovská webová stránka sluˇzby WordPress.com Zaregistrovaný uˇzivatel má k dispozici speciální rozhraní, ve kterém jsou agregovány příspěvky z blogů, které sleduje. Sám si může založit jeden nebo více blogů a na nich zveřejňovat texty, fotografie, videa, citace, odkazy a další obsah. Pro blog může být vybrána již existující šablona určující styl, nebo uživatel může použít vlastní. Moˇznosti tohoto systému jsou opravdu rozsáhlé, takˇze následující testování se bude zabývat pouze případy, kdy chce uˇzivatel vyuˇzívat základní funkce popsané v kapitole 2. 3
TESTOVÁNÍ WORDPRESS.COM 4 Publikační systém WordPress je open source 1 je vyvíjen pod licencí GNU GPL. Kdokoliv si tedy může stáhnout zdrojové kódy nebo spustitelnou aktuální verzi tohoto projektu a zprovoznit je na vlastním serveru. WordPress dodrˇzuje standardy XML, XHTML a CSS, má integrovaného správce odkazů, strukturu trvalých odkazů přátelských k internetovým vyhledávačům, má podporu pluginů, umoˇzňuje řadit příspěvky do podkategorií a označovat je štítky a obsahuje typografický filtr pro formátování a styl textu. [1] 1.2 Popis cílové skupiny uˇzivatelů Cílovou skupinou jsou uživatelé bez věkového omezení, kteří mají alespoň minimální tzv. počítačovou gramotnost v našem případě tedy musí zvládnout práci s běžným webovým prohlížečem. Uživatelé by měli ovládat základy anglického jazyka, protože celé grafické uživatelské rozhraní je právě v tomto jazyce. Uˇzivatelé musí umět pouˇzívat klávesnici a myš, popř. jiné běˇzné, standardní vstupní periferní zařízení, které jim bude umoˇzňovat ovládat uˇzivatelské rozhraní aplikace. 1 Otevřený software (anglicky open-source software nebo open software, zkratka OSS) je počítačový software s otevřeným zdrojovým kódem. [2]
Kapitola 2 Přehled testovaných případů uˇzití Tabulka 2.1: Přehled testovaných případů uˇzití UC1 Vytvoření nového účtu UC2 Vytvoření nového blogu UC3 Vytvoření nového textového příspěvku UC4 Úprava příspěvku UC5 Smazání blogu 2.1 Vytvoření nového účtu K vyuˇzívání publikačních funkcí webové sluˇzby WordPress.com je zapotřebí být zaregistrován je to tedy nejdůležitější případ užití, bez kterého by ostatní neměly smysl. Zaregistrovat se lze přímo na domovské stránce www.wordpress.com (viz obr. 1.1). Moˇzné problémy mohou nastat při špatném vyplnění registračního formuláře, kdy by nás aplikace mohla upozornit např. na jiˇz obsazené uˇzivatelské jméno. 2.2 Vytvoření nového blogu Každý uživatel si může vytvořit libovolný počet blogů a do nich následně přidávat příspěvky. 2.3 Vytvoření nového textového příspěvku Vytvoření nového textového příspěvku je naprosto základní funkce, u které se dá předpokládat, že ji bude využívat nejvíce uživatelů, protože se jedná o neodmyslitelnou součást tradičního blogování. 5
TESTOVÁNÍ WORDPRESS.COM 6 2.4 Úprava příspěvku Je nutné ověřit, že uživatel může skrze administrační rozhraní jednoduše upravit již vytvořený příspěvek. 2.5 Smazání blogu Pokud se uživatel z nějakého důvodu rozhodne smazat svůj blog a tím i veškerý jeho obsah, nemělo by mu být bráněno. Můˇzeme očekávat, ˇze tato moˇznost bude trochu skrytá, protoˇze provozovatel nemá zájem na odchodu svých uˇzivatelů.
Kapitola 3 Testování kognitivním průchodem 3.1 Popis metody Zvolená metoda testování bez uživatele se nazývá kognitivní průchod (anglicky cognitive walkthrough), při níž procházíme jednotlivé kroky právě testovaného případu užití a v každém kroku odpovídáme na otázky z tabulky 3.1. Při záporné odpovědi je nutné podrobněji popsat zjištěný nedostatek. Tabulka 3.1: Otázky pro každý krok kognitivního průchodu Q1 Je uˇzivateli jasné, co má udělat? Q2 Dokáže si uživatel spojit popisky s jednotlivými úkony? Q3 Obdrˇzí uˇzivatel náleˇzitou zpětnou vazbu? Výstupem celého testu je popis nálezů a seznam doporučení při řešení nalezených problémů. Přehled nálezů je v kapitole 4. 3.2 Scénáře jednotlivých případů uˇzití a vyhodnocení testu 3.2.1 Vytvoření nového účtu Nutnou prerekvizitou tohoto případu uˇzití je být na domovské stránce této webové sluˇzby na www.wordpress.com (viz obr. 1.1). K vytvoření nového účtu je zapotřebí vykonat následující kroky: 1. Kliknout na tlačítko Get Started (viz obr. 3.1). 7
TESTOVÁNÍ WORDPRESS.COM 8 Obrázek 3.1: Tlačítko Get Started 2. Vyplnit registrační údaje (e-mailová adresa, uˇzivatelské jméno, heslo a jméno subdomény, na které bude blog spuštěn) a kliknout na tlačítko Create Blog (viz obr. 3.2). Obrázek 3.2: Tlačítko Create Blog 3. V příchozím e-mailu kliknout na Activate Blog (viz obr. 3.3). Obrázek 3.3: Tlačítko Activate Blog Odpovědi na otázky kognitivního průchodu pro případ uˇzití vytvoření nového účtu jsou zaznamenány v tabulce 3.2.
TESTOVÁNÍ WORDPRESS.COM 9 Tabulka 3.2: Kognitivní průchod pro vytvoření nového účtu Krok Q1 Q2 Q3 1 ano ano ano 2 ano ano ano 3 ano ano ano 3.2.2 Vytvoření nového blogu Nutnou prerekvizitou k tomuto případu užití je přihlášení do systému. K vytvoření nového blogu je zapotřebí vykonat následující kroky: 1. Kliknout na My Blog(s) (viz obr. 3.4). Obrázek 3.4: Poloˇzka menu My Blog 2. Kliknout na Create a New Blog (viz obr. 3.5). Obrázek 3.5: Možnost Create New Blog 3. Vyplnit údaje o novém blogu (doménu, jméno a viditelnost) (viz obr. 3.6).
TESTOVÁNÍ WORDPRESS.COM 10 Obrázek 3.6: Zadávání údajů o novém blogu 4. Kliknout na tlačítko Create Blog (viz obr. 3.7). Obrázek 3.7: Tlačítko Create Blog Odpovědi na otázky kognitivního průchodu pro případ uˇzití vytvoření nového blogu jsou zaznamenány v tabulce 3.3. Tabulka 3.3: Kognitivní průchod pro vytvoření nového blogu Krok Q1 Q2 Q3 1 ne 1 ne 2 ano 2 ano ano ano 3 ano ano ano 4 ano ano ano 3.2.3 Vytvoření nového textového příspěvku Nutnou prerekvizitou k tomuto případu uˇzití je přihlášení do systému.
TESTOVÁNÍ WORDPRESS.COM 11 K vytvoření nového textového příspěvku je zapotřebí vykonat následující kroky: 1. Kliknout na New Post (viz obr. 3.8). Obrázek 3.8: Položka menu New Post 2. Zvolit typ příspěvku Text (viz obr. 3.9). Obrázek 3.9: Moˇznost Text 3. Zadat vlastní obsah příspěvku, případně i titulek a štítky (tags). (Obr. 3.10) Obrázek 3.10: Zadání obsahu příspěvku 4. Kliknout na Publish Post (viz obr. 3.11).
TESTOVÁNÍ WORDPRESS.COM 12 Obrázek 3.11: Tlačítko Publish Post Obrázek 3.12: Oznámení o vloˇzení nového příspěvku Odpovědi na otázky kognitivního průchodu pro případ uˇzití vytvoření nového textového příspěvku jsou zaznamenány v tabulce 3.4. Tabulka 3.4: Kognitivní průchod pro vytvoření nového textového příspěvku Krok Q1 Q2 Q3 1 ano ano ano 2 ano ano ne 1 3 ano ne 2 ano 4 ano ano ano 3.2.4 Úprava příspěvku 1. Kliknout na My Blog(s) (viz obr. 3.4). 2. U vybraného blogu kliknout na Blog Admin (viz obr. 3.13).
TESTOVÁNÍ WORDPRESS.COM 13 Obrázek 3.13: Moˇznost Blog Admin 3. V levém menu vybrat Posts All Posts (viz obr. 3.14). Obrázek 3.14: Položka menu All Posts 4. U příspěvku k upravení kliknout na Edit (viz obr. 3.15). Obrázek 3.15: Moˇznost Edit 5. Upravit příspěvek a kliknout na Update (viz obr. 3.16).
TESTOVÁNÍ WORDPRESS.COM 14 Obrázek 3.16: Tlačítko Update Odpovědi na otázky kognitivního průchodu pro případ uˇzití upravení příspěvku jsou zaznamenány v tabulce 3.5. Tabulka 3.5: Kognitivní průchod pro úpravu příspěvku Krok Q1 Q2 Q3 1 ano ano ano 2 ne 1 ano ano 3 ano ne 2 ano 4 ano ano ano 4 ano ano ano 3.2.5 Smazání blogu Nutnou prerekvizitou k tomuto případu užití je přihlášení do systému a mít založen alespoň jeden blog. K smazání blogu je zapotřebí vykonat následující kroky: 1. Kliknout na My Blog(s) (viz obr. 3.4). 2. U vybraného blogu kliknout na volbu Blog Admin (viz obr. 3.13). 3. V levém menu vybrat Tools Delete Site (viz obr. 3.17).
TESTOVÁNÍ WORDPRESS.COM 15 Obrázek 3.17: Poloˇzka menu Delete Site 4. V rozbalovacím menu vybrat Permanently delete the site and all content, zaškrtnout I want to permanently remove dalsinovyblog.wordpress.com and I am aware I can never get its content or its address back. a kliknout na tlačítko Delete nazevblogu.wordpress.com Permanently (viz obr. 3.18). Obrázek 3.18: Formulář Delete Site 5. V příchozím e-mailu přejít na odkaz, kde se potvrdí smazání blogu. Odpovědi na otázky kognitivního průchodu pro případ uˇzití smazání blogu jsou zaznamenány v tabulce 3.6.
TESTOVÁNÍ WORDPRESS.COM 16 Tabulka 3.6: Kognitivní průchod pro smazání blogu 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
Kapitola 4 Přehled nálezů Tato kapitola obsahuje přehled nálezů z kognitivního průchodu zmíněných případů užití a doporučení jejich řešení. Všechny seznamy jsou seřazeny sestupně od nejzávažnějších problémů po ty méně důležité. Přehled a definice priorit je v tabulce 4.1. Vysoká priorita Střední priorita Nízká priorita Tabulka 4.1: Definice priorit Takto označený nález je bezpodmínečně nutné v co nejkratší době vyřešit. Pokud nebude problém odstraněn, aplikace je nepoužitelná. Nález se střední prioritou neohroˇzuje celkovou použitelnost aplikace, ale jeho odstranění přinese zeefektivnění práce a výrazně sníží zmatenost uživatele. Drobné, kosmetické vady. Identifikátory pro jednotlivé případy uˇzití jsou vysvětleny v tabulce 2.1. 4.1 Nálezy s vysokou prioritou Žádné nálezy s vysokou prioritou nebyly nalezeny. 4.2 Nálezy se střední prioritou Bylo nalezeno pět nálezů se střední prioritou: UC4, nález 2: Uživateli nemůže být ihned jasné, jaký je rozdíl mezi volbou Edit a Quick Edit (viz obr. 3.15). UC5, nález 1: Umístění volby Delete Site v rozbalovací položce menu Tools postrádá logiku, tudíž se nedá očekávat, že ji uživatel najde (viz obr. 3.17). UC4, nález 1: Možnost Blog Admin spíše evokuje administraci obecných vlastností blogu ne úpravu obsahu jednotlivých příspěvků (viz obr. 3.13). 17
TESTOVÁNÍ WORDPRESS.COM 18 UC2, nález 1: Volba v menu My Blog(s) působí lehce zmatečně: Pod takovou moˇzností uˇzivatel spíše očekává přehled jiˇz existujících blogů nehledal by zde možnost vytvořit blog nový (viz obr. 3.4). UC2, nález 2: Viz UC2, nález 1. Stačilo by vytvořit novou poloˇzku menu označenou např. Create New Blog. 4.3 Nálezy s nízkou prioritou Byly nalezeny dva nálezy s nízkou prioritou: UC3, nález 2: Formulářovým prvkům chybí popisky. Jsou obsaˇzeny jen ve formě tzv. placeholders, které po zadání prvního znaku samozřejmě zmizí, což může u více formulářových prvků znamenat jisté nároky na uživatelovu pamět (viz obr. 3.10). UC3, nález 1: Uˇzivatel nemá explicitní zpětnou vazbu o tom, zda si vybral právě typ příspěvku Text. Následný formulář pro zadání obsahu příspěvku vypadá totiž velmi podobně jako při volbě Quote (viz obr. 3.10).
Literatura [1] WordPress. In: Wikipedie [online]. 2013 [cit. 2013-10-15]. Dostupné z: http://cs.wikipedia.org/wiki/wordpress [2] Otevřený software. In: Wikipedie [online]. 2013 [cit. 2013-10-15]. Dostupné z: http://cs.wikipedia.org/wiki/otev%c5%99en%c3%bd software 19