Varsler
på Dokobit portalen
Problemer
– Det er manglende konsistens.
– Noen ganger er fargene ikke relatert til det spesifikke formålet med varslingen.
– Varslinger dukker opp på ulike steder, uavhengig av brukerens fokus.
– Språklig uklarhet og kompleksitet
– Overflødig bruk av varsler
– Manglende bruk av ikoner

Løsning
Språket er klart og konsist
Vi har forkortet setningene i varslingene for å øke forståelsen. Setninger med 8 ord eller mindre gir 100% forståelse, mens setninger med 14 ord eller mindre gir 90% forståelse (kilde: American Press Institute).
Ikoner er tatt i bruk
Vi har integrert ikoner i varslingene for å forbedre forståelsen, spesielt for fargeblinde brukere. Dette er viktig da fargeblindhet påvirker omtrent 1 av 12 menn (8%) og 1 av 200 kvinner globalt, med totalt 300 millioner fargeblinde mennesker i verden.
Optimal posisjonering
Notifications vises nå der brukerens øyne naturlig faller etter en handling, eller på et fremtredende sted som ikke hindrer brukeren, men som likevel er merkbart.
Tidsramme for midlertidige varsler
Midlertidige varsler vises nå i omtrent 8 sekunder, avhengig av tekstens lengde.
In-line toast-meldinger brukt effektivt 
Vi bruker in-line toast-meldinger når det er lite plass, for eksempel under tabeller.
Varsler brukt når nødvendig 
Vi har optimalisert bruken av varsler for å forhindre feil før de oppstår, og bruker dem bare når det er nødvendig.
Konsistente elementer 
Alle elementer har nå samme stil for å opprettholde enhetlighet på tvers av plattformen.
Forsknings- og analysefasen
Konkurrentanalyse
Definisjon og beste praksis
Gjennomgå eksisterende varsler (alerts/toasts) og sammenlign dem med Dokobit og Catnip (Signicat design system).
Idéfasen
Jeg analyserte de eksisterende notifications og benyttet beste praksis fra forsknings- og analyse fasen. Jeg opprettet flere alternativer og brukte A/B-testing for å velge den mest passende stilen, både for å matche selskapets merkevare stil og for brukerne.
.
Siste versjon
Varslene på Dokobit-portalen er nå klare og konsise. Setningene er forkortet for bedre forståelse, og ikoner er lagt til for å hjelpe fargeblinde brukere. Advarsler er plassert optimalt for å være merkbare uten å hindre brukeren. In-line toast-meldinger brukes ved plassmangel. Bruken av varsler er optimalisert for å forhindre feil, og alle elementer har en konsistent stil.
.
Alert dialog
.
.
Testing
A/B testing​​​​​​​
Back to Top