Was Besucher Sehen, Bevor Sie Scrollen
Das Konzept „Above the Fold" — entlehnt aus dem Zeitungslayout, wo die wichtigsten Inhalte in der oberen Hälfte der gefalteten Titelseite erschienen — bleibt eines der zuverlässigsten Prinzipien im Webdesign. Nutzer handeln auf Basis dessen, was sie sofort sehen. Inhalte, die Scrollen oder eine Interaktion erfordern, erhalten deutlich weniger Aufmerksamkeit und Engagement als Inhalte, die beim Aufrufen der Seite sofort sichtbar sind.
Auf die Navigation angewandt bedeutet das: Die Navigationselemente, die sofort sichtbar sind, wenn ein Besucher Ihren Shop aufruft — ohne Scrollen, ohne Menü öffnen, ohne jegliche Interaktion — sind diejenigen, die zuverlässig jeden Besucher beeinflussen. Navigationselemente, die das Öffnen eines Menüs, das Scrollen an einem Header vorbei oder die Interaktion mit einem Dropdown erfordern, erreichen nur die Teilmenge von Besuchern, die motiviert genug ist, diese zusätzlichen Schritte zu unternehmen.
Für mobile Besucher — die den Großteil des Traffics der meisten Shops ausmachen — ist die Above-the-Fold-Navigationsfläche noch stärker eingeschränkt als auf dem Desktop. Ein Standard-Mobilbildschirm zeigt einen Header mit einem Logo und einem Hamburger-Symbol. Das war's. Die gesamte above the fold sichtbare Navigationskapazität besteht aus einem einzigen Symbol, das beim Tippen ein Menü öffnet. Der Preis dieser Einschränkung ist, dass jede Navigationsaktion mindestens ein zusätzliches Tippen erfordert, bevor der Besucher mit der Navigation beginnen kann.
„Wir haben verfolgt, welche Navigationselemente von Erstbesuchern im Vergleich zu wiederkehrenden Besuchern genutzt wurden. Erstbesucher nutzten das Hamburger-Menü nur zu einem Bruchteil der Rate wiederkehrender Besucher — sie stützten sich fast ausschließlich auf die Tab Bar. Die Tab Bar war above the fold sichtbar; das vollständige Menü erforderte eine Interaktion. Was sofort sichtbar war, steuerte das Verhalten. Was Aufwand erforderte, wurde größtenteils ignoriert."
— Ein Navi+-Kunde, Lifestyle-Marke mit mehreren Kategorien
Das Above-the-Fold-Navigationsverzeichnis
Bevor Sie Änderungen vornehmen, lohnt es sich, genau zu prüfen, welche Navigationselemente derzeit above the fold in Ihrem Shop sichtbar sind. Das bedeutet, Ihren eigenen Shop auf einem repräsentativen Mobilgerät anzuzeigen — nicht in einem Browserfenster mit Entwicklertools, das einen mobilen Viewport simuliert, sondern auf einem echten Telefon — und genau zu notieren, welche Navigation ohne Scrollen oder Interaktion vorhanden ist.
Für die meisten Standard-Shopify-Theme-Konfigurationen ist dieses Inventar minimal: eine Header-Leiste mit einem Logo, einem Hamburger-Symbol und einem Warenkorb-Symbol. Drei Elemente, von denen zwei Symbole sind. Der Hamburger öffnet ein Menü. Der Warenkorb öffnet den Warenkorb. Es gibt keine direkte Navigation zu einer bestimmten Produktkategorie, keine Abkürzung zu aktuellen Aktionen, keinen Pfad zu den wichtigsten Zielen des Shops.
Das ist die Navigation, die die meisten Erstbesuchererfahrungen in den meisten Shopify-Shops prägt. Das ist die Ausgangslage, von der aus jede Verbesserung beginnen muss — und fast jede Verbesserung gegenüber dieser Ausgangslage wird einen messbaren Anstieg des Navigationsengagements erzeugen.
Das Beste aus der Sichtbaren Navigationsfläche Herausholen
Die Tab Bar verändert die Above-the-Fold-Navigationskalkulation vollständig. Eine feste Tab Bar unten ist auf jeder Seite, bei jeder Scrolltiefe, ohne jegliche Interaktion sichtbar. Sie fügt der above the fold sichtbaren Fläche bis zu fünf Navigationsziele hinzu — fünf spezifische Pfade, die ein Besucher mit einem einzigen Tippen nehmen kann, ohne zuvor ein Menü öffnen zu müssen.
Die Auswahl der fünf Tab-Bar-Slots ist eine strategische Entscheidung, die durch dieselben Analysen informiert werden sollte, die jede Navigationspriorisierung leiten: Welche Ziele generieren den höchsten Umsatz pro Besucher? Welche Kategorien haben die höchsten Konversionsraten? Was sind die häufigsten ersten Navigationsaktionen von Besuchern, die einen Kauf abschließen?
Die Antworten auf diese Fragen sollten die Tab-Bar-Slot-Zuweisung direkt bestimmen. Wenn „Sale" die höchste Konversionsrate unter Erstbesuchern aufweist, verdient es einen Tab-Bar-Slot. Wenn „Neuheiten" die häufigste zweite Seitenansicht nach der Startseite ist, gehört es in die Tab Bar. Die fünf wertvollsten Navigationsziele im Shop sollten sofort sichtbar, sofort zugänglich sein, ohne jegliche Vorabinteraktion.
| Navigationselement | Sichtbar ohne Interaktion | Erreichbar mit einem Tippen |
|---|---|---|
| Hamburger-Menü | Ja — Symbol sichtbar | Nein — öffnet Menü, erfordert dann zweites Tippen |
| Hamburger-Menü-Inhalt | Nein — verborgen bis Menü geöffnet | Nein — erfordert mindestens zwei Interaktionen |
| Tab-Bar-Slot (Navi+) | Ja — immer am unteren Bildschirmrand sichtbar | Ja — ein Tippen von überall |
| FAB (Navi+) | Ja — dauerhaft schwebende Schaltfläche | Ja — ein Tippen von überall |
Der Kumulative Effekt Sofortiger Sichtbarkeit
Sofort sichtbare Navigationselemente werden nicht nur häufiger genutzt als versteckte Elemente — sie werden auch früher in der Sitzung genutzt. Ein Besucher, der innerhalb der ersten 10 Sekunden seines Besuchs navigiert, hat eine deutlich geringere Wahrscheinlichkeit abzuspringen als ein Besucher, der diese 10 Sekunden damit verbringt, sich ohne klaren Pfad auf der Startseite zu orientieren. Früheres Navigationsengagement korreliert stark mit tieferen Sitzungen und höheren Kaufraten.
Ihre wichtigsten Navigationsziele sofort sichtbar zu machen — über eine Tab Bar, einen gut konfigurierten Sticky-Header oder einen FAB — verlagert das Navigationsengagement effektiv früher in die typische Sitzung, was in längeren Sitzungen, mehr Kategorienexposition und höheren Konversionsraten resultiert. Navi+ ist in Minuten installiert und macht diese Veränderung für jeden Shopify-Shop ohne Theme-Modifikation verfügbar.
Kostenlos testen — kein Code, kein Entwickler nötig
In wenigen Minuten auf Shopify, WordPress oder jeder beliebigen Website installieren.