UX-Optimierung: Was zeichnet eine gute Produkt-Detailseite aus?

Vermutlich kennen Sie es selbst vom Onlineshopping: Sie wollen etwas Bestimmtes kaufen und kommen – nach einem mehr oder weniger langen Weg – auf einer Produktseite heraus. Ob Sie den gewünschten Artikel tatsächlich dort kaufen, entscheidet sich meist binnen weniger Augenblicke. Fehlende Produktbilder und eine intransparente Preisgestaltung schrecken schnell ab: Sie verlassen die Seite und wenden sich an einen Wettbewerber oder – wie zu oft – an den bekannten Marketplace.

Um zu vermeiden, dass die Besucher Ihrer Website es Ihnen gleichtun, ist eine Optimierung der User Experience unverzichtbar. In unserem Löwenstark-Briefing erfahren Sie deshalb, worauf es bei einer guten Produkt-Detailseite ankommt und warum UX-Design entscheidend für Ihren Erfolg im E-Commerce ist.

User Experience: eine lange Reise mit entscheidenden Momenten

Die User Experience – kurz UX – bezeichnet einen längeren Prozess der Nutzererfahrung. Sie beginnt an dem Punkt, an dem ein Kunde zum ersten Mal mit Ihrem Produkt oder Ihrer Dienstleistung in Berührung kommt, und endet erst dann, wenn das Produkt vom Kunden nicht mehr verwendet wird.

Alle Zwischenschritte, von dem Einholen erster Informationen über das Produkt, den Hersteller oder die Marke bis hin zum finalen Step vor dem Kauf, führen Kunden auf die Produkt-Detailseite. Der Produktseite kommt somit eine entscheidende Rolle im Verkaufs-Funnel zu. Sie muss das Produkt nicht nur präzise beschreiben und zum Kauf anregen, sondern soll dem Nutzer auch ein gutes Gefühl beim Kauf geben.

Deshalb ist eine gute Produkt-Detailseite unverzichtbar

Die allermeisten Onlinekäufer haben schon einmal einen Kauf aufgrund fehlender Informationen abgebrochen. Die Konsequenz ist klar: Um die Kaufwahrscheinlichkeit maßgeblich zu erhöhen, sollten Sie Ihre Produkt-Detailseiten nutzerfreundlich gestalten.

Alle wichtigen Informationen, möglicherweise aufkommende Fragen und Anreize in Form Ihrer USPs sollten hier zusammenkommen. Bei der UX-Optimierung von Produkt-Detailseiten achten wir deshalb auf jedes kleine Detail. So wird die Wahrscheinlichkeit verringert, dass Käufe in letzter Sekunde – an vermeidbaren Barrieren auf der Produktseite – scheitern.

Darauf kommt es bei einer Produkt-Detailseite an

Eine erfolgreiche Produktseite zeichnet sich dadurch aus, dass alle Elemente zu einer guten Nutzererfahrung beitragen und keine wesentlichen Informationen fehlen. Die UX-Optimierung widmet sich deshalb allen Bereichen der Seite – angefangen von den Produkttexten und -bildern bis hin zur Verbesserung der mobilen Ansicht.

Produkttitel und -beschreibung

Der Produkttitel sollte so prägnant wie möglich und so lang wie nötig sein. Der Kunde sollte auf den ersten Blick verstehen, um welches Produkt es sich handelt. Um das Produkt bzw. die Dienstleistung detailliert zu erklären, dient die Produktbeschreibung. Diese besteht im Idealfall aus 2 Teilen: einer kurzen Übersicht, die die wichtigsten Attribute und USPs in 3–5 Bullet Points zusammenfasst, sowie aus einer ausführlichen Produktbeschreibung als Fließtext.

Letztere kann ausklappbar gestaltet werden, denn so nimmt sie nicht zu viel Platz auf der Seite ein. Nutzer, die schon genauer Bescheid wissen, werden so nicht von den zusätzlichen Informationen abgelenkt und können sich auf andere Kaufaspekte konzentrieren.

Sowohl Produkttitel und -beschreibung als auch die Produktbilder sollten – mithilfe passender Keywords, Meta-Daten und Alt-Tags – SEO-optimiert werden. Denn ein gutes Suchmaschinen-Ranking ist auch für die User Experience von Vorteil. Kunden, die nach einem konkreten Produkt suchen, gelangen auf diesem Weg direkt auf Ihre Seite.

Produktbilder

Die Bildsprache auf Ihrer Website ist ein wesentlicher Einflussfaktor für den Erfolg. Vor allem auf Produkt-Detailseiten sind hochwertige Produktbilder wichtig. Eine UX-optimierte Produktseite sollte über folgende Bildelemente verfügen:

• 1–3 hochwertige und scharfe Stand-alone-Produktbilder
• 1–2 Produktbilder, die die verhältnismäßige Größe korrekt wiedergeben
• 1 Produktbild, auf dem der vollständige Lieferumfang ersichtlich ist
• 1–2 Produktbilder, die das Produkt in Aktion bzw. im Kontext der Benutzung zeigen

Um die Kaufwahrscheinlichkeit zu erhöhen, können Sie Kunden außerdem zeigen, wie die Verpackung aussieht und wie sich das Produkt in diesem Zusammenhang einfügt. So steigern Sie das Vertrauen des Kunden in einen reibungslosen Kauf- und Lieferprozess.

Kauf- bzw. Warenkorb-Button

Zu den wichtigsten Elementen auf einer Produktseite zählt der Kaufen- bzw. der Warenkorb-Button. Diese optisch hervorgehobene Schaltfläche sollte im Idealfall immer sichtbar sein. Mit einem Sticky Button (auch Floating Button) oder einer Sticky-Leiste bleibt das Element immer sichtbar, auch dann, wenn der Nutzer auf der Seite nach unten scrollt.

In direktem Umfeld der Transaktionsschaltfläche sollte auch der Preis (brutto und netto) gut sichtbar platziert sein. Dabei ist es wichtig, den Bruttokaufbetrag transparent auszuweisen. Zusätzliche Informationen zur Verfügbarkeit, zu den Versandkosten und der Lieferzeiten erhöhen die Kaufwahrscheinlichkeit und das Vertrauen Ihrer Kunden in Ihren Onlineshop.

Auch ein Mengen-Button oder -Eingabefeld, die bequem die Bestellung einer bestimmten Produktanzahl ermöglichen, tragen zu einer positiven Nutzererfahrung bei. Ist ein Produkt ausverkauft oder derzeit nicht lieferbar, sollten Sie interessierten Nutzern eine komfortable Möglichkeit bieten, sich informieren zu lassen, sobald der gewünschte Artikel wieder verfügbar ist. Eine E-Mail-Benachrichtigungsfunktion ist hierfür eine einfach umsetzbare und automatisierbare Option.

Mobile-Optimierung

Mit kurzen Textabschnitten und dediziert für die mobile Ansicht hinterlegten Bildern sorgen Sie dafür, dass auch Smartphone-Nutzer angesprochen werden. Da mittlerweile der größere Teil des Onlinehandels mobil stattfindet, ist eine Optimierung für tragbare Geräte obligatorisch.

Neben dem Warenkorb-Button sollten auch das Produktbild und der Preis beim Scrollen sichtbar bleiben, sodass Kunden – egal, wo sie sich auf der Seite befinden – das Produkt mit einem Klick in den Warenkorb legen können.

Nutzerbewertungen

Social Proof ist ebenfalls ein wichtiger Faktor, der den Ausschlag bei der Entscheidung für oder gegen den Kauf eines Produkts oder den Bezug einer Dienstleistung geben kann. Das Vorhandensein von positiven Nutzerbewertungen, Erfahrungsberichten und vertrauenswürdigen Testimonials erhöht die Kaufwahrscheinlichkeit. Hierbei hilft Ihnen – neben einem guten Reputations-Management – in erster Linie eine gute User Experience.

Weitere wichtige Elemente, die auf keiner Produktseite fehlen sollten

Je transparenter Sie das Produkt sowie den Kauf- und Lieferprozess darstellen, desto geringer ist die Gefahr einer Retour und desto wahrscheinlicher erhalten Sie positives Feedback. Deshalb ist es sinnvoll, vor allem für erklärungsbedürftige Produkte einen FAQ-Bereich anzulegen, der die am häufigsten gestellten Fragen kurz und erschöpfend beantwortet.

Eindeutige URLs können nicht nur für die Suchmaschine ein relevanter Faktor sein, sondern tragen auch zur besseren Navigation und einer erhöhten Vertrauenswürdigkeit der Produktseite bei. Um sich – gerade in hart umkämpften Marktsegmenten – vom Wettbewerb abzusetzen, sollten Sie außerdem Ihre Alleinstellungsmerkmale (USPs) herausstellen.

Deshalb sind UX-Optimierungen immer sinnvoll

Eine User-Experience-Optimierung bewirkt, dass Nutzer sich auf Ihrer Website bzw. in Ihrem Onlineshop wohlfühlen. Das sorgt nicht nur für eine steigende Conversion Rate, sondern erhöht auch die Verweildauer und wirkt sich positiv auf die Kundenbindung aus.

Hatte ein Kunde ein gutes Gefühl beim ersten Besuch Ihrer Seite, ist es wahrscheinlich, dass er beim nächsten Einkauf gezielt nach Ihren Produkten oder Dienstleistungen sucht. Somit ist eine UX-Optimierung immer auch als Maßnahme zur Steigerung der Conversion Rate zu sehen, die sich mittel- und langfristig positiv auf Umsätze und Gewinne Ihres Unternehmens auswirken kann.

Warum wir dafür brennen

Als Full-Service-Dienstleister im Online-Marketing wollen wir für unsere Kunden in den gemeinsamen Projekten stets das Maximum herausholen. Die UX-Optimierung berührt alle Bereiche – angefangen vom Webdesign, über die Content Creation, bis hin zu SEA- und SEO-Themen. Unser Team aus Experten arbeitet Hand in Hand an Ihrem Projekt und verbessert anhand einer klaren Strategie die Nutzererfahrung von Kunden auf Ihrer Website.

Wir behalten stets alle für das Online-Marketing relevanten Entwicklungen im Bereich UX-/UI-Design für Sie im Blick: Abonnieren Sie unser Löwenstark-Briefing, um keine News zu verpassen!