Testování použitelnosti webové aplikace Studentagency.cz
Tomáš Ivanič Ondřej Chvíla Lukáš Chvátal Jakub Berka Petr Frantál
1
Obsah 1.
2.
3.
4.
Úvod .............................................................................................................................. 4 1.1.
Předmět testování ................................................................................................... 4
1.2.
Stručný popis testování ........................................................................................... 4
Testování ....................................................................................................................... 5 2.1.
Testování použitelnosti ........................................................................................... 5
2.2.
Usability lab ............................................................................................................ 5
2.3.
Místnost participantů ............................................................................................... 5
2.4.
Místnost pozorovatelů ............................................................................................. 5
2.5.
Použitý software ..................................................................................................... 5
Uživatelé ........................................................................................................................ 6 3.1.
Screener ................................................................................................................. 6
3.2.
Cílová skupina ........................................................................................................ 6
3.3.
Dotazník před testem .............................................................................................. 6
3.4.
Dotazník po testu .................................................................................................... 6
Výsledky testování ......................................................................................................... 7 4.1.
Participant 1 ............................................................................................................ 7
4.1.1.
Pre-test ............................................................................................................ 7
4.1.2.
Úkoly ............................................................................................................... 7
4.1.3.
Post-test .......................................................................................................... 8
4.2.
Participant 2 ............................................................................................................ 8
4.2.1.
Pre-test ............................................................................................................ 8
4.2.2.
Úkoly ............................................................................................................... 8
4.2.3.
Post-test .......................................................................................................... 9
4.3.
Participant 3 ............................................................................................................ 9
4.3.1.
Pre-test ............................................................................................................ 9
4.3.2.
Úkoly ............................................................................................................... 9
4.3.3.
Post-test ........................................................................................................ 10
4.4.
Participant 4 .......................................................................................................... 10
4.4.1.
Pre-test .......................................................................................................... 10
4.4.2.
Úkoly ............................................................................................................. 10
4.4.3.
Post-test ........................................................................................................ 11
4.5.
Participant 5 .......................................................................................................... 11
4.5.1.
Pre-test .......................................................................................................... 11
4.5.2.
Úkoly ............................................................................................................. 12
2
4.5.3. 5.
Post-test ........................................................................................................ 12
Nalezené problémy a doporučení na jejich řešení ........................................................ 13 5.1.
Míry závažností problémů a jejich vysvětlení ........................................................ 13
5.2.
Problémy .............................................................................................................. 13
Problém 1: Velká nekonzistence UI StudentAgency.cz ................................................ 13 Problém 2: Špatný návrh menu na hlavní stránce ........................................................ 14 Problém 3: Špatně implementované vyhledávání......................................................... 14 Problém 4: Grafická úprava stránek a obtékání textu ................................................... 15 Problém 5: Špatné umístění Vánočního dárkového poukazu ....................................... 16 Problém 7: Umístění smluvních přepravních podmínek pro autobusové spoje ............. 17 Problém 8: Umístění kritérií pro jazykový pobyt............................................................ 17 6.
Závěr ........................................................................................................................... 18
7.
Přílohy ......................................................................................................................... 18 7.1.
Screener ............................................................................................................... 18
7.2.
Výsledky screeneru............................................................................................... 19
7.3.
Dotazník před testem ............................................................................................ 19
7.4.
Instrukce ............................................................................................................... 20
7.5.
Dotazník po testu .................................................................................................. 21
3
1. Úvod 1.1. Předmět testování Tato semestrální práce obsahuje analýzu použitelnosti uživatelského rozhraní webové aplikace Studentagency.cz prostřednictvím testu použitelnosti s uživateli. Student Agency je inovativním hráčem na trhu autobusové i železniční dopravy, dovolených a studijních pobytů. Své služby nabízí ke sjednání online prostřednictvím webové aplikace na výše uvedené adrese.
1.2. Stručný popis testování Uživatelské rozhraní aplikace je analyzováno testováním s uživateli. Při tomto testování uživatelé ve speciálním prostředí simulují průchod aplikací. Tímto prostředím je laboratoř použitelnosti, kde je uživatel - participant monitorován testovacím týmem. Zároveň ale laboratoř maximálně připomíná prostředí, ve kterém uživatelé aplikaci běžně používají místnost v jejich domě. Participanti testují web plněním předepsaných instrukcí - úkolů, které na webu vykonávají. Průběh plnění úkolů a jejich výsledky jsou zapisovány Podrobněji je postup testování popsán v následujících kapitolách.
4
2. Testování 2.1. Testování použitelnosti Tento test odhalí drobné problémy, které se na testovaném programu či webové stránce nacházejí. Dozvíte se, jak se uživatel orientuje v daném prostředí a které jednotlivé prvky nejsou srozumitelné. Test probíhá v laboratoři použitelnosti (viz Usability lab) a participant je sledován a zaznamenáván v průběhu plnění předem daných netriviálních úkolů. Stejné úkoly pak plní ostatní i ostatní participanti. Výsledkem testování by měli být zpráva s nalezenými problémy.
2.2. Usability lab Laboratoř pro testování použitelnosti jsou obvykle dvě místnosti observer room(viz Místnost pozorovatelů) a participant room(viz Místnost participantů). Laboratoř slouží pro testování webů, PC programů či mobilních aplikací.
2.3. Místnost participantů Místnost, kde probíhá testování. Participant plní zadané úkoly a jeho chování v uživatelském prostředí, které se ukládá a v reálném čase přenáší do místnosti pozorovatelů, kde se později analyzuje. Participant při řešení úloh popisuje, co dělá a co se snaží najít. Tento audio záznam se také přenáší a pomáhá pozorovatelům pochopit myšlenkové pochody participanta.
2.4. Místnost pozorovatelů Místnost, kde organizátoři pozorují participanta při plnění zadaných úkolů a zapisují si poznámky, jak se participant v testovaném prostředí chová. Během testování mohou participanta instruovat pomocí mikrofonu. Získaná data zde poté analyzují, aby mohli navrhnout uživatelské rozhraní, které je pro uživatele zřejmé.
2.5. Použitý software K testování byl použit speciální software určený pro laboratoře použitelnosti od společnosti TechSmith Morae. Tento software je rozdělen do dvou, jeden je nainstalován v místnosti participantů - Morae Recorder a v místností pozorovatelů byl použit Morea Observer. Díky tomuto programu je celý průběh testování zaznamenáván a umožňuje pozorovatelům si zapisovat poznámky o jednotlivých úkolech v čase.
5
3. Uživatelé 3.1. Screener Jedná se o dotazník, pomocí kterého se vybírají participanti. Otázky směřují na vlastnosti, které u participantů požadujeme. V našem případě například jak často cestují, jezdí-li na dovolené. Participanty se mohou stát pouze ti, kteří na otázky ve screeneru odpoví námi chtěným způsobem. Námi použitý screener je přiložen v kapitole přílohy.
3.2. Cílová skupina Participanti pro náš test pravidelně cestují, jezdí na dovolené a zajímají se o možnost rezervování jízdenek online?
3.3. Dotazník před testem Tento dotazník slouží ke zjištění dodatečných vstupních informací. Na otázky v něm již odpovídá člověk, který prošel screenerem, tedy má požadované vlastnosti a byl vybrán pro test použitelnosti. V dotazníku před testem se ptáme na informace týkající se testované problematiky. V našem případě tedy zdali participant již někdy využil nějaké ze služeb Student Agency atd. Námi použitý dotazník před testem je přiložen v kapitole přílohy.
3.4. Dotazník po testu Poté, co skončí vlastní test použitelnosti, participant absolvuje závěrečný rozhovor s moderátorem testu. Součástí tohoto rozhovoru je i dotazník po testu, který zjišťuje dodatečné informace. Tematicky se týká testované problematiky a doptáváme se například na to, jak se participantovi líbil testovaný produkt, jestli by ho třeba chtěl používat, které jeho části by pravděpodobně nejčastěji využil atd. Námi použitý dotazník po testu je přiložen v kapitole přílohy.
6
4. Výsledky testování 4.1. Participant 1 4.1.1. Pre-test 1. 2. 3. 4. 5.
Ne Často, každý den přibližně 3 hodiny. Autobusy, letadla. Využil jsem služby pro objednání autobusové jízdenky. Ano – autobusové jízdenky.
4.1.2. Úkoly 1. Participant vyhledal spojení podle destinace. Poté se snažil najít kritérium pro nejlevnější letenku, při tomto se však dostal zpět na hlavní stránku, a tak musel provést vyhledání spoje znovu. Následně již našel filtrování podle nejlevnějších letenek. 2. Participant se nejprve snaží k poukazu dostat pomocí vyhledávání na stránce, to je neúspěšné. Prochází stránky a hledá možnost objednání poukazu. To se mu však nedaří a po mnoha neúspěšných krocích je drobně nasměrován. Dále už k možnosti objednání úspěšně dostane a poukaz objednává. 3. Participant postupuje přes záložku letenek, jako společnost vybírá ČSA. Rychle nalézá nejlevnější letenky. 4. Participant se přes úvodní stránku dostal na stánku s vízy, kde vybral Dominikánskou republiku, vyplnil formulář a žádost úspěšně odeslal bez žádných potíží. 5. Participant se přes záložku ostatní produkty dostal k výběru map, kde bez problémů našel mapu Kypru a úkol dokončil. 6. Participant se dostal na stránku s objednáním pojištění. Po vyplnění formuláře nevěděl, jak pokračovat dál a špatným kliknutím se dostal na začátek - musí vyplňovat znovu formulář. Po vyplnění doplňujících údajů úspěšně objednává pojištění. 7. Participant se dostal na možnost rezervace přes záložku jízdenek. Po vybrání místa se kliknutím dostal na stránku, která nevede k dokončení rezervace. Po návratu zpět již dokončil rezervaci úspěšně. 8. Participant hledá přepravní podmínky na špatném místě, zkouší je objevit přes opakovanou rezervaci místa. Zjišťuje, že to není správný postup. Po chvíli hledání je nalézá v menu a úkol tím dokončuje. 9. Participant vyplnil formulář pro vyhledání dovolené a po jejím vyhledání přidal další omezující podmínky podle zadání - úkol dokončil bez problémů. 10. Participant vyhledává kritéria přes stránku jazykových pobytů. Chvíli tápe a neví pod jakým heslem je najít. Po chvíli zkoušení zvolí zemi a následně najde i hledaná kritéria.
7
4.1.3. Post-test 1. Úkoly byly srozumitelné, horší byla orientace na stránkách. 2. Moc jsem nevěděl u elektronického poukazu, zezačátku jsem se na stránkách neorientoval. 3. Velký problém je, že při vyplňování dotazníku nešlo zadat datum narození ručně, muselo se naklikat přes kalendář. 4. Budu. 5. Budu – funkci na vytřídění nejlevnějších letenkách a případně i informace o vízu.
4.2. Participant 2 4.2.1. Pre-test 1. 2. 3. 4. 5.
Ano. Každý den, 12 hodin – v podstatě celý den. Znám – autobusy, letadla. Moc nevyužívám, kdysi dávno autobus. Ne.
4.2.2. Úkoly 1. Participant vyhledává pomocí formuláře na hlavní stránce, vyhledal letenky z Prahy do Dubaje a poté si je seřadil podle ceny. 2. Participant použil vyhledávání, klíčové slovo “vánoční”, bohužel požadovaný vánoční certifikát nenašel. Poté zkoušel jít do sekce Slevy a následně do Akcí na hlavní stránce. Poté dokonce používá vyhledávání pomocí Googlu, protože je na stránce ztracen, je upozorněn, aby Google nepoužíval a zkusil jinou cestu. Náhodou našel dárkové certifikáty, poté už jen zadává data do formuláře. 3. Začíná hledat na hlavní stránce, do hlavního formuláře zadává “CSA”, přičemž nechal volné odletové místo, což neprošlo k odeslání formuláře. Zadává znovu do formuláře, tentokrát “ČSA”. To nevede k cíli a tak začíná hledat jinde. Nakonec nalézá záložku “Nejlevnější letenky” a vyfiltrovává “ČSA”. 4. Používá vyhledávání a dostal se hned k cíli, k požadovanému formuláři, který vyplňuje bez problémů. 5. Bez problémů nachází mapy v Ostatních produktech, poté nachází mapu Kypru. Vyplňuje formulář. 6. Nachází “Pojištění”, vyplňuje formulář. Pokračuje dále ve vyplňování, zapomněl zadat email, byl na to upozorněn. 7. Volí cestu přes formulář “Jízdenky” na hlavní stránce, vyplňuje ho. Našel spoje, vložil jízdenku, ale připadá mu, že jde špatnou cestou a je trochu zmatený. Jde zpět k objednávce, vybírá si místo v autobuse a poté vyplňuje dodatečně údaje v rezervaci. 8. Participant dal zpět, z předchozího úkolu, ale to nebyla správná cesta. Začíná si myslet, že tento úkol nelze splnit. Je upozorněn, aby šel z hlavní stránky. Jde do FAQ, poté hledá na hlavní stránce a jde přes “Jízdenky”, je na správném místě, ale bohužel nevidí ten správný odkaz, poté zkouší i vyhledávání, ale je ztracený a tak ho posíláme na další úkol.
8
9. Participant jde přes stránku “Dovolená”, vyplňuje formulář. Volí pouze německé CK, vyplňuje odletová místa a odesílá formulář. Vyhledává nejlépe hodnocené. 10. Začíná na hlavní stránce, poté do jazykových pobytů, nachází přímo střední a vysoké školy - francouzština. Poté jde přes formulář vpravo na této stránce. A nachází kritéria. 11. Jde z hlavní stránky na stránku taxi v Praze. Zadává názvy ulic a vidí cenu. 12. Na hlavní stránce používá vyhledávání a hned našel cíl.
4.2.3. Post-test 1. Přiměřené. 2. Smluvní podmínky – nevěděl jsem, kde je hledat. Také hledání dárkového poukazu. Na vyhledání některých věcí bych použil jinou stránku (Google). 3. Nesourodé GUI. Různé vzhledy stránek byly matoucí. 4. Budu. 5. Nebudu.
4.3. Participant 3 4.3.1. Pre-test 1. 2. 3. 4. 5.
Ano, přes internet. Každý den 5-6 hodin. Autobusy, letadla, taxi. Používám mobilní aplikaci na objednání jízdenek. Pouze jízdenky přes mobilni aplikaci.
4.3.2. Úkoly 1. Participant vyhledává letenky přes formulář, který se automaticky zobrazí na hlavní stránce. Vyplnil odletové a příletové místo, přičemž příletové pouze napsal a nevybral z míst nabízených našeptávačem. Proto byl vyzván k tomu, aby místo upřesnil. Poté mu již byly zobrazeny letenky na trase seřazené od nejlevnější. 2. Participant se vrátil na hlavní stránku. Zde dlouho (minutu a půl) hledal a přemýšlel, kde by mohly být dárkové poukazy a nemohl najít správný odkaz. Poté správně zvolil příslušné menu, kde již vše bez problémů navolil a vyplnil. 3. Participant začal tím, že v hlavním menu vybral letenky. Poté půl minuty hledal, jak vybrat nejlevnější, jelikož malý nápis této položky v menu neviděl hned. Poté, co ho našel, již navolil vše potřebné a letenky našel. 4. Participant rychle našel stránku s vízi i podstránku pro Dominikánskou republiku. Poté ale nemohl najít, jak si nechat zaslat informace ohledně víz. Správnou volbu s malým nápisem našel po 40 sekundách a dokončil úkol. 5. S tímto úkolem neměl participant větší problém. Po úkolu č. 2. již nejspíše tušil, že správná volba by se mohla nacházet v ostatních produktech, kde také našel potřebné informace a ukončil úkol. 6. Participant našel správnou cestu bez zaváhání a vyplnil správně potřebné formuláře. S tímto úkolem neměl problémy.
9
7. Participant zvolil v menu jízdenky a vyplnil potřebný formulář. Poté si vybral spoj, správně postupoval rezervací a vyplnil další potřebné formuláře. S tímto úkolem také neměl problémy. 8. Tento úkol zabral participantovi přibližně 2 minuty a než našel správný odkaz na zobrazení smluvních podmínek, chvíli klikal na podobné odkazy, které ale obsahují něco jiného. Dokázal se ale dobře zorientovat a zobrazit potřebné informace. 9. Participant nejdříve otevřel špatnou záložku v menu, ale chybu si vzápětí uvědomil a otevřel správnou. Poté mu již nic nedělalo problémy a vše postupně navolil a splnil tak úkol. 10. Při tomto úkolu participant nejdřív plnil úkol správnou cestou, ale poté se z ní odchýlil. Hledal informace jinde a nemohl najít správný odkaz. Poté byl upozorněn, aby postupoval jinak a s drobnými problémy nakonec našel správné informace. S tímto úkolem měl větší problémy. 11. Participant hned od začátku zvolil správnou cestu a bez zaváhání získal potřebné informace. 12. Po chvilce váhání participant zvolil správně položku menu s ostatními produkty a poté již neměl problémy s dokončením úkolu.
4.3.3.
Post-test 1. Náročnost byla v pořádku. 2. Těžko říct, s ničím žádný větší problém. 3. Stránka mi přijde nepřehledná – je zde spousta bannerů a po kliknutí na logo se vždy dostanete na úplně hlavní stránku společnosti. 4. Ano budu – hlavně jízdenky. 5. To asi ne, ale neznal jsem možnost vyhledání zájezdů.
4.4.
Participant 4
4.4.1.
Pre-test 1. 2. 3. 4. 5.
4.4.2.
Ne. Jednu hodinu denně. Znám. Autobusové spoje a letenky. Nepoužívám. Ne.
Úkoly 1. Participant vyhledá pomocí formuláře na hlavní stránce lety Praha-Dubaj. Zadá si období během května v domnění, že to budou nejlevnější letenky. Dá seřadit podle ceny. 2. Participant se snaží nalézt slovo “poukaz” na hlavní stránce, po neúspěchu píše do SA vyhledávače “Vánoční poukaz”. Vyhledávač nenalezne to, co participant hledá. Vrátí se tedy na hlavní stránku a klikne na “Ostatní produkty” a odkaz “Certifikáty”, Zde ale participant nevidí, že by se jednalo o vánoční poukaz a proto jde zpět na hlavní stránku. Po chvilce hledání na hlavní stránce se vrátí zpět na “Ostatní produkty”->”Certifikáty” a vánoční poukaz nalezne. 10
3. Do formuláře na hlavní stránce píše do kolonky dopravce “csa”, systém odpoví, že takového dopravce nezná. Zkouší napsat “čsa”, taky nebyl nalezen žádný dopravce s takovým jménem. Rozklikne tedy výběr dopravců a klikne na ČSA. Ale formulář ji zareaguje, že musí být vybrána destinace. Vráti se tedy na hlavní stránku>”Letenky”->”nejlevnější letenky” a vybere dopravce ČSA. 4. Participant jde na víza, nalezne Dominikánskou republiku a podává dotaz. 5. Participant klikne na “Ostatní produkty”->”Mapy” a hledá, dokud nenalezne mapu Kypru. 6. Jde na “Pojištění” z hlavní stránky, vyplní formulář, není si jistá, jestli má pokračovat, když zde ještě nebyla možnost pojistit zavazadla. Přesto pokračuje a zaškrtne “pojištění zavazadel”. 7. Participant klikne na záložku “Jízdenky”, vyplní spoj Praha-Berlín a termín, pokračuje v objednávce, zvolí si místo, chce pokračovat, ale je upozorněna, že musí zaškrtnout “Souhlasím s ob. podmínkami”. Zarezervoval si místo. 8. Participant jde na hlavní stránku jízdenek. Zase vyhledá spoj Praha-Berlín, v tom si všimne záložky “Přepravní řád” a otevírá smluvní podmínky. 9. Participant se přepnul do formuláře dovolené, a vyplňuje formulář podle zadání, dá vyhledat. Po načtení dovolených upřesňuje svůj výběr. Vybere německé CK a upřesnila místo odletu. 10. Participant jde na studijní pobyty na záložku střední školy a klikne na francouzština. Teď neví, a proto se vrací zpět na hlavní stránku jazykových pobytů. Zkouší to přes formulář, ale také nedochází k výsledkům. Je ztracen, neví, kde má hledat. Moderátor participanta navádí zpět na předchozí cestu. Teď už ví, jak dál postupovat a nachází hledaná kritéria. 11. Participant jde na hl. stránku a přejde na stánky taxislužby. Zadává adresy do formuláře, a spočítal si výslednou cenu. 12. Participant jde na záložku “Víza”->”Japonsko” Zjistí, že šel špatně a vrací se zpět na hl. stránku. Zkouší znova SA vyhledávač a klikne na první odkaz, který mu dal hledané informace.
4.4.3.
Post-test 1. Přiměřená. 2. U první otázky jsem si nebyla jistá, co přesně dělat. Jízdní doklady by mě vůbec nenapadlo řešit přes Student Agency. 3. Nelíbí se mi grafika webu. (nepřehledná) 4. Nepoužívám. 5. Nevěděla jsem, že mají taxi, tak možná to.
4.5.
Participant 5
4.5.1.
Pre-test 1. 2. 3. 4.
Ne Každý den cca 3 hodiny. Autobusy, vlaky a taxislužbu Využil jsem pouze autobusy 11
5. Ano
4.5.2.
Úkoly 1. Participant vyhledává přes možnost nejlevnějších letenek. Následně zadává kritéria a nalézá tak nejlevnější letenku. 2. Participant postupoval přes možnost letenek a možnost “dárky a slevy k letence”. Zde poukaz nemohl najít. Dále se snažil hledat na hlavní stránce a následně se opět vrátil na stránky letenek, kde jíž dříve byl. Po delším hledání oznámil, že neví kudy dál. Byl moderátorem nasměrován, že musí hledat jinde. Participant dále hledal na stránkách “akce a soutěže”. Zde také nenašel, a tak se vrátil na hlavní stránku, kde použil vyhledávací okénko. Hledání však bylo neúspěšné, byl tedy naveden moderátorem na stránku ostatní produkty, kde už poukaz našel a dále úkol dokončil. 3. Participant postupoval přes nejlevnější letenky, kde omezil dopravce. Úkol úspěšně dokončil. 4. Participant zkouší vyhledat informace o vízech přes stránku “dovolených” neúspěšně. Vrací se zpět na hlavní stránku, kde našel víza a dále se už dostal až k požadovaným informacím. 5. Participant postupoval přes stránku “dovolená.cz”, kde vybral zájezd. To však k nalezení mapy nevedlo, a tak se vrátil zpět na hlavní stránku dovolena.cz, kde hledal v jejím zápatí. Následně byl moderátorem naveden, že tato možnost se nenachází na stránkách dovolená.cz. Navrátil se tedy na hlavní stránku Student Agency, kde pod záložkou ostatní produkty nalezl mapy a následně i mapu Kypru. 6. Participant postupoval přes stránku pojištění. Vyplnil nutné údaje a hledal připojištění zavazadel. To nemohl najít, doklikal se až k cenové tabulce, při návratu zpět zjistil, že se mu smazal vyplněný formulář - musel ho vyplnit znovu. Poté již úkol úspěšně dokončil. 7. Participant se dostal na možnost rezervace a vybral si sedadlo. Myslel si, že se musí přihlásit, aby mohl pokračovat. Byl moderátorem informován, že nemusí. Po návratu na formulář byl upozorněn, že nevyplnil správně všechna pole. Po opravě úspěšně dokončil rezervaci. 8. Participant se rychle dostává k přepravnímu rádu a pomocí ctrl+f vyhledává smluvní přepravní podmínky. 9. Participant vyhledával přes stránky dovolená.cz, kde zadal příslušná kritéria k zájezdu. Na konci vybral nejlepší podle možnosti seřazení podle nejlépe hodnocených. 10. Participant postupoval přes jazykové a studijní pobyty. Zde pátral po správné záložce a následně po jejím zvolením vyhledal kritéria pomocí ctrl+f. 11. Participant na stránce taxi zadal všechny nutné informace a zjistil cenu cesty. 12. Participant přes stránku ostatní produkty nalezl stránku jízdní doklady, kde zvolil Japonsko.
4.5.3.
Post-test 1. Na škále od 1 do 10, kdy jedna je nejlehčí a 10 je nejtěžší bych hodnotil 6. 2. Najít vánoční poukaz (pozn. redaktora: úloha č. 2) 3. Moc informací na jedné stránce 12
4. Službu Sudet Agency budu nadále využívat, krom taxislužby, nemám rád zn. aut Audi. 5. Ne
5. Nalezené problémy a doporučení na jejich řešení 5.1. Míry závažností problémů a jejich vysvětlení ● ● ● ●
Fatální - “ShowStopper” - Pokud uživatel narazí na takto závažný problém, je jeho průchod stránkou natolik ztížen, že stránku přestane používat. Velká - Problém uživateli způsobí velké problémy při práci. Pro jeho vyřešení musí hodně přemýšlet a ztrácí čas. Střední - Problém způsobí, že uživatel musí hledat jinou cestu, jeho vyřešení jde ale ještě docela dobře unést. Malá - Kosmetické vady, které ale většinou nemají velký vliv na průchod stránkou.
5.2. Problémy Problém 1: Velká nekonzistence UI StudentAgency.cz Míra závažnosti: Velká Za hlavní problém považujeme celkovou nekonzistenci uživatelského rozhraní stránek. Stránky sestávají z jednotlivých podstránek služeb (letenky, jízdenky, taxi, dovolená, jazykové pobyty, …) a každá z těchto stránek má UI zcela jiné. Příchozí uživatel se tedy vždy učí nové rozložení stránek a stále hledá cílové položky. Jednotné (nebo aspoň podobné) uživatelské rozhraní všech stránek by mohlo vést k větší automatizaci průchodu uživatele a tak k rychlejšímu a úspěšnějšímu použití.
13
Problém 2: Špatný návrh menu na hlavní stránce Míra závažnosti: Fatální Menu je malé a navíc je dvojité (dva řádky). Zvláště v druhém menu jsou položky malé a snadné k přehlédnutí. Podobné menu se nachází ve více podstránkách webové aplikace. Díky tomu hodně participantů nevědělo, kde hledat určité služby, protože jim nedošlo, že se nachází v takovém malém tlačítku. To téměř jistě pro Student Agency znamená odchod zákazníků z webu poté, co nemohou najít to, co potřebují. Řešením by bylo přehlednější a větší jednolité menu s položkami lépe seřazenými (například “letenky, autobusy, vlaky, taxi, pobyty, ostatní, předpisy”).
Problém 3: Špatně implementované vyhledávání Míra závažnosti: Velká Vlastní vyhledávání na stránkách není pravděpodobně zcela dobře implementováno. Některé výrazy, často přesně odpovídající položkám v menu jednotlivých služeb (cestovní podmínky, vánoční dárkový poukaz, …) vyhledávání vůbec nenašlo. Řešením je implementovat ho lépe, nevíme ale, jaká je vnitřní struktura webové aplikace, proto nemůžeme doporučit nic konkrétního.
14
Problém 4: Grafická úprava stránek a obtékání textu Míra závažnosti: Fatální Stránky působí velmi zastaralým dojmem. Volba barev často nepomáhá orientaci (modré nápisy s malými mezerami mezi sebou v světlemodrém menu). Obtékání textu je často velmi těsné okolo obrázků a dalších (například následujících) elementů na stránce. Rozložení tabulek a formulářů na stránce je často spíše chaotické. Díky tomu všemu stránky působí velmi těžkopádným, až zastaralým dojmem. Navíc je to činí velmi nepřehlednými. Řešením by bylo navrhnout kompletně nové uživatelské rozhraní.
15
Problém 5: Špatné umístění Vánočního dárkového poukazu Míra závažnosti: Střední Je umístěn v menu Ostatní produkty - Dárkové cerifikáty. Participanti často nevěděli, že mají hledat zde. Samotná položka menu Ostatní produkty je malá a participanti ji většinou přehlédnou. Řešením tohoto problému by bylo zvětšit položku, případně přepracovat celé menu tak, aby poskytovalo jasnější možnosti navigace.
Problém 6: Velikost položky “nejlevnější letenky” v příslušném menu Míra závažnosti: Střední Položka je velice malá, stejně jako ostatní položky tohoto menu. Díky tomu je snadné ji přehlédnout. Řešením by bylo menu zvětšit. Použití jiných barev než kombinace modrých by přehlednost také mohlo zvýšit.
16
Problém 7: Umístění smluvních přepravních podmínek pro autobusové spoje Míra závažnosti: Střední Tento dokument bylo pro participanty většinou těžké najít. Na vině je nejspíše jeho umístění - na stránce jízdenek se totiž nalézá v obdobě již zmíněného dvojitého menu, tentokrát ale na místě, které se blíží pravému dolnímu rohu, proto je snadno přehlédnutelné. Řešením by bylo opět zjednodušit a zpřehlednit menu. Dodáváme, že v tomto případu užití k nalezení dokumentu nevede ani použití vyhledávání.
Problém 8: Umístění kritérií pro jazykový pobyt Míra závažnosti: Nízká Kritéria jsou umístěna u konkrétní země (konkrétní kurz v konkrétní zemi). Participanti občas mylně vstupovali do položky menu “Jak vše zařídit”. Stávající umístění nehodnotíme jako špatné, je ale a první pohled méně intuitivní. Řešením by mohlo být sjednocení kritérií pro všechny země na samostatné stránce.
17
6. Závěr Stránky StudentAgency.cz jsou špatně použitelné. Námi provedené testování použitelnosti odhalilo velké a dokonce i fatální problémy (míry závažností uvedeny výše). Těmi hlavními jsou nepřehledné a nejasné hlavní menu, špatná grafická úprava a rozložení stránek a nekonzistence vzhledu stránek, kdy každá podstránka (podaplikace - letenky, jízdenky, dovolená, studijní pobyty) vypadá jinak, má jiné menu a ovládání a jiné rozložení. Každá služba má proto jiný myšlenkový a motorický postup vyhledávání, uživatel stále objevuje nová menu. Navíc vlastní vyhledávání na stránkách funguje pro některé výrazy (které se ale přitom přesně rovnají položkám v různých sub-menu) velmi špatně - nenajde je. Z důvodů uvedených v tomto dokumentu hodnotíme webovou aplikaci Student Agency jako obtížně použitelnou.
7. Přílohy 7.1. Screener V rámci předmětu Testování uživatelského rozhraní na FEL ČVUT testujeme uživatelské rozhraní webu StudentAgency. Hledáme participanty, kteří by měli zájem tento web otestovat. Testování proběhne 11. 12. 2015 v Usability Lab na Karlově Náměstí v Praze. Pokud máte zájem o testování, vyplňte prosím tento dotazník. Data z dotazníku budou použita pouze pro účel výběru participantů do testování a nebudou nikde dál šířena. V případě, že budete pro test vybráni, budete kontaktováni emailem. Email: _____________________________ 1) Jaký je Váš věk? ○ 15 - 70 let 2) Na jaké úrovni používáte počítač? ○ Neumím ho používat * ○ Počítač umím ovládat, ale používám ho málo ○ Hlavně surfuju na internetu, k profesi ho nepotřebuji ○ Profesní úroveň (programování, tvorba grafiky, atd.) 3) Jak často cestujete na dobu delší než 1 den? ○ Nikdy* ○ Několikrát měsíčně ○ Několikrát ročně ○ 1x za rok 4) Cestujete někdy do zahraničí? ○ ano/ne* 18
5) Byl jste někdy účastníkem testu použitelnosti? ○ ano/ne 6) Jak často využíváte meziměstské hromadné dopravní prostředky? ○ 1-2x do týdne ○ 3x a více do týdne ○ 4x a více za měsíc ○ 1-3x do měsíce ○ téměř vůbec* ○ vůbec* Odpovědi s hvězdičkou odmítáme. Tam, kde není hvězdička, jsou postačující obě odpovědi.
7.2. Výsledky screeneru Jaký je Váš věk?
Na jaké úrovni používáte počítač?
Jak často cestujete na dobu delší než 1 den?
Cestujete někdy do zahraničí?
Byl jste někdy účastníkem testu použitelnosti
Jak často využíváte meziměstské hromadné dopravní prostředky?
22
profesní úroveň
1x za rok
ano
ano
4x a více za měsíc
30
profesní úroveň
Několikrát ročně
ano
ano
1-2x do týdne
22
surfuje na internetu
1x za rok
ano
ne
1-2x do týdne
21
umí ovládat, používá málo
Několikrát ročně
ano
ne
3x a více do týdne
23
surfuje na internetu
Několikrát ročně
ano
ne
3x a více do týdne
7.3. Dotazník před testem 1. 2. 3. 4. 5.
Účastil(a) jste se někdy nějakého testu použitelnosti? Jak často používáte počítač? Jaké služby společnosti Student Agency znáte? Které z nich jste někdy využil(a)? Využíváte rezervaci jízdenek/letenek online?
19
6. Když jedete do zahraničí, plánujete spíše předem (včetně nákupu zájezdů, map, rail passů, … - nebo věcí, které nabízí společnost, se kterou cestujete) nebo až na místě?
7.4. Instrukce 1) Nalezněte nejlevnější letenky na lince Praha - Dubaj. Řešení: rozhraní Letenky - levé menu Nejlevnější letenky - zadat Odkud-Kam 2) Objednejte elektronický (PDF) Vánoční dárkový poukaz Student Agency, v hodnotě 1000 Kč, platit budete kartou (platbu neprovádějte). PLATBU NEPROVÁDĚJTE Řešení: položka hlavního menu Ostatní produkty - levé menu Dárkové certifikáty - vyplnit dle zadání
3) Nalezněte nejlevnější letenky od letecké společnosti ČSA (na všech linkách). Řešení: rozhraní Letenky - levé menu Nejlevnější letenky - zadat Leteckou společnost 4) Podejte žádost o zaslání informace ohledné víz, do Dominikánské republiky. Řešení: položka hlavního menu Víza - vyhledat Dominikánskou republiku - zvolit možnost Poslat dotaz - vyplnit 5) Rezervujte si turistickou mapu Kypru. Řešení: položka hlavního menu Ostatní produkty - levé menu Mapy - vyhledat Kypr - vyplnit 6) Sjednejte si pojištění online, pro Evropu kromě ČR. Začátek pojištění 01. 01. 2016 na 10 dní. Pro jednu dospělou osobu. Budete si chtít také připojistit zavazadla. PLATBU NEPROVÁDĚJTE. Řešení: položka hlavního menu Pojištění - vyplnit dle zadání - možnost připojištění zavazadel až po zvolení možnost Zobrazit cenovou nabídku 7) Vyhledejte první zítřejší autobusový spoj z Prahy do Berlína a rezervujte si v autobusu místo. Řešení: rozhraní Jízdenky - vybrat místo Odjezdu a Příjezdu - vybrat zítřejší datum zmáčknout na modrý košík u prvního zítřejšího spoje - zvolit možnost Pokračovat k objednávce - vybrat sedadlo - zvolit možnost Pokračovat na rekapitulaci 8) Vyhledejte smluvní přepravní podmínky pro autobusové spoje. Řešení: rozhraní Jízdenky - položka menu Přepravní řád - otevřít požadované Přepravní podmínky 9) Vyhledejte si následující nabídky dovolené: - letecky do Egypta, lokalita nerozhoduje - v období od 20. 1. do 16. 2. 2016 - délka pobytu bude 7 - 10 dní - odletová místa nechte přednastavená webovou stránkou - stravování all inclusive a hotel nejméně 4 hvězdičky 20
Zobrazte zájezdy pouze od německých cestovních kanceláří. Upravte odletová místa na tato: Vídeň, Mnichov, Drážďany, Berlín, Frankfurt a Linec a znovu vyhledejte. Vyberte si jen nejlépe hodnocené zájezdy. Řešení: rozhraní Dovolená - vyplnit dle zadání - upravit filtrování (NCK, odletová místa) přepnout se na Nejlépe hodnocené 10) Zobrazte kritéria pro přijetí studenta střední nebo vysoké školy pro jazykový pobyt ve Francii. Řešení: rozhraní Jazykové a studijní pobyty - zvolit Střední a vysoké školy (Francouzština) zvolit Střední školy - vybrat Francie (státní/soukromá střední škola) - rozbalit kritéria pro přijetí 11) Zjistěte cenu taxi z ulice Na Žertvách do ulice Pod Karlovem. Řešení: rozhraní Taxi v Praze - vyplnit Místo nástupu a Cílové místo - zvolit Spočítej cenu 12) Zjistěte informace o jízdních dokladech v Japonsku. Řešení: položka hlavního menu Ostatní produkty - levé menu Jízdní doklady - vybrat Japonsko
7.5. Dotazník po testu 1. Jak byste hodnotil(a) náročnost úkolů? 2.
Dělalo Vám něco potíže?
3. Co Vám způsobovalo největší potíže? 4. Jaký máte celkový pocit z používání webu Student Agency? 5. Budete služby Student Agency (nadále) využívat? Proč ano? / Proč ne? 6. Začnete po dnešku využívat nějaké služby, které jste dřív nepoužíval(a)? Jaké?
21
