Orientering før overbevisning: Gjør bedriftsnettstedet lettere å forstå
Et godt bedriftsnettsted gir besøkende raske svar på hvor de er, hva virksomheten tilbyr og hva de bør gjøre videre. Slik bygger dere et sammenhengende orienteringssystem.
Kategori: Webdesign og UX
En besøkende skal ikke måtte lære hvordan nettstedet deres fungerer. På få øyeblikk bør det være mulig å forstå hvilken virksomhet man har kommet til, hvilke behov den løser, hvor relevant innhold finnes og hva neste naturlige steg er.
Dette handler om mer enn en ryddig meny. Struktur, navigasjon, typografi, visuell identitet, tilgjengelighet og konvertering må fungere som ett samlet orienteringssystem. Når hvert element utvikles separat, oppstår det lett brudd: Menyen bruker andre begreper enn sidene, overskriftene mangler hierarki, og handlingsknappene endrer både navn og utseende gjennom kundereisen.
Resultatet kan se profesjonelt ut, men likevel være tungt å bruke. En mer nyttig tilnærming er å designe for tre spørsmål den besøkende stiller på nesten hver side: Hvor er jeg? Hva finner jeg her? Hva kan jeg gjøre videre?
Start med en tydelig oppgave for hver sidetype
Før dere diskuterer farger, fonter eller knapper, bør dere avklare oppgaven til de viktigste sidetypene. Forsiden, tjenestesiden, referansesiden og kontaktsiden har ulike roller. Hvis alle prøver å fortelle hele historien om virksomheten, blir nettstedet både repetitivt og utydelig.
Lag en enkel oversikt over sidetypene og beskriv én hovedoppgave for hver:
- Forsiden: Bekrefte at den besøkende har kommet riktig, og vise de viktigste veiene videre.
- Tjenesteoversikten: Hjelpe brukeren med å velge mellom virksomhetens tilbud.
- Tjenestesiden: Forklare et konkret tilbud, hvem det passer for og hvordan prosessen fungerer.
- Referansesiden: Redusere usikkerhet ved å vise relevant erfaring og gjennomføringsevne.
- Kontaktsiden: Gjøre det enkelt å velge riktig kontaktmåte og forstå hva som skjer etterpå.
Denne avklaringen gir et bedre grunnlag for både innhold og design. Den hindrer også at interne ønsker fyller sidene med elementer som ikke støtter brukerens oppgave.
Bruk samme språk i struktur og navigasjon
Mange bedriftsnettsteder blander kundens språk med virksomhetens interne organisering. Menypunkter som «Forretningsområder», «Kompetanse» eller «Løsninger» kan virke presise internt, men gir ikke nødvendigvis et klart bilde av hva som finnes bak dem.
Navigasjonen bør bruke ord som hjelper besøkende med å forutsi innholdet. En entreprenør kan for eksempel ha større nytte av menypunkter som «Rehabilitering», «Næringsbygg» og «Prosjektledelse» enn en samlet kategori kalt «Tjenester». Det riktige valget avhenger av hvordan kundene leter, og hvor omfattende tilbudet er.
Begrepene må også følges gjennom hele nettstedet. Hvis menyen sier «Regnskapstjenester», bør siden bruke det samme hovedbegrepet i overskrift, brødsmuler og relevante handlingsvalg. Stadige variasjoner kan være språklig elegante, men svekker orienteringen.
Skill mellom global og lokal navigasjon
Hovedmenyen skal gi tilgang til nettstedets viktigste områder. Den trenger ikke romme alle undersider. Innenfor et større fagområde kan lokal navigasjon vise relaterte tjenester, neste steg eller innhold som utdyper temaet.
En tjenesteside om rekruttering kan for eksempel ha lokale veier til lederrekruttering, prosessbeskrivelse og relevante kundeeksempler. Disse valgene bør presenteres som en del av siden, ikke presses inn i en overfylt hovedmeny.
Kontroller også mobilmenyen tidlig. En meny som fungerer med god plass på en stor skjerm, kan bli lang og uoversiktlig på telefon. Prioriter rekkefølgen, bruk tydelige nivåer og sørg for at åpne og lukkede menyvalg er enkle å oppfatte.
La typografien forklare innholdet
Typografi er en del av grensesnittet, ikke bare et spørsmål om stil. Forskjeller i størrelse, vekt, linjeavstand og plassering skal vise hva som hører sammen, og hva som er viktigst.
Et godt typografisk hierarki gjør det mulig å skanne siden uten å lese hvert ord. Hovedoverskriften beskriver sidens tema. Mellomtitlene deler innholdet i meningsfulle deler. Brødteksten forklarer. Korte fremhevinger og lister gjør viktige detaljer lettere å finne.
Unngå at flere elementer konkurrerer om samme visuelle nivå. Hvis hovedoverskrift, ingresstekst, statistikk, knapper og sitater alle er store og kraftige, blir ingenting tydelig prioritert. Bruk heller kontrast bevisst: stort mot lite, kraftig mot normalt og tett mot luftig.
Lesbarhet må testes med faktisk innhold. En skrifttype som fungerer i en kort designskisse, kan bli krevende i lange tjenestebeskrivelser. Se særlig på linjelengde, skriftstørrelse, linjeavstand og kontrast. Test også ved forstørring og på smale skjermer.
Gjør den visuelle identiteten funksjonell
En visuell identitet skal gjøre virksomheten gjenkjennelig, men på nettet må den også hjelpe brukeren. Farger, former, bilder og grafiske detaljer bør ha konsekvente roller.
Hvis profilfargen brukes både på knapper, dekorative flater, overskrifter og informasjonsbokser, kan det bli vanskelig å se hva som faktisk er klikkbart. Definer derfor funksjonelle regler. Én farge kan være reservert for primære handlinger, mens andre profilfarger brukes mer dempet i bakgrunner og illustrerende elementer.
Bildebruken bør støtte budskapet på siden. Ekte situasjoner fra virksomheten, ansatte i arbeid og konkrete leveranser gir ofte bedre sammenheng enn generelle miljøbilder. Samtidig må bildene ha en tydelig oppgave. De kan vise arbeidsform, skape tillit eller forklare et resultat. Bilder som bare fyller plass, gjør siden lengre uten å gjøre den klarere.
Visuell konsistens betyr ikke at alle sider skal se identiske ut. Det betyr at like elementer oppfører seg likt. Primærknapper bør se like ut. Informasjonsbokser bør følge samme mønster. Kort som kan klikkes, må kunne skilles fra kort som bare presenterer informasjon.
Bygg tilgjengelighet inn i orienteringen
Tilgjengelighet blir ofte behandlet som en kontroll etter at designet er ferdig. Det er mer effektivt å bruke tilgjengelighetsprinsipper som en del av selve orienteringssystemet. Tydelige overskrifter, konsekvent navigasjon og synlige tilstander hjelper alle brukere.
Viktige krav bør innarbeides i designet fra starten:
- Sørg for tilstrekkelig kontrast mellom tekst og bakgrunn.
- Ikke bruk farge alene for å vise status, feil eller valgt element.
- Gjør tastaturfokus tydelig på lenker, knapper og skjemafelt.
- Bruk beskrivende navn på knapper i stedet for gjentatte «Les mer».
- La innholdet fungere ved forstørring uten at tekst eller funksjoner forsvinner.
- Bruk en logisk overskriftsstruktur som gjenspeiler innholdets nivåer.
- Gi skjemafelt synlige etiketter og konkrete feilmeldinger.
Det er også viktig at tilstander kan oppfattes. En åpen meny, valgt fane eller aktiv filterknapp bør markeres med mer enn en svak fargeendring. Kombiner gjerne farge med form, tekst, ikon eller tydelig kant.
Knytt konverteringen til sidens innhold
Konvertering handler ikke om å plassere flest mulig knapper på siden. Det handler om å tilby en relevant handling når brukeren har nok informasjon til å ta neste steg.
En generell knapp med teksten «Kontakt oss» gir lite informasjon. En mer konkret handling som «Be om en vurdering», «Bestill en befaring» eller «Snakk med en rådgiver» forklarer bedre hva den besøkende kan forvente. Ordlyden må naturligvis stemme med det virksomheten faktisk tilbyr.
Det bør også være sammenheng mellom løftet i knappen og det som følger. Hvis brukeren velger «Be om tilbud», bør skjemaet være tilpasset en tilbudsforespørsel. Hvis knappen leder til en generell kontaktside med mange valg, brytes forventningen.
På komplekse tjenester er ikke alle klare til å sende en forespørsel. Tilby derfor et relevant mellomsteg, som å se et kundeeksempel, lese om arbeidsprosessen eller finne svar på vanlige spørsmål. Hovedhandlingen skal fortsatt være tydelig, men den trenger ikke være eneste vei videre.
Gjennomfør en orienteringstest på fem viktige sider
Dere trenger ikke vente på en full redesign for å finne svakheter. Velg fem sider som er viktige for virksomheten, gjerne forsiden, to tjenestesider, en referanseside og kontaktsiden.
Be en person som ikke jobber tett med nettstedet, om å vurdere hver side. Personen skal uten forklaring svare på følgende:
- Hvilken virksomhet og hvilket tilbud handler siden om?
- Hvem virker tilbudet relevant for?
- Hvor på nettstedet befinner du deg?
- Hva er den viktigste handlingen på siden?
- Hva forventer du skjer hvis du velger denne handlingen?
Observer hvor personen nøler. Ikke hjelp underveis. Usikkerhet rundt ord, knapper og plassering er mer verdifullt enn generelle meninger om hvorvidt designet er pent.
Gjenta testen på mobil og med tastatur. Forstørr innholdet og kontroller om rekkefølge, menyer og handlinger fortsatt er forståelige. Noter problemer som går igjen på flere sider. De peker ofte på svakheter i systemet, ikke bare på én enkelt side.
Prioriter reparasjoner som skaper sammenheng
Etter testen vil dere sannsynligvis finne både små og store forbedringsbehov. Start med endringer som påvirker flere sider: begreper i navigasjonen, typografisk hierarki, knappestiler, kontrast og plassering av hovedhandlinger.
Deretter kan dere forbedre sidetyper og enkeltinnhold. Målet er ikke å gjøre nettstedet visuelt ensartet for enhver pris, men å skape forutsigbarhet. Når brukeren forstår mønsteret på én side, bør den kunnskapen være nyttig på den neste.
Et godt orienteringssystem gjør nettsiden enklere å bruke, enklere å vedlikeholde og enklere å videreutvikle. Det gir også et bedre grunnlag for konvertering, fordi den besøkende slipper å bruke oppmerksomheten på å forstå grensesnittet. Den kan i stedet brukes på det egentlige spørsmålet: Er dette riktig virksomhet for behovet mitt?
