Layout

Det er viktig å gruppere innhold som hører sammen, slik at siden får et oversiktlig hierarki. Vi har flere virkemidler for å oppnå dette. Først og fremst bruker vi luft og typografi. Deretter kan vi fremheve viktig innhold ved bruk av bakgrunnsflater. Hvis det er behov for det, kan vi også bruke bokser og linjer.

I hovedsak skiller vi innhold ved å bruke godt med luft. Elementer som hører sammen står tettere enn elementer som ikke gjør det. Vi har et sett med spacing-blokker, som vi bruker for å få samme vertikale mellomrom på tvers av løsninger. Velg et sett på tre til fire spacing-blokker som du bruker igjennom løsningen.

Spacing-skala

Spacing er viktig for å skape system, hierarki og god rytme på tvers av løsninger. Se retningslinjer for spacing her.

Tydelig typografi gjør det enklere å skille innhold. Se retningslinjer for typografi her.

Vi bruker bokser sparsomt. Vi legger informasjon i en boks bare når vi har informasjon og elementer som må stå tydelig uthevet og atskilt fra annet innhold. Kortkomponenten er et eksempel på en boks.

Hvis det er viktig å spare plass, kan vi skille innhold fra hverandre med delelinjer. Dette er vårt siste virkemiddel, og vi bør bruke det så sjelden som mulig. Spør deg selv om du heller kan skille innhold fra hverandre med luft.

Vi har to hovedtyper av feilside:

• Siden finnes ikke (404 Not Found)
• Det har skjedd en feil med tjenesten eller underliggende tjeneste (ulike 500-feil)

På begge typer av feilside ønsker vi å forklare for brukeren hva som har gått galt og gi konkrete veier videre.

Et eksempel på en 404-side kan du se her i portalen. For andre type feil har vi et eksempel uten feilmelding og et eksempel med feilmelding.