Marius Moreite
NOEN
← Prosjekter

Eir. En følgesvenn for psykisk helse som måtte føles varm før den kunne være nyttig.

Kontekst
Eksamen, Designprosjekt, Høyskolen Kristiania
Tidsrom
Høsten 2024, hele semesteret
Team
4 studenter
Min rolle
Hoveddesigner
Verktøy
Figma, Miro

Kort fortalt

  • Vi designet Eir, en følgesvenn-app for unge som sliter med psykisk helse. Den skal støtte det ordinære helsetilbudet, ikke erstatte det: en terskelfri humørjournal, egne mønstre over tid, og muligheten til å dele journalen med psykologen din.
  • Testbrukerne våre overkjørte oss gang på gang, og designet ble bedre hver gang. De krevde BankID som eneste vei inn, en profilside vi aldri hadde planlagt, og nytt navn på en hel seksjon.
  • Varme og vennlighet ble behandlet som et funksjonelt krav, ikke pynt. I en app for psykisk helse er et kaldt grensesnitt en brukervennlighetsfeil.

8

Modererte økter

12

Testoppgaver

7 av 8

Ville brukt appen

Problemet

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.

Min rolle

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.

Konseptet

Kjerneloopen er bevisst liten: velg ett av fem smilefjes for dagen, og skriv et kort innlegg hvis du vil. Alt annet bygger på det. En kalender som farger seg selv etter humøret ditt. En oversikt som setter hvordan du har hatt det ved siden av data som aktivitet og puls. En AI-chat for øyeblikkene mellom menneskelig kontakt, med en vei videre til ekte helsepersonell. Og BankID på døra, fordi en journal så personlig må føles trygt og beskyttet.

Hele kjerneloopen: ett trykk.

Prosessen, og det brukerne overkjørte oss på

Vi testet wireframen på 8 personer i oktober (10 var planlagt, sykdom tok to): 12 oppgaver, 8 oppfølgingsspørsmål, 20 til 30 minutter hver, stort sett hjemme hos folk, fordi man får bedre tilbakemeldinger i egen sofa enn i et grupperom på skolen.

Det viktigste funnet var også det vondeste. Flyten for nytt journalinnlegg, selve hjertet i appen, var funksjonen som testet dårligst. 5 av 8 slet med den. Hjemskjermen vår hadde tre ulike bokser som alle så ut til å starte et innlegg, og folk skjønte ikke at de kunne bytte et valgt smilefjes. Hvis det føles vanskelig å logge, er appen verdiløs, så hele flyten ble bygget om til én tydelig vei.

Utvalgte funn fra wireframe-testen.

Wireframe-test · 8 deltakere, hjemme hos dem selv
FunnHyppighetAlvorlighetsgradStatus
Flyten for nytt journalinnlegg forvirret, tre konkurrerende innganger5 av 8HøyBygget om til én tydelig vei
Ville brukt appen hvis problemene ble fikset7 av 8PositivVi fikset dem
BankID gjorde at appen føltes trygg nok for sensitive notater6 av 8PositivBeholdt i front
Navigasjonen intuitiv6 av 8PositivBeholdt
Smilefjesene ble forstått umiddelbart, men var plassert feil5 av 8MiddelsFlyttet inn i journalflyten
Profilside ønsket, kontroll over egne data3 av 8ØnskeDesignet og lagt til
Kun BankID burde tilbys som innlogging2 av 8HøyAll annen innlogging fjernet

Brukerne endret mer enn det:

Én ting endret vi bevisst ikke: AI-chatten. Testerne var nøytrale eller skeptiske til å snakke med en AI om psykisk helse, men ingen kunne peke på et designproblem. Hypotesen vår var at en grå robot i en wireframe føles verre enn en varm, tydelig merket assistent i et ferdig design. Så vi beholdt funksjonen, ga den et vennligere ikon som er ærlig på at det er en bot, la til innstillinger for hvor mye tilbakemelding den gir og hva den husker, og utsatte dommen til neste testrunde i stedet for å redesigne på tvil.

Varme som krav

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

Aa

10,07:1

Hovedtekst på blå

AAA
Aa

5,75:1

Sekundærtekst

AA
Wireframe av hjemskjermen i Eir
Ferdig design av hjemskjermen i Eir
WireframeFerdig design

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.

Innloggingsskjermen i Eir-prototypen med BankID
Prototype: innlogging med BankID
Journalflyten i Eir-prototypen
Prototype: den ombygde journalflyten
Kalenderen i Eir-prototypen, farget etter humør
Prototype: kalender, farget etter humør
Oversikten i Eir-prototypen som en sti gjennom uka
Prototype: oversikten som sti
AI-chatten i Eir-prototypen
Prototype: AI-chatten
Eir-logoen
Eir-logo

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.

Resultatet

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.

Hva vi ville gjort annerledes

Testet den omdesignede prototypen på en fersk gruppe før eventuell utvikling, og gitt wireframen rikere dummy-innhold tidligere. Flere testere syntes det var lettere å vurdere appen når den så ut og føltes ekte.

Neste casestudieInnafor