Hjemmeside layout, der giver flere henvendelser fra kunder

Et godt hjemmeside layout handler ikke om at pynte på overfladen, til siden ligner noget fra en dyr designkonference med gratis croissanter. Det handler om at gøre det let for dine besøgende at forstå, hvem du er, hvad du tilbyder, og hvad de skal gøre bagefter. Så når du spørger, hvordan laver man et godt hjemmeside layout, er mit svar: Du starter med brugerens næste skridt, ikke med farverne.

Jeg ser ofte små virksomheder bruge alt for meget energi på, om knappen skal være grøn, sort eller “lidt mere sådan premium-agtig”. Fair nok. Farver betyder noget. Men hvis siden ikke fortæller klart, hvorfor kunden skal kontakte dig, hjælper den pæneste knap ikke ret meget. Så står hjemmesiden bare der og ser nydelig ud, mens henvendelserne tager en lur.

Et godt layout skal hjælpe dine besøgende fremad. Det skal fjerne tvivl, vise tillid og gøre kontakten let. Google anbefaler også, at du bygger din hjemmeside med brugeren i tankerne og gør det let at finde og forstå dit indhold. Det passer ret godt med virkeligheden: Folk kontakter sjældent den virksomhed, de ikke forstår.

Inden du tegner noget som helst, skal du beslutte, hvad siden skal gøre.

Skal den skaffe opkald? Kontaktformularer? Bookinger? Tilbudsanmodninger? Besøg i butik? Hvis du ikke vælger det, ender layoutet typisk med at prøve lidt af det hele. Og så får brugeren en buffet af valgmuligheder, men ingen tydelig vej.

For små virksomheder bør hjemmesiden som regel hjælpe med tre ting:

1. Forklare hvad du laver
2. Skabe tillid hurtigt
3. Gøre det let at kontakte dig

Det lyder simpelt, men det er her, mange sider knækker. Ikke fordi virksomheden er dårlig. Men fordi layoutet gemmer svaret på de vigtigste spørgsmål for langt nede på siden.

Vi har skrevet mere om den del i Hjemmesidens strategiske fundament, hvor pointen er den samme: Din hjemmeside skal bygges som et værktøj, ikke som en digital brochure med pæne billeder og krydsede fingre.

Når en besøgende lander på din hjemmeside, tænker personen sjældent: “Sikke en elegant gridstruktur.” Heldigvis. Det ville også være lidt bekymrende.

De tænker mere i retning af:

“Hjælper de sådan nogle som mig?”
“Kan jeg stole på dem?”
“Hvad koster det cirka?”
“Hvad gør jeg nu?”
“Er det her for dyrt, for bøvlet eller for smart til mig?”

Dit layout skal svare på de spørgsmål uden at kræve detektivarbejde. Derfor bør toppen af siden indeholde et tydeligt budskab, en kort forklaring og en synlig handling. Det kan være “Få en vurdering”, “Book en snak” eller “Se priser”. Hvad du vælger, afhænger af din forretning.

Hvis du vil have hjælp til en side, der faktisk arbejder for dig, er en professionel hjemmeside et godt sted at starte. Ikke fordi alt skal være stort og forkromet. Men fordi struktur, tekst, design og teknik skal spille sammen fra starten.

Et layout skal styre opmærksomheden. Ikke som en streng skolelærer med lineal, men som en god vært, der viser vej uden at gøre et nummer ud af det.

Nielsen Norman Group beskriver visuel hierarki som måden, designelementer organiseres på, så øjet ser det vigtigste først. Det kan du styre med størrelse, kontrast, afstand og gruppering.

På en hjemmeside betyder det, at overskriften skal være tydeligst. Din vigtigste handling skal være let at finde. Tekstblokke skal have luft. Og elementer, der hører sammen, skal stå sammen.

Her går det ofte galt:

• Alt har samme størrelse
• Alle knapper kæmper om opmærksomheden
• Der er for mange farver
• Tekster ligger for tæt
• Billeder fylder mere end budskabet
• Kontaktknappen gemmer sig som en genert konfirmand

Et godt hjemmeside layout prioriterer. Det siger: “Start her. Læs det her. Tryk her, når du er klar.”

Mobilvenligt design er ikke en lille udgave af desktop. Det er en anden måde at bruge hjemmesiden på.

På mobil har brugeren mindre plads, mindre tålmodighed og ofte en tommelfinger som primært værktøj. Det stiller krav til layoutet. Knapper skal være lette at ramme. Teksten skal kunne læses uden zoom. De vigtigste pointer skal komme tidligt. Og menuer skal være til at forstå.

Vi har uddybet det i Responsivt design på hjemmesider, fordi det ikke længere er en teknisk detalje. Det påvirker både brugerens vej gennem siden og din synlighed.

Google anbefaler desuden, at billeder har korte, beskrivende alt-tekster, så søgemaskiner bedre kan forstå billedets rolle på siden. Det er en lille detalje, men små detaljer har det med at samle sig til en hjemmeside, der virker bedre.

En CTA er den handling, du gerne vil have brugeren til at tage. På dansk: knappen, linket eller afsnittet, der får folk videre.

Det kan være:

• Ring til os
• Få en pris
• Book en tid
• Send en besked
• Se cases
• Få en gratis vurdering

Men du skal ikke drysse CTA’er ud over siden som krymmel på en børnefødselsdag. De skal placeres, hvor brugeren har brug for dem. Efter en forklaring. Efter et tillidspunkt. Efter en prisindikator. Efter en case.

Vi har skrevet mere om det i Optimér din konvertering med gode CTA, fordi en god knap ikke redder en dårlig side, men en dårlig knap kan sagtens spænde ben for en god side. Lidt irriterende, men sandt.

Her er de råd, jeg typisk ville give en mindre virksomhed, der vil have flere henvendelser fra sin hjemmeside:

1. Skriv den vigtigste besked øverst
   Fortæl hvad du laver, hvem du hjælper, og hvorfor det er relevant.
2. Brug én primær handling pr. side
   For mange valg gør folk trætte. Vælg den handling, der betyder mest.
3. Placér kontaktmuligheder synligt
   Telefon, formular eller booking skal ikke gemmes i bunden som en hemmelig bonus.
4. Brug billeder med en funktion
   Billeder skal støtte budskabet. Ikke bare fylde plads ud.
5. Skab luft mellem sektioner
   Luft gør siden lettere at læse og hjælper brugeren med at forstå, hvad der hører sammen.
6. Vis tillid tidligt
   Brug anmeldelser, cases, certificeringer eller konkrete resultater, når det giver mening.
7. Skriv knapper med handling
   “Kontakt os” kan virke. “Få en vurdering af din hjemmeside” siger mere.
8. Test siden på mobil først
   Hvis siden er træls på mobil, mister du henvendelser. Også selvom den ser flot ud på din store skærm.

Nielsen Norman Group peger også på grid, tydelig typografi, strategisk brug af farver og konsekvente designvalg som vigtige dele af et brugbart visuelt design. Det lyder måske lidt design-nørdet, men oversat til almindeligt dansk betyder det: Gør siden rolig, genkendelig og let at skimme.

Det her er en klassiker.

“Vi er passionerede.”
“Vi har mange års erfaring.”
“Vi leverer kvalitet.”
“Vi sætter kunden i centrum.”

Det kan alt sammen være rigtigt. Men hvis layoutet starter med virksomheden og ikke kundens behov, bliver siden tung at komme igennem.

Kunden leder efter hjælp til sit problem. Derfor bør dit layout bygge siden op omkring kundens situation:

• Hvad kæmper kunden med?
• Hvad tilbyder du?
• Hvordan foregår det?
• Hvorfor kan kunden stole på dig?
• Hvad er næste skridt?

Når du svarer på det i en klar rækkefølge, føles siden mere hjælpsom. Og hjælpsomme sider får oftere henvendelser end sider, der står og råber “vi er dygtige” med armene over hovedet.

Du laver et godt hjemmeside layout ved at starte med formålet, bygge siden op efter brugerens spørgsmål og placere de vigtigste handlinger, hvor de giver mening. Designet skal ikke imponere for sin egen skyld. Det skal hjælpe folk med at vælge dig.

Min anbefaling er at starte med forsiden eller den vigtigste landingsside. Skriv først indholdet i rå form. Beslut derefter rækkefølgen. Først til sidst bør du finpudse farver, billeder og knapper.

En god struktur kan se sådan her ud:

1. Klar overskrift med værdi
2. Kort forklaring af ydelsen
3. Tydelig CTA
4. Tillidsskabende elementer
5. Uddybning af problemet
6. Forklaring af løsning og proces
7. Cases eller anmeldelser
8. Ofte stillede spørgsmål
9. Gentaget CTA

Det er ikke en regel hugget i granit. Men det er et stærkt udgangspunkt, fordi det følger den måde, mange kunder vurderer en virksomhed på.

Vil du sammenligne med en bredere gennemgang, kan du også læse Hvordan laver man det gode hjemmesidedesign? 10 tips der virker. Den går mere ind i hjemmesidedesign, mens denne artikel især handler om layoutet som motor for flere henvendelser.

Et godt hjemmeside layout føles ikke nødvendigvis vildt. Det føles klart.

Den besøgende forstår hurtigt, hvad du laver. De kan se, om du passer til deres behov. De finder svar uden at skulle rode rundt. Og når de er klar, ved de præcis, hvor de skal trykke.

Det er dér, layoutet begynder at skaffe henvendelser. Ikke ved at larme mere. Men ved at fjerne friktion.

Og ja, det er mindre glamourøst end en kæmpe animation, der flyver ind fra venstre. Til gengæld virker det bedre. Det plejer at være en meget fin byttehandel.

• Google Search Central: SEO Starter Guide
• Nielsen Norman Group: Visual Hierarchy in UX
• Nielsen Norman Group: Good Visual Design, Explained
• næmt.nu: Professionel hjemmeside
• næmt.nu: Hjemmesidens strategiske fundament
• næmt.nu: Optimér din konvertering med gode CTA
• næmt.nu: Responsivt design på hjemmesider