Hva kjennetegner en god nettside?

Innledning

Som grunnlegger og designsjef i Graphiq, er jeg lidenskapelig opptatt av gode digitale løsninger. De aller fleste har en nettside, men de færreste vet egentlig hva som skiller en god nettside fra en dårlig en. I denne artikkelen vil jeg dele mine tanker om akkurat det. Så hvis du lurer på hva som gjør en nettside god, hold deg fast og les videre!

Vi skal gjennom følgende:

1. Hvilke faktorer utgjør en god nettside?
2. Hva bør en nettside inneholde, og hvordan strukturere det?
3. Hvordan sikre god brukervennlighet på en nettside?
4. Hva er bra design og layout på en nettside?
5. Hvordan sikre høy ytelse på en nettside?
6. Eksempler på gode og dårlige nettsider
7. Oppsummering

Nettsiden til Lime Technologies er en god nettside, men hvorfor? La oss finne ut det.

1. Hvilke faktorer utgjør en god nettside?

Det finnes mange faktorer som påvirker dette, men de kan overordnet plasseres i fire hovedkategorier som vi skal utforske nærmere i denne artikkelen. Her er de, i prioritert rekkefølge:

1. Innhold: Innhold er kongen. Med innhold så mener vi all tekst, bilder og illustrasjoner som samlet forteller noe til den besøkende. Innholdet har en jobb å gjøre, og for de fleste bedrifter handler det om å gi den besøkende nok overbevisende informasjon for å få dem til å konvertere til å ta kontakt.
2. Brukervennlighet og navigasjon: En god nettside må være brukervennlig og enkel å navigere på. Dette innebærer blant annet at menyen bør være tydelig og lett å forstå, og at det skal være enkelt å finne frem til det man leter etter. Her hjelper det å følge vanlige prinsipper for navigasjon.
3. Design og layout: Design og layout er på en måte fatet selve innholdet serveres på, og dets jobb er å få fram innholdet på en best mulig måte. Og fordi vi også spiser med øynene, er det enkelt å forstå at design og layout på en nettside er viktig. Mennesker er svært visuelle vesener. Vi registrerer det visuelle uttrykket på en nettside umiddelbart, før vi har rukket å lese et eneste ord.
4. Ytelse: Det vil si hvor raskt siden lastes og hvor bra den fungerer under bruk. En nettside som er treg til å laste, eller som har feil og bugs, vil skape frustrasjon hos besøkende og kan føre til at de forlater siden før de i det hele tatt har sett innholdet.

Videre skal vi se nærmere på hvert av disse punktene

Det kan være en fordel å jobbe i svart/hvitt når man skal jobbe med innhold og struktur for å ha fullt fokus på nettopp det, og ikke begynne å henge seg opp i farger og andre design-detaljer for tidlig.

2. Hva bør en nettside inneholde, og hvordan strukturere det?

Det er selvfølgelig veldig spesifikt for hver nettside, men vi kan likevel si noe generelt om det basert på store mengder forskning og undersøkelser på nettopp dette. Det er laget millioner av nettsider tidligere, så all den akkumulerte kunnskapen om hva som fungerer og ikke kan vi ta i bruk når vi skal lage en ny nettside. Så hva slags innhold og hvilken struktur fungerer typisk? La oss se nærmere på det.

Veldig overordnet må innholdet være tydelig og overbevisende. Det må få tydelig fram hva selskapet er eller gjør, og overbevise den besøkende om at produktene/tjenestene er verdt å betale for. En god tommelfingerregel er at innholdet på nettsiden derfor burde svare på følgende spørsmål:

• Hva gjør selskapet? Hvilke produkter eller tjenester leverer det?
• Hvem er produktene/tjenestene for?
• Hva er unikt eller spesielt bra med produktene/tjenestene?
• Hvilke kunder kjøper allerede produktene/tjenestene?
• Hva sier kundene om det?
• Hva koster det?
• Hvordan fungerer produktet/tjenesten? (f.eks forklaring av funksjoner eller prosess)
• Hvem står bak selskapet?
• Hvordan kommer jeg i gang?

Så hva slags innhold fungerer typisk for å besvare disse spørsmålene?

Forsiden:

La oss starte med forsiden på nettsiden. Den skal gi den besøkende en umiddelbar forståelse av hva nettsiden handler om, og hva slags produkter eller tjenester som tilbys. Dette kan oppnås ved å bruke klare og tydelige overskrifter og underoverskrifter som beskriver virksomheten på en enkel og oversiktlig måte. En god struktur er ofte å prøve å svare på de fleste spørsmålene veldig overordnet så tidlig som mulig, og deretter gå mer i dybden på dem videre nedover forsiden. 

«Om oss»-side:

Deretter vil det for de fleste selskaper være viktig å ha en «Om oss»-side som gir en dypere forståelse av selskapets historie, verdier, og hva som gjør det unikt. Undersøkelser viser at «Om oss»-siden er som regel den nest mest besøkte siden etter forsiden, og derfor veldig viktig. Her kan man inkludere bilder av teamet (folk elsker å se andre ekte mennesker), beskrivelser av deres bakgrunn og kompetanse, samt eventuelle utmerkelser eller suksesser selskapet har oppnådd. 

Produkt- eller tjenesteside(r):

En annen viktig side er produkt- eller tjenestesiden. Her bør man ha en oversikt over alle produkter eller tjenester, med en kort beskrivelse og et bilde av hvert produkt/tjeneste. Det kan også være lurt å inkludere en FAQ-side for å besvare eventuelle spørsmål eller bekymringer som kundene kan ha. For noen selskaper med flere produkter/tjenester kan det være naturlig å dele hvert produkt eller tjeneste inn i egne undersider.

Kontaktinformasjon:

Til slutt er det viktig å ha tydelig kontaktinformasjon, enten på en egen side, eller tydelig plassert på forsiden. Dette inkluderer typisk en adresse, telefonnummer, e-postadresse, og eventuelt et kontaktskjema. Undersøkelser viser at det er en fordel å vise flere ulike måter å ta kontakt på, da det senker barrieren og gir brukeren mulighet til å ta kontakt på deres foretrukne måte.

3. Hvordan sikre god brukervennlighet på en nettside?

God brukervennlighet og navigasjon er avgjørende for å gi besøkende en positiv opplevelse på en nettside. Hvis brukeren ikke finner det hun leter etter, eller om nettsiden er rotete og vanskelig å navigere, vil det føre til at hun forlater siden og sannsynligvis går til en konkurrent. Derfor er det viktig å sørge for enkel og intuitiv navigasjon. 

En studie utført av Forrester Research fant at brukervennlighet er den mest kritiske faktoren for å øke konverteringer på en nettside. Videre fant studien at forbedring av brukervennlighet kan øke konverteringsraten med opp til 400%. Dette viser at god brukervennlighet og navigasjon kan ha en direkte innvirkning på bunnlinjen til et selskap. 

Navigasjon:

Så hva gjør en nettside brukervennlig? Først og fremst bør nettsiden ha en intuitiv navigasjonsstruktur. Dette betyr at besøkende enkelt skal kunne finne den informasjonen de leter etter uten å måtte lete for mye. Det bør også være klart hva de forskjellige seksjonene på nettsiden representerer. Et eksempel på en intuitiv navigasjonsstruktur er å ha en menylinje øverst på siden, som inneholder de viktigste sidene på nettsiden, og en footer nederst på siden, som inneholder mindre viktige sider og kontaktinformasjon. 

Hastighet:

En annen viktig faktor er hastighet. En undersøkelse utført av Google fant at 53% av mobilbrukerne forlater en nettside som tar mer enn 3 sekunder å laste. Det er derfor viktig å optimalisere nettsiden for å sikre rask lastetid. Dette kan gjøres ved å komprimere bilder og filer, minimere HTTP-forespørsler og bruke hurtigbuffer. 

Enkelhet:

Enkelhet er også viktig for brukervennlighet. Nettsiden bør ikke være overveldende eller rotete. Hvis det er for mye informasjon eller for mange elementer på en side, kan det føre til at brukerne blir overveldet og mister fokus. Det er derfor viktig å sørge for at nettsiden er ryddig og organisert, og at det er enkelt å finne det man leter etter. 

Responsivitet:

Til slutt bør nettsiden være responsiv. Det betyr at den skal fungere godt på alle enheter, inkludert mobiltelefoner og nettbrett. Med stadig flere brukere som bruker mobilen til å surfe på nettet, er det avgjørende at nettsiden fungerer godt på disse enhetene. I sum er god brukervennlighet og navigasjon viktig for å gi besøkende en positiv opplevelse på nettsiden, og for å øke konverteringsraten. Dette kan oppnås ved å ha en intuitiv navigasjonsstruktur, rask lastetid, enkelhet og responsivt design.

Det er svært viktig å sikre god navigasjon og brukervennlighet på din nettside. Det trenger ikke se like avansert ut som Londons undergrunns-nettverk, men sørg for å ha en forståelig flyt på nettsiden din, og guide besøkende enkelt til den informasjonen de søker.

4. Hva er bra design og layout på en nettside?

Hvis du ser på design som å sminke grisen, må du ta en runde rundt fjøset (er det et uttrykk?). Forskning viser at det visuelle uttrykket på en nettside har stor innvirkning på besøkendes oppfatning av en bedrift. Ifølge en studie fra Stanford University, vurderer 75% av brukere bedriftens troverdighet basert på nettsidens design.

Farger: 

Fargepaletten på en nettside kan ha en stor innvirkning på hvordan den oppfattes. Farger kan kommunisere en bedrifts verdier og personlighet, og kan også påvirke besøkendes humør og følelser. Ifølge en studie fra University of Loyola, Chicago, kan farger øke merkevaregjenkjenning med så mye som 80%. 

Riktig bruk av farger kan hjelpe til med å formidle dine merkevareverdier, øke oppmerksomheten til bestemte elementer og skape en generell følelse eller stemning. For eksempel kan varme farger som rød, oransje og gult skape en følelse av energi og entusiasme, mens kjølige farger som blå, grønn og lilla kan skape en følelse av ro og avslapning. 

På den andre siden kan feil bruk av farger føre til at nettsiden blir vanskelig å lese eller forstå. For eksempel kan en nettside som bruker for mange farger eller feil kombinasjoner av farger skape en forvirrende eller overveldende følelse.

Bilder og grafikk: 

Bilder og grafikk spiller også en viktig rolle i design av nettsider. Visuelt innhold kan hjelpe med å formidle komplekse ideer eller konsepter på en enkel måte, og kan også øke engasjementet og interesse fra besøkende. 

Det er viktig å velge riktig type bilder og grafikk for å oppnå ønsket effekt. For eksempel kan høykvalitetsbilder av produkter eller tjenester hjelpe med å øke konverteringene, mens bilder som ikke passer til innholdet kan føre til forvirring eller desinformasjon.

Typografi: 

Typografi er teknikken med å velge og plassere skrifttyper på en nettside. Riktig typografi kan hjelpe med å formidle viktige budskap, skape interesse og engasjement, og forbedre lesbarheten og navigasjonen på siden. 

En god typografi bør være lett å lese og i tråd med selskapets visuelle identitet. Feil valg av skrifttype eller størrelse kan gjøre det vanskelig å lese innholdet på siden eller skape forvirring.

Hvite områder og plassering av elementer:

Hvite områder betyr områder uten grafikk eller typografi. De trenger ikke nødvendigvis være hvite. De kan hjelpe med å dele opp innholdet på siden og gjøre det lettere å navigere, mens plasseringen av elementer som knapper og skjemaer kan hjelpe med å øke konverteringene. 

Feil plassering av elementer kan føre til at besøkende blir forvirret eller ikke finner det de leter etter. Igjen er det en god tommelfingerregel å følge gjenkjennbar layout og struktur, da det gjør det enklere for besøkende å navigere i innholdet.

Hvis jeg skal gi ett tips til design og layout, så må det være rom, luft, plass. Gi elementene pusterom, og et design vil med en gang oppleves mye mer behagelig.

75% av brukere vurderer bedriftens troverdighet basert på nettsidens design og layout.

5. Hvordan sikre høy ytelse på en nettside?

Ytelse påvirker både brukeropplevelsen, men også søkemotor-rangeringer. En nettside som tar for lang tid å laste inn vil føre til at besøkende blir frustrerte og sannsynligvis vil forlate siden raskt. Google har nylig introdusert Core Web Vitals, som inkluderer hastighet, interaktivitet og visuell stabilitet som viktige faktorer for nettstedets ytelse og brukeropplevelse. 

Her er noen tips for å sikre høy ytelse på en nettside: 

• Optimaliser bilder: Bilder er ofte den største kilde til forsinkelse når det kommer til lasting av en nettside. Optimalisering av bilder kan hjelpe med å redusere filstørrelsen og dermed redusere lastingstiden. Bruk et bildekomprimeringsverktøy eller en plugin for å automatisere prosessen. 
• Reduser HTTP-forespørsler: Jo flere elementer en nettside har, jo flere HTTP-forespørsler må nettleseren gjøre for å laste siden. Reduser antall bilder og scripts, eller kombiner filene sammen for å redusere antall forespørsler. 
• Bruk hurtig buffer: Hurtig buffer er en teknologi som holder nettsideelementer i minnet til brukeren, slik at elementene ikke må lastes på nytt når brukeren går til en annen side eller tilbake til den samme siden. Dette kan øke hastigheten på nettsiden. 
• Optimaliser koden: Nettsidekoden kan også ha en betydelig innvirkning på hastigheten. Fjern ubrukt kode, unngå dupliserte filer og minimer filstørrelsen. 
• Bruk Content Delivery Network (CDN): En CDN kan redusere lastingstiden ved å plassere kopier av nettsiden på flere servere over hele verden. Dette kan hjelpe med å redusere avstanden som dataene må reise, og dermed øke hastigheten på lasting. 
• Prioriter viktig innhold: Last inn viktig innhold først, som tittelen og hovedinnholdet på siden. Dette gir besøkende en følelse av at nettsiden laster raskt og kan holde dem engasjert mens mindre viktige elementer fortsatt lastes. 
• Test og analyser: Det er viktig å regelmessig teste og analysere nettsiden for å identifisere eventuelle problemer med ytelse. Verktøy som Google PageSpeed Insights og GTmetrix kan gi verdifulle innsikt i hastighet og ytelse, og peke ut områder som kan forbedres. 

Forskning viser at hastighet er en viktig faktor for brukeropplevelsen og kan ha stor innvirkning på konverteringsraten. En undersøkelse av Google fant at 53% av besøkende vil forlate en nettside hvis den tar mer enn tre sekunder å laste. Tre sekunder altså… Så sørg for at innholdet ditt faktisk blir lest ved å ha høy ytelse på nettsiden din.

Du har tre sekunder på deg. Om siden din ikke lastes innen den tid, vil 53% forlate siden før de har sett innholdet. Så ikke vær en sinke!

6. Eksempler på gode og dårlige nettsider

Nå som vi har sett på noen viktige faktorer for hva som gjør en nettside god eller dårlig, la oss se på noen eksempler på nettsider som illustrerer disse poengene. Disse nettsidene er hentet fra ulike bransjer, og viser hvordan ulike designvalg kan påvirke oppfatningen av selskapet og dets produkter/tjenester. 

Eksempler på gode nettsider: 

• Airbnb: Airbnb er kjent for å ha en minimalistisk og ren design som gjør det enkelt for besøkende å finne det de leter etter. De har også et klart og tydelig budskap som forklarer hva de gjør og hva de tilbyr. Navigasjonen er enkel og effektiv, og det er enkelt å finne frem til informasjon og bestillingsprosessen. 
• Dropbox: Dropbox sin nettside har et minimalistisk design som er svært visuelt tiltalende og gir et inntrykk av enkelhet og brukervennlighet. De har også en klar beskjed om hva de tilbyr, og hvordan det fungerer, noe som gir besøkende en god oversikt over produktet. Navigasjonen er enkel og effektiv, og det er enkelt å finne frem til informasjon og brukerstøtte. 
• H&M: H&M sin nettside er en god blanding av funksjonalitet og design. De har et rent og oversiktlig design som gjør det enkelt for brukerne å finne det de leter etter. I tillegg har de en rekke funksjoner og verktøy som gir besøkende en god handleopplevelse, som for eksempel «Outfit Creator» og «Size Guide». 

Airbnb.com: Kjent for å være en god og brukervennlig nettside.

Eksempler på dårlige nettsider: 

• Craigslist: Craigslist sin nettside er kjent for å ha en utdatert og rotete design som ikke har endret seg mye siden starten i 1995. Navigasjonen er uoversiktlig og det er vanskelig å finne frem til informasjon og produkter. I tillegg er siden kjent for å ha en høy grad av svindel og annen kriminell aktivitet. Veldig mange tjenester (som for eksempel Airbnb) er avarter av Craigslist, men har utkonkurrert siden med overlegen brukervennlighet og design.
• MySpace: MySpace sin nettside var på et tidspunkt svært populær som en sosial nettverksplattform, men har nå falt i stor grad ut av bruk. En av årsakene til dette er den dårlige designen, som var rotete og vanskelig å navigere. I tillegg var siden kjent for å være langsom og ustabil, noe som gjorde at brukere ofte opplevde problemer med å bruke plattformen. Vi håper disse eksemplene illustrerer hvordan designvalg kan påvirke brukeropplevelsen og oppfatningen av selskapet.

Nei, dette er ikke en skjermdump fra 1995. Dette er Craigslist i dag. Om du føler deg nostalgisk en dag og savner det glade 90-tall, trenger du ikke finne fram grilldressen fra OL på Lillehammer eller McMusic 11. Du trenger bare å ta en tur til https://oslo.craigslist.org/ 

7. Oppsummering

Vi kan oppsummere med å si at det er fire faktorer som utgjør en god nettside: Innhold, brukervennlighet, design og layout og til slutt ytelse.

Innhold:

Innholdet på nettsiden bør være relevant, overbevisende og tydelig, og besvare spørsmål som potensielle kunder kan ha. Det burde være tydelig organisert og strukturert i et hierarki i henhold til viktighet.

Brukervennlighet:

En nettside må være brukervennlig og enkel å navigere. Forskning viser at brukerne forventer en intuitiv navigasjon og enkelt tilgjengelig informasjon. Følg vanlig praksis, det fungerer best!

Design og layout:

Luft. Plass. Enkelhet. Det er det beste tipset jeg har til design og layout. Gi ting rom slik at innholdet får den plassen det fortjener. Det gjør det enklere for en besøkende å få med seg budskapet, og da er det større sjanse for at de konverterer.

Ytelse:

En nettside med høy ytelse vil gi en bedre brukeropplevelse, og øke sjansen for at brukeren konverterer til kunde. Det er viktig å optimalisere bildefiler, minimere antall HTTP-forespørsler og bruk av plugins og scripts.

Til slutt kan det sies at en god nettside krever en helhetlig tilnærming og kontinuerlig forbedring. Ved å ta hensyn til de nevnte faktorene, vil man kunne skape en nettside som er brukervennlig, estetisk tiltalende, innholdsmessig relevant og rask.