Above the fold

“Above the fold” stammer fra trykte aviser, der lå foldet på salgsstedet. Den øverste halvdel skulle fange interessen. På en hjemmeside bruges udtrykket om det indhold, der er synligt, før brugeren scroller.

Den digitale fold er ikke én bestemt linje. Den flytter sig med skærmstørrelse, browser, zoom, cookie-banner og hvor meget plads en header tager. På en bærbar kan en hel hero være synlig. På en telefon kan samme område kun vise overskrift og toppen af en knap.

Det vigtigste er, at brugeren hurtigt kan orientere sig: Er jeg det rigtige sted? Hvad tilbyder virksomheden? Er der en grund til at læse videre?

En god overskrift er mere værd end fire generelle slogans. “Professionel kvalitet til din virksomhed” kunne stå på en printer, et revisionsfirma eller en vinduespudser. “Få udskiftet dine vinduer uden at stå med koordineringen selv” siger noget om ydelsen og problemet.

En kort forklaring kan give nødvendige nuancer. Derefter bør der være et oplagt næste skridt: se priser, book tid, få tilbud eller se produkter. Det behøver ikke være en aggressiv CTA. En rolig “Se hvordan det foregår” kan være mere passende ved en kompleks ydelse.

Troværdighed kan også have en plads: geografisk område, antal års erfaring eller en konkret garanti. Men vælg det signal, der faktisk reducerer tvivl. Fem badges, stjerner, logoer og tællere kan gøre området mere mistænkeligt end trygt.

En frisørsalon har et stort stemningsfoto, teksten “Velkommen til vores univers” og en knap med “Læs mere”. En ny kunde kan ikke se by, behandlinger, prisniveau eller bookingmulighed. Designet ser flot ud i præsentationen, men svarer ikke på det, kunden kom efter.

En stærkere version kan vise salonens navn, “Frisør i Aalborg med online booking”, en kort linje om klip og farve samt knappen “Book tid”. Fotoet kan stadig bære stemningen. Forskellen er, at billedet ikke længere skal udføre tekstens arbejde.

Det betyder ikke, at alle informationer skal stå før folden. Prisliste, team, behandlinger og anmeldelser kan komme længere nede. Første område skal åbne døren, ikke flytte hele butikken ud på fortovet.

På mobil fylder en menu, browserens adressefelt og eventuelt et cookiebanner en stor del af højden. Et hero-billede på 100vh kan skubbe hele budskabet under folden. Derfor skal det responsive design have særskilte beslutninger, ikke bare mindre skrift.

Knapper skal være trykbare, teksten må ikke ligge oven på et uroligt område i billedet, og de første ord i overskriften skal bære meningen. En bruger ser måske kun “Vi skaber løsninger…” før linjen bryder. Det er ikke nok.

Test også langsom indlæsning. Hvis baggrundsvideoen kommer fem sekunder senere, skal tekst og kontrast stadig fungere. Det første indtryk må ikke afhænge af, at en tung fil når frem.

Den ene er “Ingen scroller”. Folk scroller gerne, når de forstår, at der er noget relevant længere nede. Den anden er “Alt skal være above the fold”. Det skaber små fonte, mange kolonner og en side, der råber i stedet for at forklare.

En tredje er at optimere området efter intern politik: alle afdelinger vil nævnes, alle kampagner vil have en knap, og ledelsen vil have missionen med. Resultatet er sjældent godt for den besøgende.

Brug i stedet data og samtaler. Hvilke spørgsmål stiller nye kunder først? Hvilke sider forlader de? Hvad søger de efter? Det første skærmbillede bør afspejle den vigtigste søgeintention og den centrale opgave.

Se også vores eksempel på en hjemmeside til en vinduespudser, hvor ydelse, område og kontaktmulighed skal stå tydeligt fra starten.

Above the fold skal ikke færdiggøre salget i alle tilfælde. Ved en simpel booking kan det måske ske. Ved en større investering skal området give retning og tillid nok til, at læseren fortsætter.

På en god landingsside hænger første skærmbillede sammen med resten: påstanden bliver dokumenteret, processen forklaret, tvivl besvaret og handlingen gentaget på naturlige steder.

Det første område er derfor vigtigt, men ikke helligt. Den bedste løsning er den, der gør resten af siden lettere at forstå.