Above the Fold

Was bedeutet Above the Fold?

Der Begriff stammt aus dem Zeitungsdruck. Gefaltete Zeitungen lagen am Kiosk so, dass nur die obere Hälfte der Titelseite sichtbar war. Dort standen die wichtigsten Schlagzeilen, weil sie über den Kauf entschieden.

Im Web meint Above the Fold den Bereich, den du nach dem Laden einer Seite siehst, ohne zu scrollen. Eine feste Linie gibt es nicht. Wo der Fold liegt, hängt von Gerät, Bildschirmgröße und Browserfenster ab. Auf dem Smartphone ist dieser Bereich deutlich kleiner als auf dem Desktop.

Warum Above the Fold wichtig ist

In den ersten Sekunden entscheiden Besucher, ob sie hier richtig sind. Der sichtbare Bereich muss deshalb beantworten: Was ist das, ist es für mich, und was kann ich als Nächstes tun? Das heißt nicht, dass alles nach oben gehört. Menschen scrollen durchaus, aber nur, wenn der Einstieg sie überzeugt. Above the Fold ist also weniger Ablage für möglichst viele Inhalte als ein Versprechen, dass sich Weiterlesen lohnt.

So nutzt du den Bereich Above the Fold in der Praxis

• Formuliere ein klares Wertversprechen in einer Überschrift, die ohne Kontext verständlich ist.
• Zeig eine eindeutige nächste Handlung, etwa einen primären Button oder einen sichtbaren Hinweis, wie es weitergeht.
• Verschwende keinen Platz mit riesigen Slidern, Cookie-Bannern über dem halben Bildschirm oder dekorativem Weißraum ohne Funktion.
• Prüfe auf echten Geräten, vor allem auf gängigen Smartphones, nicht nur im Designtool.
• Vermeide falsche Böden: Wirkt die Seite unten abgeschlossen, scrollt niemand weiter. Lass Inhalte sichtbar angeschnitten.

Beispiel

Ein Modeshop zeigt auf der mobilen Produktseite ein bildschirmfüllendes Lifestyle-Foto. Preis, Größenauswahl und Warenkorb-Button erscheinen erst nach dem Scrollen. Im Nutzertest suchen viele Teilnehmende zuerst den Preis. Ein kompakteres Bild mit Name, Preis und Button im sichtbaren Bereich löst das Problem.