Příběh Pražské karty (1. část) aneb design první aplikace

S realizací aplikací na zakázku máme v Alvile zkušenosti. Nově zformované Alvila Studio je team specialistů, kteří mají na starosti design uživatelského rozhraní. Pilotním projektem Studia byla Pražská karta, tedy návrh vlastní demo aplikace pro správu Opencard. Nápad a motivaci stojící za vznikem za aplikací popisuje František Huber, UX designer a iniciátor projektu.

Opencard – uživatelské utrpení

Opencard jsem si pořizoval mezi posledními a uvítal jsem možnost zřízení on-line. Na stránkách, jejichž nezapamatovatelnou adresu jsem si vygoogloval, jsem vyplnil sáhodlouhý registrační formulář. Zadal jsem tam snad i velikost své obuvi a Opencard jsem slavně získal. A pak jsem vyzkoušet internetový obchod pro nákup kuponu. Předpokládal jsem, že údaje zadané při zřizování (jméno, telefonní číslo, emailovou adresu, atd.) jsou provázané s číslem mé karty a systém si je bude pamatovat. Ale ono ne.

Vstup do e-shopu je na webu DPP téměř neviditelný, rychlá orientace v aplikaci je nemožná, chybí základní funkcionalita – upozornění na končící platnost kuponu emailem nebo pomocí SMS. Jinými slovy  - čím více zkušeností s Opencard jsme ve Studiu získávali, tím víc nedostatků v použitelnosti vyplulo na povrch.

E-shop dopravního podniku hlavního města Praha vs. Pražská karta

S kolegy Honzou Trávníčkem a Martinem Tamášem jsme provedli základní analýzu jak e-shopu Dopravního podniku, tak hardwarových specifik celého systému. Doplnili jsme si i představu, jak je to s tzv. chytrými kartami jinde v ČR a ve světě.

Naše aplikace “Pražská karta” pak vznikala přibližně měsíc – od vstupní analýzy systému, přes sestavení základních příkladů použití a návrh wireframů aplikace, až po samotný design uživatelského rozhraní, který měl na starost Martin Kováčik, grafický designér Studia. V každé fázi vývoje podstupovala aplikace uvnitř firmy jednoduché testy použitelnosti, které v každém kole pomohly odstranit nedostatky našeho návrhu.

Pražská karta – přehled účtu (drátový model aplikace)

Další díl miniseriálu o Pražské kartě se týká její webové prezentace a najdete ho zde.

Související odkazy:

www.alvila.com/prazskakarta (Pražská karta)
www.opencard.cz (Opencard)
www.dpp.cz/e-jizdenka (e-shop Dopravního podniku)