České vysoké učení technické v Praze
Testování webu azair.eu bez uživatele
Předmět: Testování uživatelského rozhraní ZS 2014/2015 Bohuslav Koukal
[email protected]
1. Obsah 1. OBSAH .......................................................................................................................................................... 1 2. POPIS WEBU ................................................................................................................................................. 3 2.1. KLÍČOVÉ CHARAKTERISTIKY .................................................................................................................................. 3 3. CÍLOVÁ SKUPINA .......................................................................................................................................... 3 4. METODIKA TESTU ......................................................................................................................................... 3 4.1. KOGNITIVNÍ PRŮCHOD ....................................................................................................................................... 3 5. TESTOVANÉ PŘÍPADY UŽITÍ .......................................................................................................................... 4 6. SCÉNÁŘE PRŮCHODU A JEJICH PROVEDENÍ .................................................................................................. 4 6.1. POČÁTEČNÍ STAV TESTŮ ...................................................................................................................................... 4 6.2. SCÉNÁŘ 1 ........................................................................................................................................................ 6 6.2.1. Zadání ................................................................................................................................................... 6 6.2.2. Průchod a výsledky ............................................................................................................................... 6 6.2.3. Záznamy obrazovky .............................................................................................................................. 6 6.2.4. Komentář .............................................................................................................................................. 9 6.3. SCÉNÁŘ 2 ........................................................................................................................................................ 9 6.3.1. Zadání ................................................................................................................................................... 9 6.3.2. Průchod a výsledky ............................................................................................................................... 9 6.3.3. Záznamy obrazovky ............................................................................................................................ 10 6.3.4. Komentáře .......................................................................................................................................... 11 6.4. SCÉNÁŘ 3 ...................................................................................................................................................... 11 6.4.1. Zadání ................................................................................................................................................. 11 6.4.2. Průchod a výsledky ............................................................................................................................. 11 6.4.3. Záznamy obrazovky ............................................................................................................................ 11 6.4.4. Komentáře .......................................................................................................................................... 13 6.5. SCÉNÁŘ 4 ...................................................................................................................................................... 14 6.5.1. Zadání ................................................................................................................................................. 14 6.5.2. Průchod a výsledky ............................................................................................................................. 14 6.5.3. Záznamy obrazovky ............................................................................................................................ 14 6.5.4. Komentáře .......................................................................................................................................... 14 6.6. SCÉNÁŘ 5 ...................................................................................................................................................... 14 6.6.1. Zadání ................................................................................................................................................. 14 6.6.2. Průchod a výsledky ............................................................................................................................. 14 6.6.3. Záznamy obrazovky ............................................................................................................................ 15 6.6.4. Komentáře .......................................................................................................................................... 15 7. SEZNAM NÁLEZŮ, NÁVRHY ZLEPŠENÍ ......................................................................................................... 15 7.1. Při výběru data v kalendáři Depart doonest on se po vybrání měsíce zobrazí Selected: Today. ........... 15 7.2. Při výběru data v kalendáři Return latest on se po vybrání měsíce nezobrazí informační hláška. ........ 15 7.3. Při jednosměrné cestě je nadpis kalendáře Return latest on místo Depart latest on. ........................... 15 7.4. Při vyhledávání letů není zobrazeno, co se děje, ani jak dlouho se to bude dít. .................................... 15 7.5. Systém neumožňuje zadání letiště + všech letišť v okolí podle vzdálenosti (např. Prague + 250 km) ... 15 7.6. Při přidávání letišť nelze v našeptávacím minidialogu potvrdit, že uživatel již zadal všechna letiště. Je zapotřebí kliknout někam vedle, aby se dialog schoval. ............................................................................... 16 7.7. Vyhledávač nezná často používané zkratky názvů států (USA). ............................................................ 16
1
7.8. Výsledky vyhledávání neinformují o tom, že některý let je obsazený. ................................................... 16 7.9. U některých letenek není funkční zobrazení historie ceny letu. ............................................................. 16 7.10. Chybí nápověda o segmentech, z nichž se dá vybírat. ......................................................................... 16
2
2. Popis webu Webové stránky azair.eu. AZair slouží jako srovnávač cen a dostupnosti letů jednotlivých leteckých přepravců. Srovnání provádí na základě dat dostupných v rezervačních systémech jednotlivých leteckých společností.
2.1. Klíčové charakteristiky Jedná se o plochý (jednoúrovňový) web. Nejdůležitější funkcionalita je obsažena v relativně rozsáhlém formuláři na úvodní stránce, který umožňuje nastavení mnoha parametrů vyhledávání. Výsledky vyhledávání je možné řadit podle různých parametrů, dále stránka nabízí možnost zobrazení škály detailů o nalezených spojích a především možnost prokliku na stránky letecké společnosti s následnou rezervací letenek.
3. Cílová skupina Cestovatelé, kteří hledají nejlevnější letenky. Mají často přibližné datum (léto 2015) a destinaci (severní Evropa, středoamerické ostrovy) a chtějí najít nejlepší možnou cenu. Není příliš vhodný pro uživatele, kteří potřebují lety na přesné datum a místo. Uživatelé tohoto webu jsou tedy většinou zcestovalí, znají cizí jazyky a ohledně používání nejrůznějších webových a mobilních aplikací jsou zkušení (používají nejrůznější vyhledávače letenek, hotelů, informací o destinacích apod.).
4. Metodika testu 4.1. Kognitivní průchod Pro test byl vybrán kognitivní průchod. Tato metoda je vhodná v případě jasně dané sekvence kroků, která vede uživatele k cíli (aplikace typu bankomat). Metoda kognitivního průchodu naopak není příliš použitelná v aplikacích, kde není jasně daná sekvence kroků, vedoucí ke splnění úkolu (textový procesor, IDE apod.). V každém kroku průchodu jsou položeny následující otázky: Q1 – Je uživateli zřejmý následující krok? Q2 – Spojí si uživatel popisek akce se svým cílem? Q3 – Dostane uživatel odpovídající zpětnou vazbu? Výsledkem testu je seznam předpokládaných chyb v návrhu aplikace.
3
5. Testované případy užití 1. Vyhledání nejlevnějšího spojení z konkrétního města (Praha) do konkrétního města (New York) v červnu 2015. 2. Vyhledání nejlevnějšího spojení z okolí konkrétního města (Praha+250km) do státu (USA) v červnu 2015. 3. Proklik na stránky letecké společnosti pro objednání letenky, nalezené v bodě 2. 4. Zobrazení historie cen pro letenku, nalezenou v bodě 2. 5. Vyhledání nejlevnějšího spojení z cestovního segmentu (pobaltské státy) do jiného cestovního segmentu (řecké ostrovy), nezávisle na termínu.
6. Scénáře průchodu a jejich provedení 6.1. Počáteční stav testů Počáteční stav testu 1, 2 a 5 je zachycen na následujících záznamech obrazovky. Test 3 a 4 začínají ve stavu, ve kterém skončil test 2.
4
5
6.2. Scénář 1 6.2.1. Zadání Vyhledání nejlevnějšího spojení z konkrétního města (Praha) do konkrétního města (New York) v červnu 2015. 6.2.2. Průchod a výsledky Krok 1. Vyplnit políčko from (Prague) 2. Vyplnit políčko to (New York) 3. Místo Return zaškrtnout One-Way 4. Depart soonest on (June 2015) 5. Vybrat 1st June 6. Return latest on (30 June 2015) 7. Zaškrtnout Max changes 2 8. Kliknout na SEARCH 9. Zobrazit detaily cesty – kliknout na cestu 6.2.3. Záznamy obrazovky Krok 1 - Vyplnit políčko from (Prague)
Krok 2 - Vyplnit políčko to (New York)
6
Q1 Y Y Y Y Y Y Y Y Y
Q2 Y Y Y Y Y N Y Y Y
Q3 Y Y Y N N N Y N Y
Krok 4 - Depart soonest on (June 2015)
Krok 5 - Vybrat 1st June
Krok 6 - Return latest on (30 June 2015)
7
Krok 7 - Zaškrtnout Max changes 2
Krok 9 - Zobrazit detaily cesty – kliknout na cestu
8
6.2.4. Komentář Krok 4: Uživatel chce vybrat nejdřívější možný odlet, tuto akci si spojí s popiskem Depart soonest on. Po kliknutí na June 2015 se mu však zobrazí malá hláška Selected: dnešní datum. Tvůrci aplikace tak říkají: „Kliknutím na červen 2015 jste vybrali dnešek“. Navržená odezva by měla být ve smyslu „Vybrali jste měsíc nejdřívějšího odletu, teď ještě vyberte den“. Krok 5: Zatímco v minulém kroku po vybrání měsíce vyskočila malá žlutá hláška, v tomto kroku se sice vybraný den zabarví odlišnou barvou, informační hláška se už ale nezobrazí. Krok 6: Uživatel sice ví, že chce nějakým způsobem zadat, že nejpozději chce letět 30. června (Q1), ale nadpis tabulky pro výběr koncového data Return latest on by se měl měnit podle toho, zda je zaškrtnuto One-way nebo Return. V tomto případě by měl znít Depart latest on. Jinak je vysoké riziko, že uživatel tento krok bude považovat za nesouvisející s jeho hledáním, úplně ho přeskočí a bude tedy vyhledávat lety pouze v rámci jednoho dne. Krok 8: Po kliknutí na tlačítko Search se několik sekund nic neděje a uživatel neví, zda nekliknul nějak špatně. Ideální by bylo ihned po kliknutí zobrazit novou stránku s textem typu: Vyhledáváme pro vás ty nejlepší spoje, do dvaceti sekund se dozvíte výsledek!
6.3. Scénář 2 6.3.1. Zadání Vyhledání nejlevnějšího spojení z okolí konkrétního města (Praha+250km) do státu (USA) v červnu 2015.
6.3.2. Průchod a výsledky Krok 1. Napsat Prague do pole FROM 2. Kliknout na Add more airports 3. Zaklikat požadovaná letiště 4. Kliknout někam vedle, aby našeptávač zmizel 5. Napsat United States do pole TO 6. Opakovat 4-9 z předchozího bodu
Q1 Y
Q2 Y
Q3 Y
N
Y
Y
Y Y
Y N
Y Y
Y
N
Y
Stejné jako v předchozím bodu
9
6.3.3. Záznamy obrazovky Krok 3 - Zaklikat požadovaná letiště
Krok 5 - Napsat United States do pole TO
10
6.3.4. Komentáře Krok 2: Uživateli nemusí být jasné, že potřebuje zadat všechna letiště, ze kterých chce let vyhledávat. Může očekávat, že to systém udělá za něj např. po zadání dotazu Prague + 250 km (viz Obrázek 6.3.4.1). Pokud ale ví, že musí ručně přidat letiště, pak je výsledek Q2 i Q3 pozitivní. Krok 4: Uživatel chce potvrdit, že zadal již všechna letiště. Kliknutí vedle do volného prostoru je sice standardní postup pro to, aby zmizel našeptávač, ale složitost tohoto našeptávače se blíží spíš dialogovému oknu. Proto bych v našeptávači očekával možnost kliknout na tlačítko typu „All airports added“. Krok 5: Uživatel ví, že chce letět do USA, ale tuto akci si nemusí spojit s textem „United States“, který musí do políčka zapsat. Minimálně středoevropský uživatel se bude pokoušet tuto zemi zapsat používanou zkratkou USA (viz obrázek 6.3.4.1). Obrázek 6.3.4.1
6.4. Scénář 3 6.4.1. Zadání Proklik na stránky letecké společnosti pro objednání letenky, nalezené v bodě 2. 6.4.2. Průchod a výsledky Krok Q1 1. Kliknout na Book Y flight u první letenky 2. Kliknou na Book Y flight u druhé letenky
Q2 Y
Q3 Y
Y
?
6.4.3. Záznamy obrazovky Krok 1 – před kliknutím
11
Krok 1 – přesměrování na prvního dopravce
Krok 1 - Vstupní stránka prvního dopravce
12
Krok 2 - Přesměrování na druhého dopravce
Krok 2 - Vstupní stránka druhého dopravce
6.4.4. Komentáře Průchod je uživateli jasný, popisek tlačítka je dobrý (you will be redirected to the particular airline). I samotné přesměrování uživatele informuje o tom, co se právě děje. Vstupní stránka je odpovídající, všechny parametry letenky souhlasí s tím, co uživatel zadal a viděl na azair. Problém se vyskytne ve chvíli, kdy se uživatel pokouší zarezervovat obsazený let. Na azair sice viděl malý červený vykřičník Failed to obtain actual price, ale ve výsledcích vyhledávání by se takový let buď zobrazovat neměl (popř. by měla být možnost zobrazení takových letů zapnout/vypnout) nebo by měl být status takového letu jasnější (failed to obtain actual price není totéž, co selected flight is fully booked).
13
6.5. Scénář 4 6.5.1. Zadání Zobrazení historie cen pro letenku 6.5.2. Průchod a výsledky Krok 1. Kliknout na ikonu
Q1 Y
Q2 Y
Q3 N
6.5.3. Záznamy obrazovky Krok 1 - popisek
Krok 1 – výsledek akce
6.5.4. Komentáře Nápověda u ikonky pro zobrazení historie ceny letu je jasná. Po kliknutí však místo toho, aby vyskočilo pop-up okno s grafem, detail letu se zavře. U jiných letů se graf objeví, nejedná se tedy o chybu návrhu rozhraní, ale nejspíš o chybu backendové logiky.
6.6. Scénář 5 6.6.1. Zadání Vyhledání spojení z cestovního segmentu (pobaltské země) do jiného cestovního segmentu (řecké ostrovy), nezávisle na termínu. 6.6.2. Průchod a výsledky Krok 1. Do pole From zadat Baltic countries 2. Do pole To zadat Greece Islands
Q1 Y
Q2 N
Q3 Y
Y
N
Y
14
6.6.3. Záznamy obrazovky
6.6.4. Komentáře Uživateli je sice jasné, že chce letět z pobaltských zemí na řecké ostrovy, ale jak to vlastně do těch políček zadat? Baltic countries ho asi ještě napadne, ale ty řecké ostrovy, jsou to Greece Islands nebo snad Greek Islands? A co kdyby chtěl místo pobaltských zemí napsat Lotyšsko + Estonsko + Litva? Použitelnost by se dala zvýšit např. zaklikávací mapkou (např. pod Advanced settings) nebo nápovědou se seznamem cestovních segmentů a syntaxe jejich kombinací, které azair rozumí.
7. Seznam nálezů, návrhy zlepšení 7.1. Při výběru data v kalendáři Depart doonest on se po vybrání měsíce zobrazí Selected: Today. Řešení: Místo této informace zobrazit: „You’ve selected the month, now please select the day of soonest departure“. Priorita: Střední 7.2. Při výběru data v kalendáři Return latest on se po vybrání měsíce nezobrazí informační hláška. Řešení: Zobrazit informační hlášku: „You’ve selected the month, now please select the day of latest return/latest departure“ (viz nález 7.3). Priorita: Nízká 7.3. Při jednosměrné cestě je nadpis kalendáře Return latest on místo Depart latest on. Řešení: Přejmenovat kalendář podle toho, zda je zaškrtnuto One-Way/Return. Priorita: Vysoká 7.4. Při vyhledávání letů není zobrazeno, co se děje, ani jak dlouho se to bude dít. Řešení: Tyto informace zobrazit ihned po kliknutí na tlačítko Search. Priorita: Nízká (vyhledávání trvá řádově sekundy) 7.5. Systém neumožňuje zadání letiště + všech letišť v okolí podle vzdálenosti (např. Prague + 250 km) Řešení: Umožnit tuto funkci. Priorita: Střední
15
7.6. Při přidávání letišť nelze v našeptávacím minidialogu potvrdit, že uživatel již zadal všechna letiště. Je zapotřebí kliknout někam vedle, aby se dialog schoval. Řešení: Do dialogového našeptávače Add more airports přidat tlačítko All required airports added. Priorita: Nízká 7.7. Vyhledávač nezná často používané zkratky názvů států (USA). Řešení: Umožnit uživateli zadat Spojené státy americké nejen jako United States, ale i jako USA nebo US. Priorita: Střední 7.8. Výsledky vyhledávání neinformují o tom, že některý let je obsazený. Řešení: Místo hlášky Failed to obtain actual price zobrazovat This flight is fully booked at the moment. Priorita: Střední 7.9. U některých letenek není funkční zobrazení historie ceny letu. Řešení: U letů, kde není toto zobrazení funkční, chybu napravit (pravděpodobně na straně backendu). Priorita: Střední 7.10. Chybí nápověda o segmentech, z nichž se dá vybírat. Řešení: Vypracovat nápovědu se seznamem segmentů a syntaxí jejich kombinací, popř. vytvořit zaklikávací mapku. Priorita: Nízká
16
