Nytt design og ny plassering av innholdsmenyen på nav.no

Hva har vi justert?

Vi oppdaterer både plassering og design av innholdsmenyen på produktsider, slik gjør du det-sider, temasider og situasjonssider.

Det viktigste endringene på desktop er at innholdsmenyen

På mobil har vi også endret designet, men vi har beholdt konseptet med hovedmeny i topp og undermenyer for hvert kapittel. Vi har testet flere varianter av «sticky» innholdsmeny også på mobil, men ikke funnet noe som fungerer klart bedre enn dagens løsning.

Innholdsmenyen skal være en støtte under navigasjonen og samtidig ikke stjele for mye fokus. Derfor har vi justert designet og dempet fargebruken. Vi ønsker at folk skal konsentrere seg om å finne frem til og forstå innholdet, som ofte er komplekst og har stor betydning for rettigheter og plikter.

Hvorfor har vi justert?

Våren 2024 la vi ned mye arbeid i å pusse opp malene på nav.no. Et av de viktigste grepene vi tok, var å stramme opp innholdsstrukturen på tvers av produktsidene våre. Resultatet var en ny, standardisert innholdsmeny. Vi samlet også alt i én spalte, slik at opplevelsen ble lik uavhengig av om du bruker mobil eller pc.

Både menyen og strukturen ble grundig testet underveis, og innsikten vi har samlet i ettertid viser at vi har gjort veldig mye riktig så langt. Den nye menyen og strukturen gjorde det enklere for folk å navigere på sidene, og ga en mer helhetlig brukeropplevelse på tvers av produktene våre.

Likevel så vi at folk fortsatt strevde med å orientere seg på sider med mye innhold og mange underkapitler, og at vi ikke hadde knukket koden helt med utformingen av innholdsmenyen. Derfor har vi jobbet videre for å gjøre den enda mer brukervennlig og nyttig.

Selv om hovedutfordringene med mye innhold og lange sider ofte bunner i komplisert lovverk og for få team med tid og kapasitet til å jobbe godt med innholdet, ønsket vi å se: Hva kan vi gjøre med innholdsmenyen for å få den til å fungere så godt som mulig på både små og store skjermer?

Hvordan vi har jobbet

Vi startet med å skaffe oss innsikt i hvordan folk navigerer på sidene våre, og hvordan de bruker innholdsmenyen for å finne frem på de lange sidene våre. Vi var opptatt av å lande på et konsept som fungerer like godt på mobil som på desktop.

Vi ville også undersøke om forskjellene i hvordan folk navigerer på mobil og desktop gjør at innholdsmenyen bør ha ulik utforming på små og store skjermer.

Brukertest for å sammenligne ny og gammel utforming

Vi har brukertestet både ny og gammel versjon av innholdsmenyen. Vi testet for å se om den nye innholdsmenyen gjør det enklere for folk å få oversikt, finne frem til spesifikt innhold og forstå hvor på siden de er.

Ny versjon fungerte bedre på desktop

I brukertest så vi at mange gikk seg litt vill på sidene med gammel meny, spesielt de med mye innhold. «På et tidspunkt er man helt uten anker», som testperson uttrykte det. De fleste endte med å skrolle helt til toppen av siden igjen for å orientere seg på nytt.

Den nye varianten ble godt mottatt, både når menyen ble klikket på og når den bare ble brukt som et visuelt orienteringselement. Den gir god oversikt og forventningsstyrer hva som kommer før og etter.

Menyen fungerer altså som et slags «rekkverk» for brukerne å holde i, samtidig som vi utnytter plassen i sidemalen bedre.

Sticky innholdsmeny på mobil ga ingen tydelige gevinster

Den sticky menyen som følger brukeren på desktop, fungerer ikke like godt på mobil. Vi testet flere ulike versjoner av sticky innholdsmeny på mobil, men satt igjen med et tydelig inntrykk at folk enten overså knappen som åpnet menyen, eller oppfattet den som unødvendig «støy» (chat, driftsmeldinger fra Nav, eller lignende).

Selv når de som deltok i brukertesten ble oppmerksomme på menyen, tok de den ikke nødvendigvis i bruk for å navigere på siden. Vi beholder derfor menyen i hovedspalten på mobil. Den vil med andre ord fungere på samme måte som den gjør i dag, men med oppdatert design.

Hvorfor er innholdsmenyen viktig?

Innholdsmenyen skal gi folk en rask orientering om hva slags innhold som finnes på siden. Oppryddingen med ny struktur og kortere innholdsmeny har i seg selv gjort sidene mer oversiktlige. Både hovedmenyen og undermenyene i hvert kapittel blir mye brukt og har stor verdi for brukerne.

Mange ulike strategier og veier inn til stoffet

Vi ser at folk ofte bruker én hovedstrategi eller en kombinasjon av disse når de skal orientere seg på sidene våre:

Vi klarer med andre ord ikke å løse alle utfordringer med å finne frem på siden ved hjelp forbedringer i innholdsmenyen. De lange sidene med mye innhold er fortsatt krevende å navigere i, selv om brukerne nå finner alt på ett sted.

Det viser hvor viktig det er at vi jobber godt med innhold og struktur på sidene, samtidig som vi sørger for at innholdsmenyene gir god oversikt over innholdet på siden.