Redesign av Visma Flyt Foresatt

Jeg bruker Visma sin foresattapp hver uke. Appen deres gjør jobben men den har potensiale til å bli mye mer nyttig for foreldre. Den oppleves for meg litt kjedelig og fargeløs også, så jeg ville lage en versjon som har både illustrasjoner, mer farger og nye funksjoner som er nyttige for foreldre, som feks en kalender der alt man trenger å vite finnes, og med mer samlet informasjon som er relevant. Jeg ville også modernisere slik at lærere ikke lengre bruker excel og pdfer som kan lage problemer for en mobilbruker og mtp UU. Jeg lagde et redesign av logo, pluss en interaktiv prototype med hjem, meldinger, kalender, fravær og vurdering.

Utgangspunktet

Mine funn

• Appen er veldig hvit. Det er slitsomt for øynene, og et typisk smertepunkt for brukere.
• Beskjeder grupperes sammen med nyheter. Det virker forvirrende for brukeren.
• Mye luft rundt hjem, og mye luft under nyheter. Det er plass her som kan brukes til noe.
• Kalenderen er en god funksjon, men det finnes nesten ingen informasjon i den. Denne funksjonen kan forbedres og bli mye mer nyttig.
• Det finnes ingen informasjon om hva eleven jobber med. Dette hadde vært veldig nyttig å se når man legger inn fravær.
• Favoritter er tungvint å bruke, og funksjonen gjelder bare vedlegg som for eksempel PDF.

Om bruk av PDF-er

En PDF har et fastlåst format. Man må zoome og scrolle sidelengs på en liten mobilskjerm for å lese tabellene. Informasjonen er også helt statisk: endrer noe seg, må det lastes opp en ny fil, og foresatte risikerer å sitte med gammel informasjon.

PDF-ene vi får fra lærerne er dessuten hentet rett ut av Excel, med farger og tekst som ikke holder kontrastkravene for svaksynte.

Derfor tok jeg bort favoritter og vedlegg helt, og la innholdet inn i appen som dynamiske lister i stedet. I dag gir et enkelt overblikk over dagen. Ukeplan viser uken, med det som er viktig å huske først: innleveringer, prøver, gym og turer. Vil man ha mer, går man videre til en mer detaljrik oversikt.

Hierarki

• Meld fravær er en viktig del av appen, derfor er det den første knappen du ser.
• Nyheter er ikke lenger øverst i fokus. I stedet er bekreftelser og «Gi samtykke» først.
• Under bekreft og gi samtykke ser man dagsplanen til barnet, og når skoledagen starter og slutter.
• Under dagsplanen ser man ukeplanen, og får et kjapt innblikk i uken til barnet med korte, viktige beskjeder. Trykker man «Åpne», får man ukeplanen og oversikt over ting man bør huske.
• Nyheter er slått sammen med meldinger, og kommer ikke før til sist på hjem-siden. De nyhetene man ikke har lest har fått en farge; de man har lest er hvite.

Skjermene

Hjem. Hjem-skjermen har blitt hjemmet som huser informasjonen man trenger for å forstå skolehverdagen til barnet sitt. Før hadde den masse hvit space der plassen ikke ble utnyttet. Nå gir appen også et godt innblikk i barnets hverdag, med viktige ting å huske i et daglig og ukentlig overblikk som er lett å scanne. Den gammeldagse PDF-en er borte.

Meldinger. Den gamle skjermen hadde mye hvitt, og det var vanskelig å skille meldingene fra hverandre. Grønn er kontaktlærer og skolen, dus gul er andre lærere og ansatte, hvit er foreldrekontakter, med en fargekodeforklaring nederst. Filtrene Alle / Lærere / Grupper skiller gruppesamtaler fra enkeltsamtaler uten å gjemme dem.

Kalender. Fraværsskjermen hadde en kalender som viste én uke og ingen hendelser. Alt annet – ukeplaner, prøver, turer, ferie, møter, frister – lå på andre skjermer, eller i en melding jeg måtte huske. Nå er kalenderen en funksjon som organiserer informasjon.

Mer. Tilbakemelding-knappen, som skilte seg kraftig ut, er roet ned og ligger nå i listen. Flisene har ikon, navn og en linje som sier hva som venter der – «2 nye kommentarer», «1 venter på svar», «96 % i terminen». Ikonene er tegnet som én familie i samme strek.

Regler jeg holdt meg til

Fem farger, én betydning hver. Ukeplan, prøve, tur, møte og frist har hver sin farge, og samme farge overalt – i kalenderen, i dagslista, på flisene og i avatarene.

Ingen trykkeflate under 44 px. 44 × 44 px er minimum på iOS, 48 dp på Android. Alle knapper, filtre, kalenderdager og skjemafelt er målt. De som var 30–38 px høye ble utvidet uten at layouten vokste.

4,5:1 på all tekst. Sekundærtekst og etiketter er hevet til minst 4,5:1 mot sin egen bakgrunn. Varselbadgen ligger på 7:1.

Navigasjon og handling skilt. Bunnmenyen er de fire stedene i appen. Flisene på hjem er handlinger.

Visuell profil

Resultatet

Appen har fått et eget uttrykk med logo og illustrasjon. Jeg har utnyttet plassen på «hjem» og tatt bort funksjoner som motarbeider universell utforming.