Testování uživatelského rozhraní (A4B39TUR) A2 Testování webových stránek AEROFLOT Russian Airlines. 1
Obsah 1 ÚVOD... 3 1.1 POPIS PŘEDMĚTU TESTOVÁNÍ... 3 1.2 POPIS CÍLOVÉ SKUPINY... 6 1.3 METODY TESTOVÁNÍ BEZ UŽIVATELE... 6 1.3.1 Cognitive Walkthrough... 6 1.3.2 Heuristic Evaluation... 6 1.4 PŘÍPADY UŽITÍ... 7 1.4.1 Případ užití 1: Zakoupení letenky na cestu, kterou umožňuje společnost AEROFLOT.... 7 1.4.2 Případ užití 2: Vyhledávání určitého letového řádu (odkud kam).... 7 1.4.3 Případ užití 3: Vyhledávání užitečných cestovních informací před odletem.... 7 1.4.4 Případ užití 4: Založení uživatelského účtu společnosti.... 7 2 TESTOVÁNÍ... 8 2.1 Testování případů užití... 8 2.1.1 Případ užití 1: Zakoupení letenky na cestu, kterou umožňuje společnost AEROFLOT.... 8 2.1.2 Případ užití 2: Vyhledávání určitého letového řádu (odkud kam).... 13 2.1.3 Případ užití 3: Vyhledávání užitečných cestovních informací před odletem.... 16 2.1.4 Případ užití 4: Založení uživatelského účtu společnosti.... 20 2.2 Přehled všech nálezů...23 2.2.1 Problémy nalezené metodou Cognitive Walkthrough.... 23 2.2.2 Problémy nalezené metodou Heuristic Evaluation... 24 3 ZÁVĚR...24 2
1 ÚVOD 1.1 POPIS PŘEDMĚTU TESTOVÁNÍ Cílem semestrálního projektu je testování webových stránek AEROFLOT Russian Airlines. Adresa stránek je http://www.aeroflot.ru/cms/ (viz obrázek 1.1). Obrázek 1. 1 - Hlavní webová stránka společnosti AEROFLOT Společnost AEROFLOT se zabývá provozováním letů po celé Ruské federaci a také provozuje i mezinárodní lety. Proto jsou výše zmíněné webové stránky nejprve určeny na vyhledávání letů z/do různých měst Ruské federace (viz obrázek 1.2), online prohlížení příletů a odletů podle letišť spolupracujících se společností AEROFLOT (viz obrázek 1.3) a případné zakoupení letenky (viz obrázek 1.4). 3
Obrázek 1. 2 - Vyhledávání různých letů Obrázek 1. 3 - Online prohlížení příletů vybraného letiště 4
Obrázek 1. 4 - Zakoupení letenky Další možnosti využití stránek jsou vyhledávání informaci o určitém letu, poskytnutí cestovních informací, rezervace hotelu (http://hotels.aeroflot.ru/hotels/) a půjčení auta (ve spolupráci se společností Europcar) (viz obrázek 1.5). Obrázek 1. 5 - Možnost rezervace hotelu a půjčení auta 5
1.2 POPIS CÍLOVÉ SKUPINY Všichni, kdo má zájem využít služby, které poskytuje tato společnost. Zejména ti, kteří rádi cestují letadlem anebo ti, kteří mají nějaké cestovní cesty po Ruské federaci i do zahraničí. Na pohlaví a na věku nezáleží, jen se předpokládá, že by člověk byl schopný se vyznat v těchto webových stránkách a měl nějaké základní znalosti ve využítí internetu. Kdyby chtěl zakoupit letenku, zarezervovat hotel či půjčit auto, měl by na to mít nějaké prostředky, a zárověň plyne, že by mu bylo alespoň 18 let. 1.3 METODY TESTOVÁNÍ BEZ UŽIVATELE 1.3.1 Cognitive Walkthrough Je určená pro testování aplikací s přesně danou posloupností kroků pro dosažení cíle. Pro každý případ užití hodnotící musí jednou odpovědět na následující otázku: Q0: What does the user want to achieve? Pak pro každý následný krok při průchodu případů užití hodnotící musí odpovědět na tyto tři klíčové otázky: Q1: Will the correct action be evident for user? Q2: Will the user connect label of an action with action? Q3: Will the user receive a sensible feedback? Výstupem tohoto průchodu jsou subjektivní údaje ve formě odpovědí na tři otázky výše zmíněných, které by pomohly provést nutné úpravy, a tím zlepšit použitelnost aplikace. 1.3.2 Heuristic Evaluation Je určená pro testování na hledání problémů použitelnosti v designu uživatelského rozhraní. Metoda je založená na expertní znalosti a ověřování, zda nejsou jednotlivé heuristiky v aplikaci porušeny. Pro testování se obvykle používají dobře uznávané 10 heuristik napsaných Jacobem Nielsenem: H1: Visibility of system status H2: Match between system and the real world H3: User control and freedom H4: Consistency and standards H5: Error prevention H6: Recognition rather than recall H7: Flexibility and efficiency of use 6
H8: Aesthetic and minimalist design H9: Help users recognize, diagnose, and recover from errors H10: Help and documentation Metoda se provádí tak, že hodnotící prohlédne uživateské rozhraní. Během jednání v rámci hodnocení, hodnotící prochází rozhraní několikrát, kontroluje 3 různé prvky dialogu a porovnává je se seznamem uznaných zásad použitelnosti. Výstupem je seznam problémů (v každém případě podle názoru hodnotícího), které porušují design uživatelského rozhraní. 1.4 PŘÍPADY UŽITÍ 1.4.1 Případ užití 1: Zakoupení letenky na cestu, kterou umožňuje společnost AEROFLOT. Veškeré letecké společnosti slouží nejprve k cestování letadlem, což předpokládá koupení letenky. Aby člověk nemusel zbytečně hledat letenku na určitý let jinde, AEROFLOT mu tuto příležitost umožňuje. Pro testování tohoto případu užití jsem zvolila metodu Cognitive Walkthrough. Rozhodnutí plyne z pozorování, že případ užití zahrnuje soubor definovaných kroků, kde je každý z nich jedinečný. 1.4.2 Případ užití 2: Vyhledávání určitého letového řádu (odkud kam). Tento případ užití je vhodný na dočasné vyhledávání letů a informací o nich (například, pro případ hledání informace o letu před zakoupením letenky). Anebo pro osobní zjištění informace o určitém letu. Pro testování tohoto případu užití jsem také zvolila metodu Cognitive Walkthrough. I tento případ užití se skládá z určitých definovaných kroků, kde je každý z nich jedinečný. 1.4.3 Případ užití 3: Vyhledávání užitečných cestovních informací před odletem. Cestovní informace jsou důležitým přídavkem k letu, protože popisují podstatné kroky postupu od zakoupení letenky až do příletu do cílové destinace. Zvolila jsem na testování tohoto případu užití metodu Heuristic Evaluation, která je schopná identifikovat problémy spojené s designem uživatelského rozhraní. Případ užití obsahuje velké množství malých intuitivních kroků, které lze otestovat podle hlavních zásad Nielsenovy heuristiky. 1.4.4 Případ užití 4: Založení uživatelského účtu společnosti. Tento uživatelský učet slouží na sbírání bonusů za každý zakoupený let společnosti, ale není podmínkou na využití hlavních služeb této společnosti. Navíc účet je výhodou jen pro ty, kteří rádi cestují společností AEROFLOT, protože za získané bonusy lze dostat slevy na další služby. Tento případ užití je dobré otestovat metodou Cognitive Walkthrough, protože se skládá z jednotlivých definovaných kroků. 7
2 TESTOVÁNÍ 2.1 Testování případů užití 2.1.1 Případ užití 1: Zakoupení letenky na cestu, kterou umožňuje společnost AEROFLOT. Q0: Uživatel chce koupit jednosměrnou letenku z A do B v určitý termín. (Předpokládá se, že uživatel už má otevřené webové stránky společnosti http://www.aeroflot.ru/cms/en/ ). Posloupnost potřebných kroků pro splnění tohoto případu užití je: a. Rezervace letenky, tlačítko Rezervovat letenku. b. Vyplnit potřebné údaje o letu, stisknout Najít lety. c. Vybrat potřebný let, stisknout Pokračovat. d. Vyplnit osobní údaje, stisknout Pokračovat. e. Přijmout smluvní podmínky (v případě odmítnutí nelze dokončit koupení letenky), stisknout Pokračovat. f. Schválení rezervace, zaplacení rezervované letenky, konec zakoupení letenky. Kognitivní průchod: Krok a: Rezervace letenky, tlačítko Rezervovat letenku. Q1: ANO, po otevření je ihned vidět, kam musí uživatel dál (viz obrázek 2.1.1.1). Obrázek 2.1.1. 1 - Cognitive Walkthrough - Rezervace letenky 8
Q2: ANO, má před sebou label Rezervace letenky, což je vlastně cílem uživatele. Q3: ANO, ihned má uživatel před sebou formulář k vyplnění údajů o letu. Krok b: Vyplnit potřebné údaje o letu, stisknout Najít lety. Q1: ANO, je nutné vyplnit údaje. Q2: NE, protože po vyplnění potřebných údajů o letu uživatel musí souhlasit se smluvními podmínkami, dokud to neudělá, neaktivuje se tlačítko Najít lety (viz obrázek 2.1.1.2). Obrázek 2.1.1. 2 - Cognitive Walkthrough - Vyplnění údajů o letu Q3: ANO, jakmile uživatel souhlasí se smluvními podmínkami, aktivuje se tlačítko Najít lety, což je dalším krokem (viz obrázek 2.1.1.2). Nálezy: Standardní procedura zakoupení letenky, kdy cestující musí souhlasit se smluvními podmínkami společnosti. Je možné, že by nezkušený uživatel začal mačkat tlačítko Najít lety, aniž by si všimnul toho zaškrtavacího okénka, ale stejně by nemohl pokračovat. Možné řešení by bylo: napsat upozornění nějakým výraznějším fontem nebo barvou. Krok c: Vybrat potřebný let, stisknout Pokračovat. Q1: ANO, objeví se seznam možných letů podle dřív zadaných údajů, uživatel si může vybrat potřebný let (viz obrázek 2.1.1.3). 9
Obrázek 2.1.1. 3 - Cognitive Walkthrough - Výběr letu Q2: ANO, vybere si potřebný let ze seznamu mu poskytnutých (viz obrázek 2.1.1.3). Q3: NE, tlačítko Pokračovat je pod seznamem letů (seznam může být dlouhým i krátkým, záleží na zvolené cestě (viz obrázek 2.1.1.4)), v tuto chvíli uživatel jen předpokládá, že tlačítko na pokračování by mělo být pod seznamem. Obrázek 2.1.1. 4 - Cognitive Walkthrough - nenabízen žádný let podle požadavků Nálezy: Běžný uživatel by v tomto případě předpokládal, že se tlačítko nachází pod seznamem, proto by žádný problém použitelnosti neměl nastat. Nezkušený uživatel by měl malý zmatek. Možné řešení v tomto případě by mohlo být: po vybrání konkrétního letu by se seznam letů omezil jen na ten vybraný let, a pod tímto řádkem by se objevilo tlačítko na pokračování. 10
Krok d: Vyplnit osobní údaje, stisknout Pokračovat. Q1: ANO, je formulář na vyplnění osobních údajů (musí být vyplněny pole s hvězdičkou) (viz obrázek 2.1.1.5). Obrázek 2.1.1. 5 - Cognitive Walkthrough - Vyplnění osobních údajů Q2: ANO, formulář požaduje po uživateli vyplnění údajů (viz obrázek 2.1.1.5). Q3: ANO, tlačítko Pokračovat je aktivní (viz obrázek 2.1.1.5). Krok e: Přijmout smluvní podmínky (v případě odmítnutí nelze dokončit koupení letenky), stisknout Pokračovat. Q1: ANO, zaškrtavací okénko, které je podmínkou pro pokračévání rezervace letenky (viz obrázek 2.1.1.6). Q2: ANO, přijmutí smluvních podminek. 11
Obrázek 2.1.1. 6 - Cognitive Walkthrough - Smluvní podmínky Q3: ANO, tlačítko Pokračovat je aktivní (viz obrázek 2.1.1.6). Krok f: Schválení rezervace, zaplacení rezervované letenky, konec zakoupení letenky. Q1: ANO, přídavný popis, že rezervace dokončena úspěšně (viz obrázek 2.1.1.7). Q2: ANO, tlačítko Vybrat možnost platby (viz obrázek 2.1.1.7). Q3: ANO, přejde na stránku platby. 12
Obrázek 2.1.1. 7 - Cognitive Walkthrough - Ukončení rezervace 2.1.2 Případ užití 2: Vyhledávání určitého letového řádu (odkud kam). Q0: Uživatel chce vyhledat informace o konkrétnm letu z A do B v určitý termín. (Předpokládá se, že uživatel už má otevřené webové stránky společnosti http://www.aeroflot.ru/cms/en/ ). Posloupnost potřebných kroků pro splnění tohoto případu užití je: a. Stisknout tlačítko Online letový řád. b. Vyplnit potřebné údaje o letu a zjistit potřebné informace o letovém řádu. 13
Kognitivní průchod: Krok a: Stisknout tlačítko Online letový řád. Q1: ANO, s velkou pravděpodobností uživatel najde online letový řád, protože logicky napoví aktivní tab Online služby (viz obrázek 2.1.2.1). Obrázek 2.1.2. 1 - Cognitive Walkthrough - Online letový řád Q2: ANO, je označený barevně element Online letový řád (viz obrázek 2.1.2.1). Q3: ANO, po rozkliknutí se objeví formulář na vyplnění potřebných údajů (viz obrázek 2.1.2.2). Krok b: Vyplnit potřebné údaje o letu, stisknout Najít lety. Q1: ANO, vyplnění formuláře. 14
Obrázek 2.1.2. 2 - Cognitive Walkthrough - Vyhledávání informací o letovém řádu Q2: ANO, po vyplnění formuláře stisknout viditelné tlačítko na pokračování (viz obrázek 2.1.2.2). Q3: ANO, po vyplnění formuláře a stisknutí tlačitka se objeví informace o letových řádech, přesně to, co potřeboval uživatel (viz obrázek 2.1.2.3). Obrázek 2.1.2. 3 - Cognitive Walkthrough - Online letové řády podle požadavků uživatele Nálezy: Jakmile se objeví tabulka s možnými letovými řády, vedle ní vpravo se aktivuje odkaz Rezervovat let, to je pěkné, protože, kdyby uživatel chtěl rezervovat nějaký z poskytnutých letů, tak má možnost si zjednodušit práci a jen kliknout na ten odkaz a už je na půl cesty k zakoupení letenky (viz obrázek 2.1.2.4). 15
Obrázek 2.1.2. 4 - Cognitive Walkthrough - Rezervace letenky s již vyplněnými poli 2.1.3 Případ užití 3: Vyhledávání užitečných cestovních informací před odletem. Pro tento případ užití testuji heuristickou evaluací podle 10 základních heuristik. Nalezené problémy: a. Klikáním na Dokumenty v sekci Cestovní příprava ve hlavním menu kliků se objeví jiná cesta k Dokumenty přes Důležité informace (viz obrázek 2.1.3.1). Porušeno H3: User control and freedom. 16
Obrázek 2.1.3. 1 Heuristic Evaluation Změna cesty b. Jako předchozí nalezený problém, klikáním na Medicínské informace v sekci Cestovní příprava ve hlavním menu kliků se objeví jiná cesta k Dokumenty přes Důležité informace (viz obrázek 2.1.3.2). Porušeno H3: User control and freedom. 17
Obrázek 2.1.3. 2 - Heuristic Evaluation - Změna cesty c. Během testování tohoto případu užití na webových stránkách nebyly nalezeny skoro žádné akcelerátory (zkratky kláves, např. ctrl + s), které umožňují jednodušší ovládání jak webových stránek, tak i dokumentů. Porušeno H7: Flexibility and efficiency of use. d. Nekonzistentní pojmenování webové adresy, ze které není poznat o čem uživatele chce informovat (viz obrázek 2.1.3.3, obrázek 2.1.3.4). Porušeno H4: Consistency and standards. 18
Obrázek 2.1.3. 3 - Heuristic Evaluation - Webová adresa zahrnuje nějaké srozumitelné informace Obrázek 2.1.3. 4 - Heuristic Evaluation - Webová adresa, která neinformuje srozumitelným kontextem e. Reklamy, které jsou vpravo, jsou divně umístěný, nejsou s ničím pořádně zarovnaný. Nedodržují estetický pohled webových stránek (viz obrázek 2.1.3.5). Navíc se mění a blikají, čímž hrozně bijí do očí. Porušeno H8: Aesthetic and minimalist design. 19
Obrázek 2.1.3. 5 - Heuristic Evaluation - Rozmístěná reklama 2.1.4 Případ užití 4: Založení uživatelského účtu společnosti. Q0: Uživatel chce založit účet u společnosti AEROFLOT. (Předpokládá se, že uživatel už má otevřené webové stránky společnosti http://www.aeroflot.ru/cms/en/ ). Posloupnost potřebných kroků pro splnění tohoto případu užití je: A. Stisknout Osobní účet. B. Založit účet. Kognitivní průchod: Krok A: Osobní účet. Q1: ANO, z hlavních stránek se uživatel lehce dostane do Osobního Bonus účtu (viz obrázek 2.1.4.1). 20
Obrázek 2.1.4. 1 - Cognitive Walkthrough - Osobní Bonus účet Q2: ANO, po stisknutí se uživatel dostane dál. Q3: ANO, objeví se formulář na vyplnění údajů, které jsou nutné k vytvoření tohoto účtu (viz obrázek 2.1.4.2). Krok B: Založit účet. Q1: ANO, ten formulář, který se zobrazuje, předpokládá, že uživatel účet už má. Kdyby chtěl uživatel založit úplně nový účet, tak by musel stisknout 1 ze 3 možností v dolní části stránky (viz obrázek 2.1.4.2). Obrázek 2.1.4. 2 - Cognitive Walkthrough - Založení osobního účtu Q2: ANO, velký formulář, který je potřeba vyplnit na založení účtu (viz obrázek 2.1.4.3). 21
Obrázek 2.1.4. 3 - Cognitive Walkthrough - Vyplnění formuláře na založení účtu Q3: ANO, po vyplnění celého formuláře, uživatel musí souhlasit se smluvními podmínkami a stisknout tlačítko Vytvořit nový účet (viz obrázek 2.1.4.4). Obrázek 2.1.4. 4 - Cognitive Walkthrough - Dokončení vytvoření nového účtu Nálezy: Pro nezkušeného uživatele těchto webových stránek by byly potíže s hledáním správného tlačítka na vytvoření nového účtu, protože původně systém předpokládá tlačítkem Osobní Bonus účet již zaregistrovaného uživatele, a formuláře na přihlášení a založení účtu jsou v něčem podobné. 22
2.2 Přehled všech nálezů Hodnocení závažností nalezených problémů použitelnosti. Podle Nielsena, závažnost problému použitelnosti je kombinací tří faktorů: Frekvence, s níž dochází k problému: je běžný nebo vzácný problém? Dopad problému, pokud k němu dojde: bude snadné nebo obtížné uživateli překonat problém? Přetrvávání problému: je to one-time problém, který uživatel může překonat, jakmile se o něm dozví, problém obtěžuje uživatele opakovaně? Každý problém použitelnosti bude hodnocen na základě odpovědí na tři výše uvedené otázky podle priorit ve stupnici 0-4: 0 not a usability problem 1 cosmetic problem (need not be fixed unless extra time is available on project) 2 small usability problem (fixing this should be given low priority) 3 usability problem, important to be removed (important to fix, so should be given high priority) 4 red flag problem, must be removed (imperative to fix this before product can be released) 2.2.1 Problémy nalezené metodou Cognitive Walkthrough. Problém 1: Skoro neviditelné malé zaškrtavací okénko na potvrzení se smluvními podmínkami. Řešení: Upozornit na toto okénko nějakým výraznějším fontem nebo barvou. Priorita: 1. Problém 2: Zmatek při hledání nutného tlačítka. Řešení: Omezit seznam letů po vybrání potřebného letu na jeden řádek, tím tlačítko ihned bude k dispozici. Priorita: 2. Problém 3: Je místo vhodného tlačítka odkaz, ale bylo by mnohem přehlednější tlačítko. Řešení: Změnit label na button. Priorita: 1. Problém 4: Nevhodné rozmíštění elementů, potřebných k vytvoření nového účtu. Řešení: Jen přemístit tyto elementy do horní části webové stránky. Priorita: 2. 23
2.2.2 Problémy nalezené metodou Heuristic Evaluation. Problém 1: Nesrozumitelné webové adresy, které nejsou schopny uživateli poskytnout správnou informaci a zorientovat se. Řešení: Ošetřit možné špatné webové adresy. Priorita: 2. Problém 2: Není umožněno jednodušší ovládání webových stránek. Řešení: Přidat akcelerátory (speciální zkratky kláves). Priorita: 1, (protože ne každý běžný uživatel ví o těchto zkratkách). Problém 3: Zmatek v cestách na webových stránkách (uživatel prošel jednou cestou, ale vypsala se mu jiná cesta). Řešení: Opravit správné pospojování kusů cesty, kterou by mohl projít uživatel. Priorita: 3. Problém 4: Estetická nespokojenost s rozmíštěním zbytečných elementů, jako reklama. Řešení: Vybrat lepší místo pro reklamu na webových stránkách, v dolní části, aby si ji uživatel nevšimal každou chvíli. Priorita: 2 3 ZÁVĚR Během této semestrální práce, kde se testovaly webové stránky letecké společnosti AEROFLOT, byly ověřeny metodou Cognitive Walkthrough a metodou Heuristic Evaluation některé případy užití. Testování nalezlo několik problémů použitelnosti, kde jsou některé z nich jen kosmetické, ale některé z nich je nutno i vyřešit pro zvýšení efektivity. Celkový dojem po testování těchto stránek je dost pozitivní. V podstatě, webové stránky společnosti AEROFLOT fungují, jak mají, a jsou dobře zaměřeny na zákazníka. 24