Verdensdagen for psykisk helse: Fra informasjonsflate til interaktiv opplevelse

Som del av Verdensdagen for psykisk helse sitt tredje år med «Psykisk beredskap» var det behov for å videreutvikle en allerede godt etablert sjekkliste til et mer interaktivt og nyttig verktøy, med koblinger til relevante ressurser som bland annet aktiviteter, undervisningsopplegg og podcast.

Samtidig var det behov for å gjøre temasiden mer dynamisk og engasjerende, med bedre synlighet på forsiden og fleksible løsninger for å integrere innholdet flere steder på nettsiden.

Arbeidet startet med å sette seg inn i hvordan sjekklisten var bygget opp, både teknisk og strukturelt. Jeg gikk gjennom modulbiblioteket i Sanity og undersøkte hvilke komponenter som allerede fantes.

Sjekklisten var allerede strukturert som en tidslinje, med et begrenset sett interaktive elementer som dropdowns, knapper og lenker. Dette ga et tydelig utgangspunkt for videre arbeid: hva kunne gjenbrukes, og hva måtte videreutvikles for å løfte både funksjon og brukeropplevelse.

Videre jobbet jeg med å koble innholdstyper til hvert punkt i sjekklisten, og definere hvordan dette best kunne presenteres visuelt. For eksempel kan aktiviteter og undervisningsopplegg presenteres i samme type komponent med bilde og tekst, men skilles tydelig med tags og farger for å indikere innholdstype.

Det ble til slutt definert tre hovedkomponenter:

1. Bilde og tekst: aktiviteter, plakater og undervisningsopplegg
2. Informasjonsboks: gjesteinnlegg
3. Spotify-komponent: lenker til podcast

De første skissene hadde innholdet plassert direkte inni hvert punkt i tidslinjen. Her ble det konkludert med at komponentene tok mye plass og krevde mye scrolling, noe som gjorde sjekklisten tung å navigere.

Løsningen ble derfor å beholde komponentene, men presentere dem i dropdowns, slik at innholdet ble mer kompakt og mindre visuelt dominerende i listen. Slik kan brukeren selv velge hvilke deler de vil utvide og fordype seg i.

I tillegg fikk sjekklisten en tydeligere introduksjon med tittel og ingress i toppen, for å gjøre det enklere for brukeren å forstå hensikten med siden.

Det ble også designet to varianter av en gjenbrukbar innholdsmodul for sjekklistepunktene, som kan brukes på tvers av nettsiden, og ikke bare på temasiden. Dette gir større fleksibilitet og gjør at sjekklisten kan brukes både som kampanjeverktøy og i andre kontekster, som for eksempel undervisningsopplegg. Her ble det landet på alternativ 2.

• Alternativ 1: En enkel visualisering av hvert punkt med tittel og tekst
• Alternativ 2: En mer omfattende variant med trekkspillmenyer og tilhørende ressurser

Temasiden hadde et tydelig behov for å løftes fra en statisk informasjonsflate til en mer opplevelsesbasert side. For å løse dette designet jeg en modul inspirert av scrollytelling, der bilde og informasjonsbokser beveger seg over en sticky bakgrunn ved scroll. Dette gir mer rytme og en tydeligere progresjon i innholdet.

Siden sjekklisten allerede bestod av gjenbrukbare komponenter, kunne disse integreres i modulen. I tillegg ble det også åpnet for mer bevisst bruk av flyt og dramaturgi gjennom farger, plassering og variasjon i innholdsoppsett.

Jeg designet også en ny sidetopp til temasiden i samme uttrykk. Den tidligere løsningen samlet mye innhold i toppen, inkludert video, noe som ga et statisk førsteinntrykk.

I den nye løsningen er det lagt inn scroll-effekt også i sidetoppen, slik at den henger bedre sammen med resten av temasiden. Video er samtidig flyttet ut i en egen modul med egen tittel og beskrivelse, som gir bedre kontekst og mer fleksibilitet i bruk.

Resultatet er en mer fleksibel og interaktiv løsning, der sjekklisten fungerer som et navigasjonsverktøy for innholdet. Ved å strukturere innholdet i moduler og legge det bak interaksjon, blir det enklere å orientere seg og velge hva man vil fordype seg i.

Temasiden er bygget opp med scrollytelling, som gir bedre flyt og progresjon i innholdet, og skaper en mer sammenhengende og engasjerende opplevelse.