Frid

Kunde

Oppstartsbedriften Frid

Team

2 Utviklere, 1 data scientist, 2 UX designere

Målgruppe

Privatpersoner i middelklassen

Rolle

UX/ UI

Prosjekt

Utvikle webapplikasjon av tjenesten

Designprosess

Forstå, identifisere, idéutvikling, prototyping, teste, utvikle

Verktøy & metoder

Figma, Jira, Gant, smidigmetodikk, Universell utforming, Design sprint

Problemstilling

Hvordan utvikle en webbasert tjeneste som kan bidra til at folk får en bedre forståelse av sin personlige økonomi?

Oppdragsgiver

Frid er en oppstartsbedrift som utfordrer den tradisjonelle banken og finanstjenster. De tilbyr i dag en mobilapplikasjon som hjelper vanlige folk med privatøkonomien. Appen gir oversikt over kontoer, råd rundt økonomien, tips og motivasjon til å spare. Oppdraget er å bidra med brukersentrertdesing i en webversjon.

Design sprint

Vi startet med en design sprint for å komme i gang med å kartlegge og spesifisere oppdraget, samt utarbeide en problemstilling vi ville jobbe utifra. Dette ga et godt grunnlag for å bli bedre kjent, inkludere alle sine meninger og tidlig teste ut forskjellige idéer.

Forstå

Kartlegging av forretningsstrategi: hva Frid sier de tilbyr på deres nettside og hvordan dette tilbys i dag. I tillegg forslag på hva som kan forbedres. (Bildet under viser kartleggingen i Figma)

Brukertesting av dagens løsning: Testpersonene hadde ingen forhold eller erfaring til Frid for å unngå forutinnatthet. Det ble på forhånd laget en testmal slik at alle fikk de samme spørsmålene og oppgavene som skulle utføres i appen. Testpersonene brukte sin egen mobil og opprettet en profil. Vi ønsket å undersøke hvordan testpersonene opplevde sidene: inn-logging, hjem, feed, min økonomi, profile og transaksjoner. (Bildet under til venstre viser Frid sin app av sidene hjem, transaksjoner og økonomiplaner. Høyre: sortering av tilbakemeldinger)

Funn

- mange gamle meldinger i innboksen

- syntes det var vanskelig å lage en økonomiplan

- forstod ikke alle begreper

- syntes ikke alle funksjoner var intuitive

Informasjons arkitektur: dagens informasjons arkitektur var kompleks og uoversiktlig. I den nye ble innholdet strukturert, funksjoner kategorisert og det overflødige ble fjernet. Analysen av brukernes behov og ønsker ble grunnlaget for den nye versjonen. (Venstre bilde viser dagens arkitektur, høyre: ny informasjons arkitektur)

Annen datainnhenting:
- Spørreunersøkelse: Vi utførte en spørreundersøkelse for å kartlegge økonomisk atferd og digitale vaner
- Spørreundersøkelser utført av Frid
- Hubspot
  - tilbakemedlinger som er sendt inn
  - spørsmål fra bruker i chatbot
  - informasjon brukerne har lagt inn i sin profil
- Informasjon om brukerne i Frid sin database
- Forskning innen personlig økonomi og digital assistanse/tjenester i dette området

Utdrag fra spørreundersøkelsen for å kartlegge generell økonomisk atferd og digital assistanse innen privatøkonomi.

Definere

På bakgrunn av dataene fra forrige fase så var jobben å analysere, finne sammenhenger og mønstre.

Funn som ble grunnlag for problemstilling og videre arbeid:

dekke relevant informasjon for at bruker skal danne forståelse for sin økonomiske situasjon
visuell presentasjon/ oversikt av denne informasjonen
hvordan opprettholde bruken av en digital økonomi assistent
klart språk

Idéutvikling

Det ble utviklet skisser basert på funn, innhenting av inspirasjon fra andre kilder og refleksjoner fra design sprinten.

Prototyper

Det ble utviklet prototyper av sidene som Frid etterspurte:

Logg inn og registrering
Oppkobling mot bank
Profil
Feed = er en del av et Dashbord

Målet for prototypene var basert på innsikten:

Motivere gjennom visualisering
Dashbord som gir rask oversikt over brukerens økonomiske situasjon
Bruke klart språk

Testing

Vi hadde flere runder med brukertesting og iterasjoner for å forbedre løsningen. Det ble gjort tester på 5 personer hver runde. Dette var tilfeldige personer på Høyskolen Kristiania som var i ulike livssituasjoner og yrkesstatus som speilet webapplikasjonens brukere. En moderator stilte spørsmål og observator tok notater. Vi fikk rask tilbakemeldinger gjennom en geriljatest på hva som fungerte og ikke fungerte. Bildene nedenfor viser noen eksempler på testdeltakere, spørsmål og funn.

Universell utforming

Gjennom hele prosessen var det også viktig å ta hensyn til universell utforming. Bildene over viser noe av arbeidet:

ta i bruk en taleassistent
mulighet til å navigere seg gjennom med tab
fargekontraster og fontstørrelser er godkjent og synlig for alle
brukervennlighet ifh avlesning gjennom et kakediagram vs liggende stolpediagram