Testování Mapy.cz Semestrální práce z předmětu Testování uživatelského rozhraní David Říha rihadav4@fel.cvut.cz
Obsah Obsah... 2 1. Úvod... 3 1.1. Popis aplikace... 3 1.2. Cílová skupina... 3 2. Test bez uživatele... 3 2.1. Přehled testovaných use cases... 3 2.1.1. Vytvořit trasu autem z místa A do místa B... 3 2.1.2. Najít zadané místo ve městě a nejbližší zastávku MHD... 3 2.1.3. Vyhledání specifické restaurace ve městě... 3 2.1.4. Vyhledání zajímavého turistického cíle v okolí... 4 2.2. Popis testovacích metod... 4 2.3. Scénáře jednotlivých případů... 4 2.3.1. Vytvořit trasu autem z místa A do místa B... 4 2.3.2. Najít zadané místo ve městě a nejbližší zastávku MHD... 5 2.3.3. Vyhledání specifické restaurace ve městě... 6 2.3.4. Vyhledání zajímavého turistického cíle v okolí... 7 2.4. Vyhodnocení testu... 8 2.4.1. Kognitivní průchod a heuristická evaluace... 8 2.4.2. Priority nálezů... 9 3. Závěr... 9
1. Úvod 1.1. Popis aplikace Webový server Mapy.cz poskytuje mapy České Republiky a jejího okolí přizpůsobené požadavkům českého uživatele. Umožňuje vyhledávat, plánovat trasy různých typů, měřit vzdálenosti, nabízí různé druhy map. 1.2. Cílová skupina Internetově gramotní uživatelé, kteří někam jedou a potřebují plán, hledají nějaké konkrétní nebo specifické místo, potřebují se zorientovat v mapě nebo něco změřit. Také lze za cílovou skupinu považovat uživatele, kteří potřebují s někým sdílet mapu. 2. Test bez uživatele 2.1. Přehled testovaných use cases 2.1.1. Vytvořit trasu autem z místa A do místa B V tomto případě budeme testovat jakým způsobem uživatel může naplánovat trasu autem z adresy Lidické Náměstí 1, Ústí nad Labem do adresy Technická 2, Praha. Vyhledávání trasy patří určitě mezi jedno z nejčastějších použití mapy.cz a proto je potřeba to otestovat. Tímto testem zjistíme, jestli jsou mapy schopné odpovědět na přesné zadání. 2.1.2. Najít zadané místo ve městě a nejbližší zastávku MHD V tomto případě se pokusíme vyhledat adresu Karlovo Náměstí 293/13, Praha a lokalizovat nejbližší zastávku a zjistit, které spoje na ni jezdí. Tento postup používá mnoho lidí, nejčastěji když se potřebují někam dostat za pomoci MHD a nevědí kde to je a jak se tam dostat z jejich současného místa. Mapy.cz by jim v tomto měly poradit. Můžeme očekávat nedostatky například při větším počtu zastávek metra, kdy z mapy pravděpodobně nepůjde příliš dobře vyčíst ze kterého východu vyjdeme. 2.1.3. Vyhledání specifické restaurace ve městě V tomto kroku se pokusíme vyhledat pizzerii v centru prahy. Uživatelé určitě často hledají nějaké takové specifické místo a doufají, že mapy.cz jim s tím pomohou. Mohlo by se stát, že
to mapy.cz nezvládnou a najdou nerelevantní výsledky a také to, že nebude zcela jasné kde přesně se pizzerie nachází a jak vypadá. 2.1.4. Vyhledání zajímavého turistického cíle v okolí V tomto kroku se pokusíme vyhledat zajímavé turistické místo v okolí Ústí nad Labem pomocí aplikace Můj batůžek. Můj batůžek by měla být aplikace, která nabízí zajímavá turistická místa v okolí. Dívat se do mapy a hledat zajímavá místa je určitě jedno z častých použití mapy.cz a aplikace by na to měla být přizpůsobená. Je však možné, že některá zajímavá místa se do hledáčku mapy.cz nedostanou. 2.2. Popis testovacích metod Použijeme dva druhy testů kognitivní průchod a heuristickou evaluaci. Kognitivní průchod se používá k otestování jednotlivých případů užití, postupuje se po jednotlivých krocích a hodnotí se jejich srozumitelnost. V metodě heuristické evaluace používáme tabulku heuristik podle Jakoba Nielsena a hodnotíme, jestli v nějakém místě aplikace není nedostatek související s konkrétním bodem v heuristické tabulce. 2.3. Scénáře jednotlivých případů 2.3.1. Vytvořit trasu autem z místa A do místa B 1) Vpravo nahoře kliknu na Plánování 2) Otevře se sekce s dvěma políčky, tam zadám místo odjezdu a místo příjezdu
3) Dále si můžu vybrat, jestli využiji nejkratší nebo nejrychlejší cestu a placené úseky 2.3.2. Najít zadané místo ve městě a nejbližší zastávku MHD 1) Do pole pro vyhledávání zadám adresu a kliknu na lupu 2) Podívám se na mapu, najdu nejbližší zastávky kolem cílového bodu a kliknu na ně abych se dozvěděl více informací
2.3.3. Vyhledání specifické restaurace ve městě 1) Do vyhledávacího pole zadáme pizzerie, Praha, potvrdíme stiskem lupy 2) Přiblížíme se do centra Prahy buď klikáním na shluky nebo kolečkem myši 3) Klikneme na některou z restaurací (červený puntík) pro více informací
2.3.4. Vyhledání zajímavého turistického cíle v okolí 1) Přiblížíme se k Ústí nad Labem a klikneme na Můj Batůžek 2) Vybereme z nabídky turistické místo a klikneme na něj
2.4. Vyhodnocení testu 2.4.1. Kognitivní průchod a heuristická evaluace 0) OTÁZKY A. Bude uživateli zřejmé co udělat? B. Bude uživatel vědět jak to udělat? C. Dostane uživatel dostatečnou odezvu? 1) Trasa autem krok/otázka A B C 1 kliknout na Plánování ANO ANO ANO 2 zadat odjezd příjezd ANO ANO ANO 3 vybrat cestu NE 1 ANO ANO 1 NÁLEZ 1: Uživatel by si nemusel všimnout že mu to automaticky vyhledalo placené úseky. Možné řešení by bylo navrhnout přímo v mapě více cest a označit je popiskem placené/zdarma. HEURISTICKÁ EVALUACE Předchozí uvedený bod zároveň nedostatečně splňuje heuristiku Error Prevention. 2) Nejbližší zastávka krok/otázka A B C 1 zadat adresu ANO ANO ANO 2 kliknout na zastávku ANO ANO ANO Za dobrý benefit lze považovat, že uživatel při kliknutí na zastávku dostane rovnou i fotku z místa a může do ní kliknout a rozhlédnout se kolem. Také vidí nejbližší časy odjezdů na zvolené zastávce, což je určitě také plus. HEURISTICKÁ EVALUACE NÁLEZ 2: Za zvážení by stála úprava podle heuristiky Recognition rather than recall, která říká, že by si uživatel neměl muset pamatovat dřívější hodnoty. Tzn. pokud klikne na jednu zastávku, podívá se na linky a pak se podívá na jinou zastávku, tak už si nepamatuje všechny linky co jezdí na první vybranou zastávku (pokud jich bylo hodně). Mohla by se například nad každou kliknutou zastávkou objevit bublina s čísly linek a nemizet dokud ji uživatel nezavře. NÁLEZ 3: Dále fotografie z místa lehce narušuje heuristiku Match between system and the real world, jelikož fotografie není z místa zastávky ale obvykle ze silnice. 3) Specifická restaurace krok/otázka A B C 1 zadat pizzerie Praha ANO ANO ANO 2 - přiblížení ANO ANO ANO 3 klik na restauraci ANO ANO ANO
Díky přiložené fotografii uživatel získá konkrétní představu kde restaurace je a jak vypadá, díky otevírací době, telefonu a popisu dokonce zjistí, jestli to je přesně takové restaurace kterou hledá. HEURISTICKÁ EVALUACE Žádné nálezy. 4) Zajímavé místo krok/otázka A B C 1 přiblížení, batůžek NE 4 ANO ANO 2 klik na místo ANO ANO ANO 4 NÁLEZ 4: Uživatel by nemusel pochopit že Můj batůžek znamená zajímavá turistická místa. Možné řešení by bylo napsat místo Můj batůžek třeba Turistika v okolí. Jako bonusovou funkci vnímám otevírací dobu a vstupné. HEURISTICKÁ EVALUACE Žádné nálezy. 2.4.2. Priority nálezů NÁLEZ 1 Placené úseky Vysoká priorita, uživatel může reálně dojít k finanční škodě NÁLEZ 2 Více linek na více zastávkách Nízká priorita, uživatel si nějak poradí NÁLEZ 3 Fotografie zastávky Střední priorita, uživatel se špatným orientačním smyslem se může ztratit NÁLEZ 4 Můj batůžek Vysoká priorita, uživatel si toho nemusí všimnout a funkci vůbec nepoužít 3. Závěr Obecně na mě mapy.cz působí mnohem přívětivěji než konkurenční maps.google.com a to zejména proto, že mapy.cz jednoduše nabízejí věci které potřebuji zastávky, trasy metra, měření vzdáleností atd. A hlavně v poslední době jsou mapy od googlu strašlivě pomalé a proto jejich používání pro mě nepřipadá v úvahu. Tímto testováním jsem si ověřil, že mapy.cz bez většího množství nedostatků nabízejí přesně to, co potřebuji.