Et godt nettsted handler ikke bare om å se pent ut. Det må fange oppmerksomheten, være lett å bruke og være optimalisert for søkemotorer. Uansett om du bygger en nettbutikk, en blogg eller en firmaside, er det noen grunnleggende webdesign prinsipper som øker sjansen for at besøkende blir og handler.
I denne guiden får du en komplett oversikt over de 10 viktigste prinsippene for moderne webdesign, med praktiske tips du kan ta i bruk med en gang.
Før du begynner å bygge, må du stille deg spørsmålet: Hva er hovedmålet med nettstedet mitt?
Skal det selge produkter?
Bygge merkevare?
Samle leads?
Et nettsted uten et tydelig formål blir som et kompass uten nord. Alt innhold og alle designelementer bør støtte opp under disse målene.
Eksempel: Hvis målet er å selge produkter, bør landingssider være bygget for konvertering, med tydelige “Kjøp nå”-knapper og enkel navigasjon til handlekurv.
En god brukeropplevelse (UX) er selve fundamentet. Navigasjonen må være intuitiv, slik at besøkende finner det de leter etter på under 3 klikk.
Tips for bedre brukervennlighet:
Ha en synlig toppmeny med maks 6 hovedkategorier
Bruk brødsmuler (breadcrumb navigation)
Legg søkefeltet lett synlig
Over 60 % av trafikken på nettet skjer fra mobil. Et responsivt design sikrer at nettstedet automatisk tilpasser seg alle skjermstørrelser.
Fordeler med responsivt design:
Bedre brukeropplevelse
Høyere rangering i Google (mobilvennlighet er et rangeringselement)
Redusert fluktfrekvens (bounce rate)
Eksempel på SEO-vennlig tips: Bruk Google Mobile-Friendly Test for å sjekke om nettsiden din består testen.
Hver ekstra sekund lastetid reduserer konverteringsraten med opptil 20 % (Kilde: Google).
Tiltak for raskere nettside:
Komprimer bilder
Cache nettstedet
Velg en rask hostingløsning, sånn som lynsky.no som du kan bestille igjennom oss. Raske, stabile og billige servere. En ren drøm å bruke.
Fjern unødvendige bloating.
Bruk størrelse, kontrast, farger og plassering for å fremheve viktig innhold. Øynene våre trekkes naturlig mot store elementer og sterke farger først.
Pro-tips:
CTA-knapper (Call to Action) bør skille seg ut i farge fra resten av designet.
Et vakkert nettsted hjelper lite hvis ingen finner det. Optimaliser følgende:
Titler (H1, H2, H3) med nøkkelord
Meta-beskrivelser med primærnøkkelord i starten
Kort, beskrivende URL (slik vi har her: NCDesign.no/webdesign-prinsipper)
Interne lenker til relevante sider.
Gjenkjennelse skaper tillit. Bruk de samme fargene, fontene og bildestilene på alle sider. Ha en tydelig merkevareprofil, og bruk logoen konsekvent.
Et moderne nettsted bør være tilgjengelig for alle – inkludert personer med nedsatt syn eller hørsel.
Legg til alt-tekst på bilder
Bruk kontrastvennlige farger
Sørg for at nettstedet kan navigeres med tastatur
En CTA er ikke bare en knapp, det er en oppfordring til handling.
Eksempler:
“Få gratis tilbud”
“Meld deg på nyhetsbrev”
“Last ned e-bok”
CTA-er bør plasseres strategisk i toppen, midten og slutten av viktige sider.
Et nettsted er aldri ferdig. Det er en konstant kamp om topp plasseringen, og vis du ikke er øverst, er du sist. Brukt ting som:
A/B-testing av knapper, bilder og titler
Det er svært kostbart, vanskelig og til tider umulig å bare sette bort hele arbeidet. Men mye kan vi hjelpe deg med! Vi kan generere tekst, skrive om, bistå med utviklingen og designe nye og allerede eksisterende nettsteder. Vi har lidenskapen, kunnskapen og intensjonene om å gjøre det beste pr dagens dato. Høres det lokkende, så er det bare å slå på tråden 411 63 007, eller benytte deg av kontaktskjemaet, så kan også du få det lett på nett med NCDesign i ryggen.
Disse webdesign prinsippene gir deg et rammeverk som kombinerer estetikk, brukervennlighet og SEO. Følger du dem konsekvent, får du et nettsted som ikke bare ser bra ut men som også tiltrekker trafikk og konverterer besøkende til kunder.
Neste steg: Gå gjennom ditt eget nettsted og sjekk om det følger disse prinsippene. Vis ikke så kan du ta kontakt med oss på tlf: 411 63 007 eller benytte kontaktskjemaet under for solid støtte, fra dyktige og lidenskapelige utviklere.
