Identitet

5 små triks som gjør underverker for nettsidens design

Person med rød neglelakk holder mobil som har nettsiden til Chili Mobil aktiv. Foto
Portrett av Georg Almås. Foto
Georg Jensen Almås

georg@kult.design

Publisert: 19. mars 2019
Oppdatert: 21. april 2021

Har du opplevd frustrasjon når du er på en nettside og ikke klarer å finne informasjonen du er ute etter?

Dette er ikke nødvendigvis din feil, og handler som regel om hvordan nettsiden er designet. Designere har fem virkemidler de gjerne bruker for å styre blikket til brukerne dit de ønsker.

Disse virkemidlene er kategorisert slik:

  • Farge
  • Retning
  • Størrelse
  • Plassering
  • Gjennomsiktighet

Hvorfor er dette viktig å vite?

Ved å styre blikket til brukeren, bestemmer du hvilken informasjon brukeren ser først og hvilken informasjon brukeren legger merke til sist. Med andre ord: man kontrollerer rekkefølgen på informasjonen som blir presentert. Dette skaper et hierarki i designet, som gjør det lett for brukeren å finne den viktigste informasjonen først.

Når brukeren surfer seg gjennom nettsiden din er det altså ikke tilfeldig hvilken informasjon som først fanger brukerens oppmerksomhet. Dette kan for eksempel være en stor overskrift, en fargerik illustrasjon eller et bilde som gir kontekst for den mer detaljerte informasjonen som kommer senere.

Man bruker de ovennevnte virkemidlene til å skape oppsett som brukeren finner tilfredstillende, oversiktlig og brukervennlig.

StørrelseStørrelse er den vanligste måten å skape hierarki på. Dette fordi store elementer blir lagt merke til først.

FargeFarge er en annen effektiv måte å fange oppmerksomheten til brukerne på. Farger med høy metning, altså sterke farger, er mer tiltrekkende for øyet enn farger med lav metning, altså svake farger. Det er for eksempel ingen tilfeldighet at alle ambulanser i Norge har en neon-gul farge – de er nødt å være synlige for andre når de kjører i full fart gjennom trafikken.I eksempelet her kan man se hvordan sirkelen med en annen farge skiller seg ut fra resten.

RetningI en verden av kun vertikale streker, er det den horisontale streken som blir lagt merke til. Retningen til majoriteten av de grafiske elementene er med på å bestemme hierarkiet. En måte man kan ta nytte av denne teknikken er ved å plassere én tekstboks i en annen retning enn de andre tekstboksene. Slik vil brukeren legge merke til den ene boksen først.

PlasseringPlasseringen av informasjon på en nettside har også en innvirkning på hierarkiet. I vestlige samfunn starter vi å lese øverst på venstre side. På grunn av dette vil tekster som er plassert øverst til venstre derfor bli lest først.

PlasseringPlasseringen av informasjon på en nettside har også en innvirkning på hierarkiet. I vestlige samfunn starter vi å lese øverst på venstre side. På grunn av dette vil tekster som er plassert øverst til venstre derfor bli lest først.

PlasseringPlasseringen av informasjon på en nettside har også en innvirkning på hierarkiet. I vestlige samfunn starter vi å lese øverst på venstre side. På grunn av dette vil tekster som er plassert øverst til venstre derfor bli lest først.

Hvordan tar man i bruk denne informasjonen for å skape en brukervennlig nettside?

Disse fem virkemidlene kan kombineres for å veilede brukeren gjennom ditt design. I eksempelet under kan du se hvordan jeg har kombinert farge, størrelse og posisjon for å danne et hierarki, slik at brukeren leser informasjonen i riktig rekkefølge – hvor den viktigste informasjonen kommer tydeligst frem.

Det største problemet med nettsideoppsett, og hvordan du fikser det.

Kjennetegnet til en god layout er at designet er dynamisk. Dette vil si at øyet til brukeren beveger seg i en tilfredstillende bane rundt designet, slik som man kan se i eksemplet under.

Problemet med mange nettsider er ofte at øyet kun beveger seg i en retning; fra toppen og nedover til bunnen. I motsetning til det forrige designet, blir ikke øyet stimulert på samme måte og fører til at brukeren ikke liker designet like godt.