Was gehört oberhalb des Falzes auf eine Produktseite?
Gib Käufern zuerst die nötigen Informationen und Handlungsmöglichkeiten, ohne die ganze Produktgeschichte in einen Bildschirm zu pressen.
Versteh den Falz als ersten Entscheidungspunkt
„Oberhalb des Falzes“ bezeichnet den Bereich, der vor dem ersten Scrollen sichtbar ist. Er ist kein festes Rechteck. Smartphone, Tablet, Laptop und großer Bildschirm zeigen unterschiedliche Mengen an Inhalt. Auch Schriftgröße, Browsereinstellungen und Ausrichtung verändern den Platz. Nutz den Begriff zur Priorisierung, nicht als Forderung, alles in einen Bildschirm zu pressen.
Die erste Ansicht sollte drei Fragen beantworten: Was ist dieses Produkt? Warum könnte es passen? Was kann ich als Nächstes tun? Wenn Käufer den Artikel nicht erkennen, seinen Hauptnutzen nicht verstehen oder die Handlung nicht finden, hilft zusätzlicher Inhalt weiter unten nur begrenzt.
Beginn mit Quelle und Absicht des Besuchers. Wer aus einer konkreten Produktsuche kommt, möchte seine Erwartung bestätigt sehen. Wer aus einer Kategorie kommt, braucht eine schnelle Orientierung zu Verwendung, Preis und Optionen. Der obere Bereich sollte das Versprechen des vorherigen Kanals fortsetzen.
Mach die Produktidentität klar
Platziere Produktname, ein nützliches Hauptbild und eine kurze Erklärung in der ersten Ansicht. Der Name muss den Artikel von ähnlichen Produkten unterscheiden. Wenn Größe, Modell, Material, Kompatibilität oder Menge entscheidend sind, gehören sie in den Titel oder direkt daneben.
Verwende Bilder, die das Produkt klar im relevanten Zusammenhang zeigen. Kleidung braucht vielleicht Vorderseite, Rückseite und Passform. Möbel brauchen Maßstab und Umgebung. Software profitiert von einer erkennbaren Oberfläche oder einem Ablauf statt einer dekorativen Illustration. Das Bild soll Verständnis fördern und nicht nur Stimmung erzeugen.
Ergänz eine kurze Nutzenaussage. Erklär, welche Aufgabe das Produkt löst oder welche Situation es unterstützt. Vermeide einen langen Einstieg, aber auch eine so allgemeine Aussage, dass sie zu jedem Artikel im Sortiment passt.
Zeig Preis, Nutzen und Verfügbarkeit früh
Für viele Käufer gehört der Preis zur Produktidentität. Zeig ihn klar und nenn Abonnementbedingungen oder Varianten. Wenn Versand, Steuern oder notwendige Zusatzteile den Gesamtbetrag wesentlich verändern, sollte es bereits früh einen Hinweis geben.
Verfügbarkeit gehört neben Preis und Handlung. Informiere, ob der Artikel auf Lager, auf Bestellung gefertigt, vorübergehend nicht erhältlich oder zu einem bekannten Termin verfügbar ist. Bei ungenauen Bestandsdaten erklär die Unsicherheit. Künstliche Dringlichkeit ersetzt keine verlässliche Information.
Nutz den Raum beim Preis für den stärksten praktischen Grund zur Auswahl. Das kann Kapazität, Passform, Kompatibilität, Liefergeschwindigkeit, Garantie oder ein bestimmter Einsatz sein. Halte die Aussage korrekt und belegbar.
Platziere Optionen und Handlung erwartbar
Wenn Größe, Farbe, Lizenz, Menge oder Konfiguration nötig sind, zeig die Auswahl bei der Kaufhandlung. Beschrifte Optionen verständlich und markiere die aktive Auswahl. Ändert eine Option Preis, Bestand oder Lieferung, muss dies direkt sichtbar werden. Käufer sollten nicht weit entfernt auswählen und danach die aktualisierte Handlung suchen.
Mach die Hauptaktion eindeutig: in den Warenkorb, kaufen, Test starten, buchen oder Verfügbarkeit anfragen. Verwende beschreibende Handlungswörter statt eines vagen „Weiter“. Fehlermeldungen gehören nah an die Auswahl und müssen erklären, was zu korrigieren ist.
Zusätzliche Aktionen dürfen in der Nähe stehen, aber nicht konkurrieren. Merkliste, Vergleich, Kontakt oder Größentabelle können helfen. Zu viele gleich starke Schaltflächen erzeugen jedoch Unsicherheit. Jede Aktion braucht eine klare Aufgabe und Priorität.
Schaff Vertrauen ohne Überfüllung
Käufer brauchen manchmal Sicherheit vor der Handlung. Zeig nahe am Kaufbereich nur Hinweise zu unmittelbaren Fragen wie Lieferzeit, Rückgabe, Zahlung, Garantie oder Unterstützung. Verlink die vollständigen Informationen, statt jede Regel oben auszubreiten.
Mach wichtige Unsicherheit sichtbar. Erfordert der Artikel Installation, ist die Kompatibilität begrenzt oder gilt eine Rückgabe nur unter Bedingungen, darf diese Information nicht unter Werbung verschwinden. Klare Grenzen reduzieren unpassende Käufe und wirken ehrlicher.
Bewertungen können helfen, wenn sie relevant und glaubwürdig sind. Sterne, Anzahl und kurzer Kommentar können unterstützen, sollten aber Identität, Preis, Optionen und Handlung nicht verdrängen. Dekorative Siegel ohne Antwort auf eine Käuferfrage erzeugen nur Unruhe.
Plane mobil und den Inhalt darunter
Die erste mobile Ansicht ist meist deutlich kürzer, deshalb ist Priorisierung dort noch wichtiger. Halte Name, Bild, Preis, notwendige Auswahl und Handlung gut auffindbar. Eine große Werbefläche sollte die Kaufhandlung nicht weit nach unten drängen. Teste Scrollen, feste Aktionen, Zoom und Tastatur- oder Screenreaderbedienung.
Die erste Ansicht soll zum Weiterlesen einladen. Unterhalb des Falzes folgen Beschreibung, Spezifikationen, Lieferung, Rückgabe, Bewertungen, Vergleiche und verwandte Produkte. Eine starke Oberseite ersetzt die vollständige Produktgeschichte nicht, sondern gibt einen Grund und Weg zum Weitergehen.
Prüf das Layout mit Aufzeichnungen, Analytics, Kundenfragen und, wo sinnvoll, Nutzertests. Finden Besucher die Handlung, wählen sie Optionen korrekt und entdecken sie Antworten, die der Support oft geben muss? Die beste Gestaltung oberhalb des Falzes hilft dem passenden Käufer zu entscheiden, was er als Nächstes tut.
Quellen
- Product page UX research · Baymard Institute
- Web Accessibility Initiative · W3C
Häufige Fragen
- Welches Element ist oberhalb des Falzes am wichtigsten?
- Das hängt vom Shop ab, aber Produktidentität, Nutzen, Preis, Verfügbarkeit und nächste Handlung verdienen meist frühe Sichtbarkeit.
- Muss der Warenkorbbutton sofort sichtbar sein?
- Er sollte leicht zu finden sein, sobald Produkt und notwendige Optionen verstanden sind. Prüf mobil, ob eine feste oder wiederholte Handlung hilft, ohne wichtige Inhalte zu verdecken.
- Gehören Bewertungen oberhalb des Falzes?
- Relevante Bewertungen können helfen, dürfen aber Produkt, Preis, Optionen und Haupthandlung nicht verdrängen.
- Wie entscheide ich, was oben steht?
- Nutz Suchabsicht, Kundenfragen, Produktkomplexität, Gerätedaten und die Handlung, die die Seite unterstützen soll. Teste das entstehende Layout, statt dich nur auf gestalterische Vorlieben zu verlassen.
Sjors Hooijen Builds ChatBuild and writes about getting a business online without turning it into a project. Fragen zu diesem Artikel? Schreib an hi@chatbuild.com.