Wireframy a testovanie použiteľnosti
Po výskume a definovaní funkcií a cieľov novej aplikácie sme začali kresliť wireframy. Nenavrhovali sme celú aplikáciu, v tejto fáze by to bolo zbytočné. Sústredili sme sa na hlavné postupy: nákup lístka, vyhľadanie spojenia a rozšírenú registráciu na kúpu električenky, aj na nové funkcie ako pridanie obľúbenej adresy.
Testovanie použiteľnosti
Testovať použiteľnosť wireframov je efektívnejšie a lacnejšie než neskôr opravovať chyby dizajnu či vývoja. Zapojili sme veľa používateľov z rôznych skupín: turistov v Bratislave, starších ľudí kupujúcich papierové lístky aj pravidelných používateľov aplikácie s električenkou.
Ciele testovania použiteľnosti:
- Overenie hlavných úloh – overiť, či nová aplikácia pomáha rýchlo a efektívne splniť hlavné ciele, napríklad kúpiť lístok, električenku alebo vyhľadať spojenie
- Identifikácia problémov – nájsť miesta, na ktorých sa používatelia zaseknú alebo nevedia, ako pokračovať
- Testovanie nových funkcií – posúdiť, ako používatelia reagujú na nové funkcie aplikácie.
Výsledky testovania použiteľnosti
Testovanie prekonalo naše očakávania. Používatelia vo všeobecnosti vnímali aplikáciu ako jednoduchú a logickú a zvládali ju bez väčších problémov. Samozrejme, odhalili sme aj niekoľko zaujímavých vecí:
Prihlasovací odkaz funguje
Na prihlásenie aj registráciu sme zvolili magic link, teda odkaz poslaný e-mailom. Používateľ si nemusí pamätať ani obnovovať heslo. Potrebovali sme však overiť, či tento spôsob pochopia aj starší ľudia.
Výsledok? Starší používatelia prihlasovací odkaz poznajú, vedia ho používať, uprednostňujú ho a tešia sa, že si nemusia pamätať ďalšie heslo.
Respondenti pridávali lístky na neskôr
Pri kúpe jednorazového lístka možno pridať lístky pre spolucestujúceho, batožinu či zviera. Platia na rovnakú trasu a čas. Z wireframov to však nebolo jasné. Polovica respondentov si myslela, že lístok je „na neskôr“ a dá sa použiť inokedy. To by viedlo k frustrácii a vyhodeným peniazom.
V dizajnovej fáze sme preto pridali výrazný banner, ktorý funkciu vysvetľuje.
Poznámka: Pri testovaní finálneho dizajnu mala táto funkcia 100 % úspešnosť.
Turisti môžu mať problém s QR kódom
Drobný detail, ktorý by sme si bez respondentov nevšimli. QR kód na aktívnom lístku skenuje revízor a používateľ s ním nemusí nič robiť. Pri testovaní sme však zistili, že to nemusí byť jasné, najmä turistom zvyknutým na iné spôsoby cestovania. Nevedeli, či majú kód naskenovať pri vstupe, ukázať vodičovi alebo urobiť niečo iné.
Vo finálnej verzii je pri QR kóde malý štítok vysvetľujúci, že je určený revízorovi.
Zastávka, nástupište alebo názov linky?
V úvodných rozhovoroch sme zistili, že respondenti hľadajú spojenia najmä cez Google Maps. V detaile trasy sme preto použili známe vzory a rozloženie prvkov z tohto produktu.
Ako to dopadlo? Používatelia síce poznali číslo autobusu a čas príchodu, no väčšinu mýlili textové údaje – názov zastávky a linky. Často ich zamieňali, plietli si ich s názvami ulíc alebo nechápali ich význam.
V dizajnovej fáze sme informácie preusporiadali podľa UX princípov, aby boli jasnejšie a lepšie sa používali.
Poznámka: Pri testovaní dizajnu mala táto funkcia 100 % úspešnosť.
Pomoc pri výbere zón
Tento problém bol zrejmý od začiatku projektu. Ľudia zónam nerozumejú: nevedia, ako sú rozdelené a ako súvisia s lístkami, a preto si často kupujú nesprávne lístky. Problém sa vracal aj pri testovaní. Používatelia síce vedeli zóny pridať alebo odstrániť, no pri kúpe električenky si stále neboli istí, ktoré potrebujú.
Najprv sme zvažovali interaktívnu mapu na pochopenie a výber zón. Ukázala sa však ako príliš zložitá, časovo aj finančne náročná. Zvolili sme jednoduchšie riešenie. Banner vedie na obrazovku, kde používateľ zadá nástupnú a cieľovú zastávku a systém zobrazí všetky zóny na trase. Jedným kliknutím ich pridá k nákupu električenky.
