Das nächste Level der Product Listing Pages - 17 erweiterte Funktionen

Die Optimierung Ihrer Produktlistenseiten (PLPs) ist ein wertvolles Hilfsmittel bei der Optimierung der Konversionsrate in Ihrem E-Commerce. Wir stellen Ihnen eine Checkliste mit fortschrittlichen Funktionen für Benutzerfreundlichkeit und Zugänglichkeit vor, die Sie einbauen können, um potenzielle Kunden anzusprechen und sie zum Kaufabschluss zu bewegen.  

digital transformation

Bevor Sie sich mit der Checkliste befassen, sollten Sie die Bedeutung von Benutzerfreundlichkeit (UX) und Barrierefreiheit (A11Y) Ihrer PLPs für die Optimierung der Konversionsrate (CRO) verstehen. 

Die gängige Praxis geht von der Konversion (in der Regel dem Kauf) aus und optimiert alle Schritte vor der Interaktion mit der Schaltfläche "BESTELLUNG BESTÄTIGEN". Ein leicht navigierbarer Warenkorb und eine überzeugende UX und A11Y Ihrer Produktdetailseiten haben Priorität. Dann ist es an der Zeit, die Produktlistenseiten (PLPs) zu optimieren.  

Sind Sie bereit, die CRO Ihrer Website zu meistern? In diesen Artikeln haben wir alles zusammengetragen, was wir wissen:  

Da Sie nun mit den Grundlagen bekannt sind, können wir uns mit den erweiterten Funktionen beschäftigen, die Sie Ihren PLPs als Extras hinzufügen können. Überlegen Sie es sich gut, bevor Sie unsere Tipps befolgen, denn E-commerce gibt es in vielen Formen, und neue Funktionen sollten immer auf die Zielgruppe und die Besonderheiten der Branche zugeschnitten sein.  

Was ist die Produktlistenseite (PLP)?  

PLPs enthalten eine Liste mit einer Gruppe von Produkten. Das gesamte Sortiment Ihres E-Commerce, eine individuell gefilterte Ansicht oder eine bestimmte Kategorie. Es gibt sie in verschiedenen Formen:  

  • Suchergebnisseite 
  • Benutzerdefinierte Filterauflistung 
  • Auflistung der Kategorie 
  • Reduzierte Artikel  

Auf diesen Seiten landen Ihre Nutzer zuerst, wenn sie nach Produkten suchen. Sie spielen daher eine wichtige Rolle, um ihre Aufmerksamkeit zu erregen und sie zum Kaufabschluss zu führen.  

CRO dominiert den E-Commerce  

Fassen wir das Hauptziel eines jeden E-Commerce-Unternehmens zusammen, egal ob B2C oder B2B. Es ist die Umwandlung von Nutzern in Kunden. Die Disziplin, um das Maximum aus Ihrer Website oder App herauszuholen, nennt sich Conversion Rate Optimization (CRO), eine Reihe von Techniken zur Verbesserung der Nutzererfahrung und zur Schaffung einer reibungslosen Reise vom Besuch Ihrer Website bis zur endgültigen Konversion.  

CRO kombiniert Grafikdesign, Entwicklung, Vertrieb und Marketing, um den Wert der Produkte und Dienstleistungen Ihres Unternehmens zu präsentieren. Änderungen und neue Funktionen auf Ihrer Website sollten die UX und A11Y Ihres E-Commerce verbessern, was zu einer höheren Konversionsrate, einem höheren Umsatz und schliesslich zu einem höheren Gewinn führt.  

________  

Wollen Sie Ihren E-Commerce ernsthaft umgestalten? Lassen Sie uns mit den Design-Experten von Actum über Ihre Website sprechen. Holen Sie sich jetzt Ihre kostenlose 30-minütige Beratung.  

________  

A/B-Tests und Nutzerbeobachtung sollten immer bestätigen, dass die Änderungen Ihrem CRO helfen und nicht schaden, was viel Aufwand und Zeit erfordert.  

Unser Team hat eine Checkliste mit 17 zusätzlichen Funktionen erstellt, die sie aufgrund ihrer Erfahrungen als hilfreich für die Leistung von PLPs erachtet haben.  

Checkliste der erweiterten UX- und A11Y-Funktionen für PLPs  

Wenn wir von fortgeschrittenen Funktionen sprechen, dann meinen wir das auch wirklich so. Nehmen Sie diese Liste nicht als selbstverständlich hin; einige Funktionen sind nur dann hilfreich, wenn Ihr E-Commerce tausende von Artikeln umfasst, FMCG verkauft oder sich auf einen hochtechnischen B2B-Nischenmarkt konzentriert. Andererseits kann es nie genug Inspiration geben, oder?  

Allgemeine Funktionen und Designmerkmale  

  1. Inklusivität. 
    In der Mode- und Bekleidungsbranche ist Inklusivität eine neue Norm. Stellen Sie Ihre Produkte neben Modellen verschiedener Rassen, Altersgruppen und Grössen aus. Ihre Kunden werden es zu schätzen wissen, und es könnte sogar neues Publikum für Ihr Unternehmen anziehen, unabhängig von Ihrer Branche. 
     
  2. Rasteraufstellung. 
    Untersuchungen haben gezeigt, dass die Darstellung mehrerer Produkte im Raster besser ist als die Maximierung der Bildgrösse und die Darstellung eines Produkts pro Zeile. Streben Sie immer 2-4 Bilder pro Zeile auf Ihren PLPs an.  

  3. Visuelle Würze. 
    Apropos Auflistungsraster: Versuchen Sie, diese mit visuell aufregenden Hinweisen anzureichern. Fügen Sie etwas hinzu, das Ihre Nutzer zu schätzen wissen, z. B. eine Schaltfläche für die Wunschliste, ein Bestseller-Badge, die Verfügbarkeit von Artikeln oder Informationen zu Farbe und Grösse. Die Anzeige der verfügbaren Grössen und Farben direkt im Angebot spart Ihren Kunden Zeit.  

  4. Seien Sie überraschend. 
    UX-Design sollte in erster Linie vorhersehbar sein. Fügen Sie einige visuelle Überraschungen hinzu, um die Routine zu durchbrechen und Langeweile in Ihren Angeboten zu vermeiden. Brechen Sie zum Beispiel das Raster-Layout auf, fügen Sie saisonale Banner hinzu, heben Sie die meistverkauften Produkte hervor oder stellen Sie verwandte Kategorien vor. 
Beispiel einer Allbirds.com-Website
Allbirds.com
  1. Gepflegte CTAs. 
    Erstellen Sie immer benutzerfreundliche Handlungsaufforderungen (CTAs). Wenn Sie eher komplizierte Produkte verkaufen, wählen Sie die Schaltfläche "Details anzeigen", aber wenn es sich um FMCG-E-Commerce handelt, ist die Schaltfläche "In den Warenkorb" vielleicht die bessere Wahl, da kaum jemand die Produktbeschreibung von Magermilch lesen wird. Im Zweifelsfall sollten Sie sich für die erste Option entscheiden, da die meisten Nutzer die Produkte ohnehin über die Produktdetailseite in den Warenkorb legen.  

  2. Halten Sie das Angebot sauber. 
    Zeigen Sie nur Produkte an, die Sie verkaufen können, und stellen Sie nicht vorrätige Artikel ans Ende der Liste.  

  3. Anpassbare Auflistung. 
    Ziehen Sie in Erwägung, den Nutzern die Möglichkeit zu geben, zwischen Gitter- und Zeilenansicht zu wechseln. Reihenansichten sind besonders praktisch für wiederholt gekaufte Produkte wie B2B-Bedarf und Lebensmittel.  

  4. Finden Sie ein Gleichgewicht. 
    Die Verwendung von zu vielen Etiketten und Elementen auf den Karten auf der Auflistungsseite kann schnell erdrückend wirken. Setzen Sie visuelle Elemente und Abzeichen mit Bedacht ein, damit Sie die Nutzer nicht überfordern - sie werden schnell blind für alles, was sie nicht brauchen.  

Filtern und Sortieren der Kategorie    

  1. Durchdachte Sortierung. 
    Die effektivste Sortierung in der Listenansicht ist "Unsere Empfehlungen". Sie kann auf der Anzahl der im letzten Monat verkauften Produkte oder auf komplexen Kriterien wie Personalisierung, Gewinnspanne, Verfügbarkeit usw., basieren. Verwenden Sie bei numerischen Kriterien (Preis, Bewertungen) immer beide Optionen, vom höchsten zum niedrigsten und umgekehrt. Eine einfache alphabetische Sortierung kann praktisch sein (Bücher, Filme), aber im Allgemeinen erreichen Sie eine höhere Konversionsrate, wenn Sie die Produkte nach Beliebtheit, Ranking oder Rabatten sortieren.    

  2. Organisieren Sie Filter. 
    Zeigen Sie immer die relevantesten Filterkategorien zuerst an. Sie können die Reihenfolge auf der Grundlage Ihrer Meinung und Ihres Fachwissens oder von Daten aus der Nutzerforschung festlegen, die die Vorlieben und das Verhalten Ihrer tatsächlichen Kunden aufdecken. Widerstehen Sie dem Drang, von den allgemeinsten Filtern (Farbe, Marke, Grösse) auszugehen und zu spezifischen Metriken aufzuschlüsseln. Stellen Sie sich vor, Sie verkaufen Produkte, bei denen ein oder zwei Aspekte besonders einflussreich sind, wie z. B. Smartphone-Ladegeräte, bei denen Sie eher nach USB-C, Lightning oder kontaktlos suchen als nach der genauen Marke und Farbe.  

  3. Vermeiden Sie Fachjargon. 
    Versuchen Sie, Ihre Produktlistenseiten so einfach wie möglich zu gestalten. Vermeiden Sie schwer verständlichen Fachjargon in Filterkategorien und deren Wertbezeichnungen. Konzentrieren Sie sich auf klare, technisch korrekte Begriffe, die auch Neulinge auf Ihrem Gebiet kennen. Denken Sie daran, dass Nutzer keine Filter verwenden, die sie nicht verstehen, und dass Sie ihr Verhalten nicht vorhersagen können.  

Achten Sie besonders auf die Auflistung der Kategorien  

  1. Wie eine Homepage. 
    Kategorieseiten sind oft die kritischste Art von PLPs, da sie wie eingeschränkte Homepages funktionieren. Zeigen Sie eine Auswahl von wenigen Produkten und lassen Sie die Nutzer aus relevanten Unterkategorien wählen, wann immer dies sinnvoll ist. Die einzige Ausnahme ist, wenn Ihr Portfolio auf einige Dutzend Produkte beschränkt ist und die Unterkategorien leer bleiben würden. In anderen Fällen sollten Sie das Maximum aus dieser zusätzlichen Funktion herausholen - sie trägt zur Klarheit der UX bei und verbessert das Suchmaschinen-Ranking. 
Beispiel der Website Asus.com
Asus.com
  1. Must-have für Marktplätze. 
    E-Commerce-Marktplätze mit Tausenden von Artikeln verwenden in grossem Umfang Kategorien, die bis in die kleinsten Unterkategorien aufgeschlüsselt sind. Es hilft den Nutzern bei der Navigation, wenn jede Kategorieseite als Ausgangspunkt für ihren Kauf dient, egal wie spezifisch das gesuchte Produkt ist.  

  2. Informieren Sie über die Kategorie. 
    Nutzen Sie die Kategorieseite und den Platz, um die Nutzer über schwer verständliche Waren wie Elektronik oder industrielle Hardware aufzuklären und Ihrem Unternehmen Alleinstellungsmerkmale zu verleihen.  

  3. Bilder für eine schnellere Navigation. 
    Helfen Sie den Nutzern bei der Navigation durch den Kategorienbaum. Eine Kategorie mit dem Namen "Gaming-Laptops" ist gut, aber das Hinzufügen eines leicht verständlichen Gaming-Laptop-Symbols mit roter Klappe beschleunigt die Navigation in Ihrem E-Commerce, selbst wenn die Liste der Kategorien nicht sehr umfangreich oder komplex ist.  

  4. Entfernen Sie keine Abkürzungen. 
    Auch wenn die Auflistung der Kategorien hilfreich ist, sollten Sie den Nutzern die Möglichkeit geben, sie einfach zu überspringen. Die Nutzer sollten jederzeit in der Lage sein, eine vollständige Liste Ihrer Produkte mit einem Minimum an zusätzlichen Schritten zu filtern und zu sortieren.  

  5. Hybrider Ansatz. 
    Erwägen Sie auch die Kombination von Listenseiten und Kategorieseiten. Viele E-Commerce-Websites verwenden heute kurze Kategoriebeschreibungen und kurze Unterkategorie-Menüs innerhalb der Hauptproduktauflistungsseite, um sie an die Nutzer und ihre Vorlieben anzupassen.  

Unterschätzen Sie niemals die Macht von PLPs    

Haben Sie Anregungen für die weitere Verbesserung Ihrer Produktlistenseiten gefunden? Hoffen wir! Die Arbeit an der Customer Journey und der Optimierung der Konversionsrate (CRO) ist für jede E-Commerce-Website ein nie endendes Unterfangen. Versuchen Sie, fortgeschrittene Funktionen aus unserer Checkliste hinzuzufügen und die UX Ihrer Website auf ein ganz neues Niveau zu bringen.  

Diese Tipps für Fortgeschrittene sind Stufe zwei: Bieten Sie Ihren Kunden immer die wichtigsten UX- und A11Y-Funktionen. Fangen Sie von unten an, und bald sind Sie hier!  

_________  

Wenn Sie Hilfe bei der Implementierung neuer Funktionen in Ihre E-Commerce-Lösungen benötigen, sind wir hier, um Sie in der sich ständig verändernden E-Commerce-Landschaft wieder auf Kurs zu bringen. Lassen Sie sich von unserem Design-Spezialisten 30 Minuten lang kostenlos beraten

Abonnieren Sie Actum's Insights

Das könnte Ihnen auch gefallen...

Illustration einer Person, die online einkauft

[11/08/2023] Checkliste: 23 wesentliche UX- und A11Y-Merkmale für Produktlistenseiten

Sind Sie bereit, Ihre Product Listing Pages (PLPs) zu verbessern und sie auf die nächste Stufe zu heben? Egal, ob Sie neu in der Welt des E-Commerce sind oder ein erfahrener Profi, es gibt einige Grundlagen, die jede PLP haben sollte.

Lesen Sie den Insight
User interface design

[16/06/2023] Checkliste: 30 Must-Have-Merkmale für hervorragende Produktdetailseiten

Entdecken Sie die besten Designpraktiken für die Benutzerfreundlichkeit und Zugänglichkeit von Produktdetailseiten. Lassen Sie uns unsere Checkliste mit 30 Empfehlungen durchgehen.

Lesen Sie den Insight
computer

[17/04/2023] Steigern Sie die Konversionsrate von Produktseiten durch Marketing-Automatisierung

Was ist die am niedrigsten hängende Frucht im E-Commerce? Richtig, es ist Ihr Online-Konversionstrichter...

Lesen Sie den Insight