Oberhalb der Falte: Maximierung der Aufmerksamkeit auf Ihrer Website

Im Kern ist "above the fold" ein beliebter Begriff unter Webdesignern, der sich auf Inhalte auf einer Website bezieht, die ohne Scrollen nach unten sichtbar sind. Der Begriff stammt aus den Printmedien, wo er sich historisch auf Inhalte bezog, die auf der Titelseite von Zeitungen zu sehen waren, bevor sie in der Hälfte gefaltet wurden. Auf Websites bedeutet dies in der Regel, dass alle wichtigen Elemente - wie Navigationsmenüs, Markenbotschaften und Aufrufe zu Aktionen - im oberen Bereich einer Website positioniert werden sollten, damit sie allen Besuchern sofort angezeigt werden, wenn sie auf Ihrer Seite landen, ähnlich wie es Zeitungsredakteure früher taten.

Wenn man über "above the fold" im Sinne der Kosmologie nachdenkt, ergibt sich eine interessante Metapher: So wie verschiedene Galaxien weit voneinander entfernt existieren und sich aufgrund der Schwerkraft nicht wirklich zu einem Universum (oder Multiversum?) zusammenschließen können, wird es auch immer einige Aspekte unserer Websites geben, die isoliert bleiben und niemals in den oberen Bereich passen - egal, wie sehr wir uns bemühen. Das ist etwas, worüber Webdesigner öfter nachdenken müssen, um wichtige Inhaltsbereiche nicht mit zu vielen Bildern oder Elementen zu überfrachten, was sich mit der Zeit negativ auf die Nutzererfahrung oder sogar auf das SEO-Ranking auswirken kann, da Google sehr aufmerksam ist und sinnvolle, übersichtliche Inhaltslayouts belohnt.

Die gefürchtete Bildlaufleiste eröffnet jedoch viele Möglichkeiten für kreative Webdesigns, indem sie Ebenen einführt, damit man nicht auf scheinbar leeren weißen Raum schauen muss, bis zusätzliche Informationen geladen sind. Sogar Google verlangt minimale Hindernisse auf verschiedenen Geräten, so dass mobile Nutzer schneller als je zuvor auf alles zugreifen können, was unter der sprichwörtlichen Linie versteckt ist, dank der heutzutage weitgehend verbesserten Online-Verbindungsgeschwindigkeiten. Damit schließt sich der Kreis zu den Überlegungen zum Thema "Above the Fold", die auch heute noch digitale Design-Entscheidungen vorantreiben, obwohl fast zwei Jahrzehnte vergangen sind, seit Zeitungen die Homepages dominierten, vor allem, weil die Kunden eine sofortige Befriedigung ihrer Botschaften über intuitive UX-Routen wünschten, die durch Wireframing-Projekte aufgebaut wurden, die detaillierte Funktionsplatzierungswege pro Gerätetyp-Szenario innerhalb von zentral koordinierten Seitenumrissen abbilden, die als branchenweit empfohlene Best Practice im Jahr 2020 und darüber hinaus gelten.

1. Navigationsleisten
2. Kopfzeilenbilder und Videos
3. Schaltflächen zum Teilen in sozialen Netzwerken
4. Logos und Branding-Elemente
5. Felder des Suchfeldes
6. Primäre Abschnitte mit Handlungsaufforderungen
7. Die wichtigsten Nachrichtenbereiche
8. Galerie Bilder & Video-Player
9. Auszüge aus Kundenberichten 10. Elevator Pitches
   

1. Priorisieren Sie die wichtigsten Elemente wie Ihr Logo, die CTA-Schaltfläche (Call to Action) und die Überschrift, so dass sie oberhalb der Falz erscheinen und die Aufmerksamkeit der Besucher sofort auf sich ziehen.
2. Sorgen Sie für ein ausgewogenes Verhältnis zwischen dem Inhalt "oberhalb der Falz" und ergänzenden visuellen Elementen, um ein ansprechendes Design zu schaffen. Die Verwendung von Bildern, Grafiken oder Videos wird die Besucher dazu bringen, weiter nach unten zu scrollen.
3. Vergewissern Sie sich, dass alle Links an der Stelle oberhalb des Falzes ordnungsgemäß funktionieren; fehlerhafte Links können nicht ignoriert werden, wenn die Nutzer das Gesuchte nicht schnell genug finden.
   

1. Elemente, die im "Above the fold"-Bereich angezeigt werden, erhalten 8,3 Mal mehr Aufmerksamkeit als Inhalte weiter unten auf der Seite.
2. 42 % der Unternehmen optimieren zuerst die Inhalte, die oberhalb der Falz erscheinen, bevor sie andere Elemente berücksichtigen.
3. Webseitenbesucher entscheiden oft innerhalb von 7-15 Sekunden nach dem Öffnen einer Website, ob sie bleiben oder weitergehen.
4. 55 % der Menschen scrollen nicht und sehen daher nur das, was ihr ursprüngliches Sichtfeld ihnen zeigen kann, was als "Above the Fold"-Erlebnis bekannt ist.
5. 65 % der Unternehmen verringern die Absprungrate, wenn Bilder oberhalb der Falz eingefügt werden, damit die Besucher schnell erkennen können, wer sie sind und was sie anbieten.
6. Untersuchungen haben ergeben, dass der Unterschied zwischen "oberhalb" und "unterhalb" der Falzlinie in Bezug auf Klicks und Interaktionen bei etwa 25 % liegt.
7. Wissenswertes: Das Konzept "Above the Fold" stammt aus dem Zeitungsdruck, wo wertvoller Platz auf den oberen Titelseiten platziert wurde, weil die Falzlinien beim Falzen zu erstklassigem Anzeigenraum wurden!
   

Das Konzept "above the fold" gibt es schon eine Weile im Webdesign, und es wird so schnell nicht verschwinden. Er geht auf die Anfänge der Zeitungen zurück und bezieht sich auf die Position auf einer Webseite, die sichtbar ist, ohne dass nach unten gescrollt werden muss - gemeinhin als "Prime Real Estate" bezeichnet, da dieser Bereich von den Website-Nutzern am ehesten beachtet wird.

Was über diese Linie hinausgeht, steht daher zur Debatte: Sollten Sie eine offene Einladung zur Anmeldung anbieten? Das stark beworbene spezifische Stück Inhalt? Ein Video, das Ihr Leitbild verkündet? Eine ausgefallene Aussage oder ein visueller Effekt? Je nachdem, wer darüber spricht, kann die Antwort anders ausfallen - aber in einem Punkt sind sich fast alle einig: Dieser entscheidende Bereich muss die Aufmerksamkeit auf sich ziehen und halten.

Websites verfügen heute oft über eine ausgefeilte Codierung, die viel mehr Freiheiten bei der Platzierung von Dingen im Vordergrund erlaubt als je zuvor - Landgrafiken blockieren Navigationsschaltflächen; einige Namen, die jetzt sogar in Umlauf gebracht werden, sind Scrolling (automatisches Gleiten zwischen den Seiten), Flat (Rendering von nichts anderem als dem, was benötigt wird) oder angepasste CSS-Overlays, bei denen nur das Wesentliche zuerst erscheint. Ein Designer kann nun eine ganze Reihe von Techniken anwenden, um sicherzustellen, dass die Besucher lange genug bleiben, um jedes Wort zu lesen - was bedeutet, dass er Wege finden muss, um genau das Richtige an den Anfang zu stellen. Die aktuellen Trends zeigen Entwürfe, bei denen sich die Seitenelemente viel freier bewegen, so dass herkömmliche Strukturen in gewisser Weise obsolet werden. Das bedeutet, dass die Designer noch klüger sein müssen, wenn sie hier ihre Werte widerspiegeln, denn wir wissen, dass potenzielle Kunden unter der sprichwörtlichen Falte sehnsüchtig warten, warum sie also nicht gleich zufrieden stellen?

In vielerlei Hinsicht wird "Above the fold" in absehbarer Zeit nicht verschwinden, aber die Art und Weise, wie Website-Besitzer relevante moderne Design-Trends interpretieren, kann sich im Vergleich zu den Ursprüngen des Konzepts vor Jahrzehnten deutlich unterscheiden. Es ist nach wie vor wichtig - vor allem, wenn es verantwortungsbewusst eingesetzt wird - und weit entfernt von Füllinhalten, die dazu führen, dass die Besucher schnell wieder abspringen! Heutzutage konzentrieren sich UX/UI-Profis besonders sorgfältig auf die Kreativität, da technische Fortschritte wie bewegungsbasierte UI-Plattformen und clever platzierte Visuals zusammen mit überzeugenden Handlungsbögen die Entscheidungen der Kreativdirektoren in den letzten Jahren stark beeinflusst haben... was bedeutet, dass die wichtigsten Immobilien weiterhin optimiert werden, bis sie jedes Mal zufriedenstellende Ergebnisse liefern.