Noen få sekunder

Du har kun noen få sekunder på deg til å gi besøkende et godt førsteinntrykk. I løpet av de sekundene har det visuelle designet ditt en viktig rolle: Hvilken følelesemessing oppfattelse skaper fargevalg, typografi og bilder sammen med layouten? Stemmer de besøkendes oppfattelse overens med den visuelle identiteten du ønsker å oppnå for din merkevare?

Utstillingsvindu

Tenk på nettsiden din som et utstillingsvindu på nett for virksomheten din. Design og layout handler om hvordan du kan organisere og designe dette utstillingsvinduet på en måte som tiltrekker nettpublikum, presenterer produktene eller idéene dine på en attraktiv måte og frister de til å utforske videre.

Som å bygge hus

Design og layout kan sammenlignes med å bygge et hus. Husets farger, møbler og interiør tilsvarer nettsidens farger, knapper og innholdsblokker. Plantegningen avgjør romfordelingen i huset, mens nettsidens layout bestemmer hvor på siden ulike innholdselementer skal plasseres. Nettstedets navigasjon fungerer som døråpninger og ganger gjør i et hus. Besøkende ledes fra rom til rom – på nettstedet ledes de fra side til side.

Farger og bilder

Visuell identitet dreier seg om farger, skrifttyper, bilder og andre grafiske elementer som gir nettsiden et helhetlig uttrykk. Akkurat som interiør og fasade gir førsteinntrykket av et hus, skaper visuell identitet stemningen og merkevarefølelsen på en nettside. For eksempel kan et minimalistisk design gi et profesjonelt preg, mens fargerike elementer kan signalisere kreativitet og lekenhet.

Brukergrensesnitt

Det visuelle designet kalles gjerne brukergrensesnitt (UI), og er en viktig del av den totale brukeropplevelsen (UX) for et nettsted. Et estetisk tiltalende og intuitivt grensesnitt bidrar til en positiv brukeropplevelse. Her kan du lese mer om brukergrensesnitt.

Bygge hus analogi

Tenk deg at du skal bygge et hus. Brukergrensesnittet (UI) tilsvarer husets fasade, dører, vinduer og interiør. Det du ser og samhandler med direkte. Det skal være estetisk tiltalende, funksjonelt og enkelt å bruke. Brukererfaring (UX) tilsvarer totalopplevelsen av å bo i huset – fra du åpner døren til du forlater det. Er det komfortabelt, funksjonelt og innbydende?

Tilgjengelig for alle

God brukeropplevelse innebærer også at nettstedet er tilgjengelig for alle (Accessibility). Dette innebærer å utarbeide visuelle designelementer som har tydelige fonter, god kontrast, begrenset bruk av farger på titler og mengdetekst samt beskrivende alt-tekster på bilder. Her kan du lese mer om Accessibility.

Innholdselementer

I webdesign handler layout om å strukturere innholdselementer som overskrifter, bilder, knapper, menyer og videoer for å skape en brukervennlig side der besøkende raskt finner det de leter etter. Og dessuten påse at samme element oppfører seg likt på hele nettstedet – som for eksempel en «Kjøp»-knapp. En god layout sørger for at viktige elementer – som knapper, kontaktinformasjon og handlingsutløsende innhold – er lett tilgjengelig.

Sideoppsett

Sideoppsett handler om å plassere alle relevante innholdselementer logisk på nettsiden. Og gjøre en prioritering av hvilke som er viktigst og påse at disse tydelig skiller seg ut – for eksempel en overskrift eller en «Abonner»-knapp. Det handler også om å gruppere relaterte elementer, for eksempel en produktbeskrivelse kombinert med et produktbilde, for å skape klarhet.

Intuitiv navigasjon

Navigasjon på et nettsted tilsvarer hvordan folk beveger seg fra rom til rom i et hus. En god nettside bør ha en tydelig meny, logiske lenker og lett forståelige knapper slik at brukerne finner frem uten forvirring. Dårlig navigasjon kan føre til at besøkende gir opp og forlater siden. Enkle, intuitive menyer og gode søkefunksjoner gjør at de finner det de trenger – raskt og enkelt.

Responsivt design

Vi bruker mange enheter med varierte skjermstørrelser når vi konsumerer innhold på nett. Derfor er det viktig at nettsidens layout automatisk tilpasser seg ulike skjermstørrelser – enten brukeren besøker den via PC, nettbrett eller mobil.