Passende Aufgaben und Voraussetzungen
Der Einstieg hilft Besuchern einzuordnen, ob die Seite ihre Frage oder ihr Anliegen behandelt. Er sollte Thema, Relevanz und einen passenden nächsten Schritt verständlich machen.
UX & Design · SQUAREMOON Glossar
Above the Fold verständlich erklärt
Ohne Scrollen sichtbarer Einstiegsbereich einer Seite
Above the Fold bezeichnet den Bereich einer Webseite, der beim ersten Aufruf ohne Scrollen sichtbar ist. Seine Grenze hängt unter anderem von Fenstergrösse, Gerät, Browseroberfläche und Textdarstellung ab.1
Beispiel und Anwendung lesenAm Beispiel erklärt
Dieselbe Seite hat unterschiedliche sichtbare Einstiege
Fiktives Beispiel zur Veranschaulichung
Auf einem großen Bildschirm stehen Überschrift, Einleitung und Kontaktbutton nebeneinander mit einem Bild. Auf dem Smartphone folgt das Bild darunter. Das Team prüft beide Ansichten und erhält eine verständliche inhaltliche Reihenfolge.
So funktioniert es in der Praxis
Wie prüfen Sie den ersten sichtbaren Bereich?
Prüfen Sie Überschrift, kurze Einordnung und Handlungsangebot auf tatsächlichen Geräten. Geben Sie dem Inhalt eine sinnvolle Reihenfolge. Der sichtbare Anfang muss den Zweck vermitteln, ohne sämtliche Details in eine starre Höhe zu zwingen.
Begriffe auseinanderhalten
Was unterscheidet Above the Fold und Hero?
Above the Fold beschreibt einen sichtbaren Ausschnitt des Browserfensters. Hero bezeichnet einen gestalteten Einstiegsbereich. Ein Hero kann höher als der sichtbare Ausschnitt sein; unterhalb der Falz kann weiterer wichtiger Inhalt folgen.
Einsatz, Nutzen und Grenzen
Wann ist Above the Fold für Unternehmen relevant?
Welcher Nutzen entstehen kann
Ein klarer Einstieg kann eine nachvollziehbare Erwartung für den weiteren Inhalt schaffen. Er erleichtert die Auswahl, ob jemand weiterliest, einen Abschnitt aufruft oder eine angebotene Handlung nutzt.
Passende SQUAREMOON Leistung
Leistung ansehen Seiteneinstiege mit klarer Orientierung entwickeln
Vertiefen Sie das Thema auf unserer Leistungsseite.
Quellen und fachliche Grundlagen
Weiterführende Originalquellen
Diese Quellen vertiefen die fachlichen Grundlagen. Das Beispiel und die praktische Einordnung sind eigenständige Erläuterungen von SQUAREMOON, keine dokumentierten Kundenprojekte.
- Scrolling and AttentionNielsen Norman Group