Prototype · klar for neste testrunde

Eksamen, Høyskolen Kristiania · Team på 4 · Hoveddesigner · Høsten 2024

Eir. Varm før den kunne være nyttig.

En følgesvenn-app for unge som sliter med psykisk helse – for rommet mellom timene, ikke i stedet for dem. Testbrukerne overkjørte oss gang på gang, og designet ble bedre hver gang. Varme ble behandlet som et funksjonelt krav, ikke pynt.

01Problemet

Rommet mellom timene

Psykiske helseplager øker, særlig blant unge, og det ordinære tilbudet henger ikke med. Køene er lange, og mange som sliter klarer ikke å sette ord på hva som er galt når de endelig sitter overfor en fagperson.

Vi ville designe for rommet mellom timene. Ikke en erstatning for behandling, men en følgesvenn: logg hvordan du har det på sekunder, se dine egne mønstre over tid, og gi psykologen konteksten du ikke klarte å formulere selv – hvis du vil. Vi kalte den Eir, etter den norrøne gudinnen for beskyttelse, nåde og helbredelse.

Konseptet · hele kjerneloopen er ett trykk

Bra. Velg ett av fem smilefjes for dagen, og skriv et kort innlegg hvis du vil. Alt annet bygger på det.

Kalender som farger seg etter humøret ditt

Oversikt: humør ved siden av aktivitet og puls

AI-chat for øyeblikkene mellom menneskelig kontakt

BankID på døra – fordi journalen er så personlig

02Min rolle

Hoveddesigner, fra wireframe til ferdig prototype

Jeg var hoveddesigner i et team på fire. Jeg hadde ansvaret for designretningen og for å ta appen fra wireframe til ferdig prototype i Figma. Konseptutvikling og testing gjorde vi sammen som gruppe – 12 oppgaver, 8 oppfølgingsspørsmål, stort sett hjemme hos folk.

Team: 4studenter – jeg som hoveddesigner
Verktøy: FigmaMiro

8modererte økter, hjemme hos folk

12testoppgaver per økt

7 av 8ville brukt appen – etter at vi fikset det de påpekte

03Prosessen

Og det brukerne overkjørte oss på

Vi testet wireframen på 8 personer i oktober (10 var planlagt, sykdom tok to). Det viktigste funnet var også det vondeste: flyten for nytt journalinnlegg, selve hjertet i appen, var funksjonen som testet dårligst. Hvis det føles vanskelig å logge, er appen verdiløs – så hele flyten ble bygget om til én tydelig vei.

01
Research
Køer, unge, rommet mellom timene
02
Concept
Kjerneloop: ett trykk
03
Wireframe
Alle flyter i Figma
04
Test
8 økter, 12 oppgaver
05
Redesign
Prototype + designsystem

Wireframe-test

8 deltakere, hjemme hos dem selv

Flyten for nytt innlegg forvirret – tre konkurrerende innganger5 av 8Bygget om til én tydelig vei

Ville brukt appen hvis problemene ble fikset7 av 8Vi fikset dem

BankID gjorde appen trygg nok for sensitive notater6 av 8Beholdt i front

Navigasjonen intuitiv6 av 8Beholdt

Smilefjesene forstått, men plassert feil5 av 8Flyttet inn i journalflyten

Profilside ønsket – kontroll over egne data3 av 8Designet og lagt til

Kun BankID burde tilbys som innlogging2 av 8All annen innlogging fjernet

Brukerne endret mer enn det

Kun BankID. To testere påpekte at all annen innlogging luktet dårlig sikkerhet i en så sensitiv app. De hadde rett.

En profilside vi aldri planla. Med streak og ukesstatistikk, fordi flere uavhengig av hverandre ville ha kontroll over egne data.

«Statistikk» ble «oversikt». Ordet føltes kaldt for noe så privat. Vi gikk lenger: oversikten ble en skrollbar sti gjennom uken, dag for dag.

Det vi bevisst ikke endret: AI-chatten. Skepsisen kom uten et konkret designproblem, så vi ga den et ærligere ikon og innstillinger – og utsatte dommen til neste runde.

Fra wireframe til ferdig skjerm

Wireframen hadde tre bokser som alle så ut til å starte et innlegg. 5 av 8 slet med den. Nå: én tydelig vei, smilefjesene flyttet inn i journalflyten.

Wireframe

Ferdig

04Varme som krav

Kontrastfeilen var det beste som skjedde med designet

Halvveis inn strøk den første fargepaletten vår på kontrastsjekkene. Å fikse tilgjengeligheten tvang frem en full omtenking, og appen ble penere av det: rolig blått med varm gul og oransje, Montserrat for lesbarhet, avrundede former og myke skygger overalt, og en liten sol bygget av gradienter på profilsiden. De fem smilefjesene kommuniserer med både farge og uttrykk, så de fungerer for fargeblinde også.

10,07:1Hovedtekst på blåAAA

5,75:1SekundærtekstAA

Ingenting av dette er pynt. Hele veddemålet i appen er at noen som har en dårlig dag åpner den likevel. Hvert myke hjørne gjør en funksjonell jobb.

Kalenderen i Eir, farget etter humør — Kalenderen farger seg etter humøret ditt – og er trykkbar.

AI-chatten i Eir — AI-chatten: ærlig på at det er en bot, med vei videre til helsepersonell.

Valg jeg står for

Å la 8 brukere overkjøre 4 designere.

Kun BankID, profilsiden, navnebyttet. Hver gang vi tapte en diskusjon mot testdataene, vant produktet.

Å behandle tone som funksjon.

Navnebyttet fra «statistikk» og oversikten som en reise kom rett fra hvordan målgruppen snakket om sin egen psykiske helse.

Å ikke redesigne på tvil.

Skepsisen til AI-chatten kom uten noe konkret designproblem. Vi isolerte variabelen og utsatte dommen i stedet for å kaste om på alt.

Å la tilgjengelighet styre estetikken.

Kontrastfeilen var det beste som skjedde med det visuelle designet.

05Resultatet

Klar for neste testrunde

En ferdig interaktiv prototype og et designsystem, klart for neste testrunde. 7 av 8 testere sa de ville brukt appen hvis vi fikset det de hadde påpekt – og vi fikset det.

Eir – etter den norrøne gudinnen for beskyttelse, nåde og helbredelse.

Hva vi ville gjort annerledes

01Teste redesignet på en fersk gruppe

Den omdesignede prototypen burde møtt nye testere før eventuell utvikling – ikke bare de åtte som allerede kjente wireframen.

02Rikere dummy-innhold tidligere

Flere testere syntes det var lettere å vurdere appen når den så ut og føltes ekte. Grå bokser gir grå svar.

Vil du høre mer om arbeidet med Eir?

Ta kontakt Se flere prosjekter

Neste prosjektInnafor →