Res i STHLM.
En av Sveriges mest använda reseappar fick en genomarbetad redesign – från otydliga flöden till en app som en halv miljon användare litar på.
Före: söksidan med fem tabbar, otydliga knappar och sektioner som var svåra att skilja åt.
Efter: tre tabbar, tydligare knappar och rubriker – enklare att navigera och lättare att läsa.
Bakgrund.
Res i STHLM för iOS designades om på uppdrag av Nobina Technology. Appen har runt en halv miljon användare och gör det möjligt att söka resor inom SL:s kollektivtrafik i Stockholm.
Utmaningar.
Att förenkla utan att ta bort: fem tabbar blev tre, ikoner blev piktogram i stället för bokstäver och texten gjordes större för ökad läsbarhet. Resresultaten förenklades genom att upprepad information togs bort, och avgångstiderna sorterades efter riktning med en tydligare filterfunktion.
Process.
Den tidigare appen användartestades, och datan visade tydligt att många funktioner och mycket information var för otydliga. Nora tog fram förbättringsförslag som testades och sedan implementerades. Lanseringen togs väl emot av användarna, och appen är fortfarande en favorit för många.
Före & efter
Före
EfterSökresultatet
Ikonerna blev piktogram i stället för bokstäver och texten större för ökad läsbarhet. Resresultaten förenklades genom att upprepad information togs bort.
Före
EfterNästa avgång
Sektionerna som tidigare var för lika varandra gjordes tydligare. Favorithållplatser visar avgångstider i realtid, och hållplatser i närheten syns direkt utan att vara dolda.
Från appen.
Fler skärmar från det genomarbetade gränssnittet.
Nästa avgång – favorithållplatser och hållplatser i närheten med avgångstider direkt i startvyn.
Hållplatsvyn – avgångar grupperade efter riktning, med pendeltåg norrut och söderut samt bussar från samma hållplats.
Filtrera linjer – välj färdsätt och enskilda linjer, och sortera bort det som inte är relevant för resan.
Linjedetalj – kommande avgångar för en linje, med karta, bevakning och störningsinformation på samma skärm.
Sök resa – från och till, avresetid och favorithållplatser samlade på ett och samma ställe.
Resor – sparade favoritresor ger snabb åtkomst, och det tomma läget förklarar hur en resa läggs till.
Filter för reseförslaget – färdsätt, gångväg och vilka linjer som ska visas eller undvikas.
Störningsinfo – aktuella driftstörningar med ersättningstrafik, med möjlighet att bevaka en sträcka.
Mina sidor – språk, tema och tillgänglighetsval samlade med direktvägar till trafikinfo och trygghet.
1 / 9