Above the Fold

Auch: Above-the-Fold, sichtbarer Bereich, erster Bildschirm, Hero-Bereich

Kurz gesagt.

Above the Fold ist der Teil einer Website, den Besucher sofort sehen, ohne zu scrollen. Hier entscheidet sich in Sekunden, ob jemand bleibt oder geht.

So funktioniert das.

Der Begriff kommt aus der Zeitung. Am Kiosk liegt sie gefaltet, sichtbar ist nur die obere Hälfte über dem Falz. Dort standen die Schlagzeilen, die zum Kauf bewegen sollten. Auf einer Website ist der Falz die Unterkante des Bildschirms. Alles darüber sieht jeder Besucher, alles darunter nur, wer scrollt.

Das heißt nicht, dass alles oben stehen muss. Menschen scrollen gern, wenn der Anfang sie überzeugt. Ein großer Bild-Slider, der alle paar Sekunden wechselt, ist hier dagegen fehl am Platz. Er bremst die Ladezeit, und kaum jemand wartet die zweite Folie ab.

Was das für dich heißt.

Auf dem Handy ist dieser Bereich klein, und er ist bei jedem Gerät etwas anders. Deshalb lohnt es sich, ihn auf das Wesentliche zu beschränken:

  • Was bietest du an, und für wen?
  • Wo bist du tätig?
  • Ein klarer nächster Schritt, etwa ein Call to Action zum Anrufen oder Anfragen.
  • Ein echtes Foto statt Stockbild mit Handschlag.

So machen wir das.

Wir richten den ersten Bildschirm am Ziel der Website aus: Anfragen, Bewerbungen oder Verkäufe. Unser Rat: Öffne deine Startseite auf dem Handy und frag dich, ob ein Fremder ohne Scrollen versteht, was du machst und wie er dich erreicht. Wenn nicht, liegt hier der größte Hebel für die UX deiner Seite, gerade beim Responsive Design.

Erklärt von dbw media, zuletzt geprüft am .