UI/UX für E-Commerce

Ein gut durchdachtes und intuitives UI/UX kann zu wesentlich höheren Attachment Rates und insgesamt besseren Conversion Rates führen. Der Einfluss von UI/UX auf den Verkaufserfolg von online eingebettetem Produktschutz sollte daher nicht unterschätzt werden. Dabei sollten insbesondere Themen wie Customer Journey, Placement, Design und Content berücksichtigt werden.

Customer Journey

Mehrere Touchpoints führen zu mehreren Conversions. Daher empfehlen wir, den Kunden möglichst früh (z.B. auf der Produktdetailseite) über die Option eines Produktschutzes abzuholen und den Produktschutz an weiteren Stellen im Kaufprozess (z.B. im Warenkorb und beim Checkout) einzubinden, um eine möglichst hohe Attachment Rate zu erzielen.

Placement

Die genaue Position auf den einzelnen Seiten hängt von der bestehenden UX ab. Unabhängig davon sollte der Produktschutz immer visuell mit dem schützbaren Produkt verbunden sein und in die Kaufentscheidung integriert werden können, zum Beispiel durch Platzierung über dem Kauf-Button.

Design

Das Design des Produktschutzangebots sollte mit dem Rest der Website übereinstimmen, gleichzeitig aber auch Aufmerksamkeit erregen und visuell eindeutig sein. Um dies zu erreichen, sollten die folgenden Designthemen berücksichtigt werden:

• Abgrenzung: Verwende eine Umrandung oder eine andere Hintergrundfarbe, um den Abschnitt zu definieren und von anderen Bereichen abzugrenzen.

• Auswahlelemente für Opt-In: Kunden müssen sich für den Produktschutz entscheiden, indem sie den Plan aktiv auswählen. Um ihre Auswahl zu erfassen, sollten Auswahlelemente wie Kontrollkästchen, Schaltflächen, oder Dropdown-Menüs verwendet werden. Die von dir gewählten Auswahlelemente müssen nicht immer auf allen Seiten gleich sein. Vielmehr solltest du darauf achten, dass sie zu den anderen Elementen auf der Seite passen. In manchen Fällen kann es sinnvoll sein, beispielsweise auf einer Seite ein Kontrollkästchen und auf einer anderen Seite ein Dropdown-Menü zu verwenden, wenn dies besser zum Gesamtbild passt.

• Eindeutige Auswahlzustände: Es sollte eine visuelle Anzeige (z.B. durch Farbänderung) geben, ob ein Produktschutzplan ausgewählt wurde oder nicht.

• Link zu den AVBs / Pop-up / Unterseite: Verwende einen Info-Button oder einen Hyperlink, um Kunden weitere Informationen zum Produktschutz und den AVBs zur Verfügung zu stellen.

Content

Bei der Bereitstellung von Content ist es wichtig, eine Balance zwischen Interesse wecken und Informationsüberflutung zu finden. Als Faustregel gilt, beim ersten Touchpoint eher mehr und bei den folgenden Touchpoints etwas weniger Vorabinformationen zu platzieren. Denn wenn Kunden zum ersten Mal mit dem Thema konfrontiert werden, sollten die wichtigsten Aspekte genannt werden, damit sie sofort den Wert und Nutzen erkennen können. Später sollte der Fokus auf das CTA, den Preis und die Laufzeit gelegt werden, so dass es als Erinnerung dient und nicht von der Kaufabwicklung ablenkt.

Unabhängig davon, wo sie sich im Purchase Process befinden, sollten interessierte Kunden immer die Möglichkeit haben, zusätzliche Infos auf einem verlinkten Pop-up oder einer dedizierten Landing Page zu finden.