Die Startseite ist oft die am häufigsten besuchte Seite einer E-Commerce-Website.
Die Rolle dieser Seite besteht darin, Vertrauen aufzubauen, Verkäufe zu tätigen und Kunden zu binden.
Das Erstellen einer effektiven Zielseite kann eine schwierige Aufgabe sein. Wenn Sie Hunderte oder Tausende von Produkten in Dutzenden von Kategorien haben, kann es schwierig sein, eine Zielseite einzurichten, die Ihre Produkte effektiv präsentiert, ohne zu aggressiv zu sein.
Die Versuchung besteht oft darin, alles zu tun, was Sie haben, was zu einem gewissen Durcheinander führt, das dazu führt, dass Benutzer die betreffende Website verlassen. Aus all diesen Gründen haben wir uns entschieden, einen Artikel von Takeshi Young für den Optimizely-Blog zu übersetzen, 36 Best Practices für das Design von E-Commerce-Homepages von Experten.
Um Ihnen bei der Erstellung einer effektiven Homepage zu helfen, finden Sie unten die Empfehlungen mehrerer Experten auf dem Gebiet des E-Commerce, die ihre besten Ratschläge teilen.
Alejandra Mesa
UX-Direktor, Stella & Dot
Stakeholder wollen immer ein tolles neues Design, verstehen aber oft nicht warum oder was eigentlich die Probleme sind.
#1 Beginnen Sie damit, die Probleme zu identifizieren
Verstehen Sie, warum Ihre Stakeholder die Website ändern möchten. Erstellen Sie vor dem Entwerfen klare Ziele und Annahmen. Es ist wichtig, dass sich alle darüber einig sind, was die Erfolgsindikatoren sein werden. Führen Sie eine vollständige Untersuchung durch, was mit Ihrer Website nicht stimmt. Arbeiten Sie an Konversion, Absprungrate und erhalten Sie qualitatives Feedback von Benutzern. Sehen Sie sich verschiedene Zielgruppensegmente an, um die Probleme zu identifizieren.
#2 Behalten Sie im Hinterkopf, was Sie gelernt haben
Der erste Instinkt ist, alles in den Müll zu werfen, wenn oft gute Taten genommen wurden. Priorisieren A / B-Tests, Interviews und Daten, Dies sind die besten Möglichkeiten, um zu sehen, welche Teile Ihrer Seite eine gute Leistung erbringen.
#3 Erhalten Sie qualitatives und quantitatives Feedback
Holen Sie qualitatives Feedback vor der Neugestaltung und vor Ihrer A / B-Tests. A/B-Testing verfehlt oft das gewünschte Ziel, und nur durch qualitative Bewertungen finden Sie heraus, warum. Wenn Sie dies vor dem Test tun, sparen Sie möglicherweise eine Reihe späterer Tests.
#4 Testen Sie mehrere Varianten
Oft wollen Ihre Stakeholder nur die neue Version gegen die alte testen. Das Problem ist, dass Sie nicht wissen, wie Sie die Testergebnisse interpretieren sollen. War es das Design? War es der Inhalt? Testen Sie alte Inhalte im neuen Design und neue Inhalte im alten Design. Das Testen von Abschnitten der Seite ist auch eine weitere Möglichkeit, um zu verstehen, warum ein Design funktioniert oder fehlschlägt.
#5 Haben Sie eine Vision für die nächsten Schritte
Wir alle möchten eine Erfolgsquote von 100 %, aber planen Sie, was zu beachten ist, wenn die Ergebnisse nicht Ihren Erwartungen entsprechen. Die Stakeholder möchten vielleicht wegen all der Arbeit und des Aufwands, den sie investiert haben, immer noch das neue Design starten. Stattdessen, Versuchen Sie, sich darauf zu konzentrieren, wie Sie das Design iterieren können oder wie Sie akzeptieren können, dass das alte Design eine bessere Leistung erbringt. Unterscheiden Sie in Ihrer Testzusammenfassung zwischen dem Wunsch nach Fortschritt und dem Festhalten an einem groben Design. Die Aussicht auf eine Konvertierung, um den Kauf zu veranlassen, steht im Vordergrund.
Das Starten der Homepage ist nur der erste Schritt. Als nächstes ist es wichtig, die Seite regelmäßig mit neuen Inhalten zu aktualisieren, um das Interesse der Benutzer aufrechtzuerhalten und sie immer wieder zurückkommen zu lassen. Schaffen Sie Bereiche, in denen Inhalte einfach, regelmäßig und schnell aktualisiert werden können. Verwenden Sie automatisierte Inhaltsmodule, um neue oder empfohlene Artikel hervorzuheben.
Therese Kot
Leitender Architekt, LYONSCG
Die Startseite ist oft der erste Eindruck, den Benutzer von Ihrer Website haben. Daher ist es wichtig, Ihre Markenbotschaft laut und deutlich zu kommunizieren. Welche Strategien gibt es für eine erfolgreiche E-Commerce-Landingpage?
#6 HALTE ES EINFACH
Halte es einfach! Einzelhändler nutzen die Website traditionell als Ort, um über das Unternehmen und seine Produkte zu kommunizieren. Studien haben jedoch gezeigt, dass je mehr Nachrichten auf der Seite sind, desto mehr muss Ihr Benutzer diese verarbeiten und desto größer ist die kognitive Belastung. Das Endergebnis ist, dass alle Nachrichten verwässert werden und der Benutzer nicht darüber informiert wird, was als nächstes zu tun ist.
Das Bereitstellen einer starken, einheitlichen Botschaft repräsentiert Ihre Marke, und wenn Sie diese zur Anleitung Ihrer Benutzer verwenden, können sie ihnen helfen, schnell in den Kaufprozess einzusteigen. das A / B-Tests kann direkte Nachrichten unterstützen, die die Konversion verbessern.
#7 Machen Sie die Forschung reibungslos
Eine Homepage ohne globale Navigation und ohne offensichtliche Möglichkeit, das zu finden, wonach Sie suchen? Studien haben gezeigt, dass Benutzer die Website schnell verlassen, wenn sie nicht finden, wonach sie suchen.
Als absolutes Minimum sollte eine globale Navigation auf der Homepage und jeder Seite erscheinen, damit Benutzer die Produkte finden können. Aber es ist auch sehr wichtig, auch die Präsentation der begehrtesten Produkte einzuplanen. Erwarten Sie nicht, dass Ihre Benutzer Detektive sind!
#8 Überlegen Reaktionsschnell
Früher hatten Online-Händler separate Websites für mobile und Desktop-Geräte. Wir sehen immer mehr eine Entwicklung von E-Commerce-Websites in Richtung der ansprechbar, wo die gleiche Codebasis verwendet wird, und die Inhalte entsprechend dem Medium definiert.
Dieser Ansatz hat mehrere Vorteile, darunter eine verbesserte Durchsuchbarkeit, verlustfreie Inhaltsaktualisierungen über verschiedene hinweg Low-Level-Lichtlaser, und vor allem eine konsistente Benutzererfahrung. Aber zusätzlich die A / B-Tests ist mit einer einheitlichen Codebasis viel einfacher zu bewerkstelligen.
Kenny Rosenberg
Designer/Entwickler, Brand Value Accelerator
Benutzer müssen sofort verstehen, was Ihre Marke von ihren Mitbewerbern auf dem Markt unterscheidet. Warum der Verbraucher bei Ihnen kaufen sollte: Sind Ihre Preise niedrig? Haben Sie einen schnelleren Versand? Haben Sie eine bessere Produktqualität?
#9 Stellen Sie ein klares Leistungsversprechen auf
Von dem Moment an, in dem der Benutzer Ihre Website erreicht, müssen Sie sofort eine Wirkung feststellen. Ein gutes klares Beispiel für ein Wertversprechen ist on Indochin.
Das erste Banner, das der Benutzer sieht, sagt „Maßgeschneiderte moderne Anzüge aus feinster Wolle, pünktlich zum Herbst“, dann ist eine Aktionsschaltfläche „Jetzt kaufen“ damit verbunden und „Sparen Sie 50 % auf eine Auswahl an Badeanzügen für den Herbst“. “.
Die Benutzer sind sich also nicht nur bewusst, dass sie qualitativ hochwertige Maßanzüge haben können, sondern sie wissen auch, dass sie einen guten Preis dafür bekommen können. Dies bringt den Benutzer einer Conversion sofort einen Schritt näher.
#10 Verwenden Sie fesselnde Bilder, die direkt auf Produktkollektionen verweisen
Warum Besucher auf Sammlungsseiten lenken? Es ist wichtig, den Benutzer nicht auf ein bestimmtes Produkt zu isolieren, ihm die Möglichkeit zu geben, mehrere Produkte zu erkunden und Ihre Sammlungen frei zu durchsuchen, ohne auf die Schaltfläche „Zurück“ zu klicken. Sie müssen über Bilder der Modelle oder andere Arten von Bildern auf Ihre Sammlungsseiten gelangen, Sie müssen die Benutzererfahrung für sie noch angenehmer gestalten.
Ein gutes Beispiel mit Uhren von MVMT. Sobald Sie auf der Website gelandet sind, können Sie ganz einfach auf Ihre bevorzugte Produktkategorie klicken.
#11 Vereinfachen Sie Ihre Navigation, fügen Sie eine Suchleiste hinzu
Helfen Sie Benutzern, mit dem geringsten Aufwand zu finden, wonach sie suchen. Erwägen Sie, eine Suchleiste hinzuzufügen und Ihrem Ziel einen minimalistischen Ansatz zu geben. Was Sie in die Navigation eingeben, macht den Unterschied. Viele Marken werden eine Menge Dinge in die Navigation einbauen wollen, weil sie glauben, dass mehr Optionen besser sind. Das Gegenteil ist wahr. Je mehr Optionen, desto schwieriger ist es einzukaufen.
Rick Wilson
Präsident COO, Miva, Inc.
Der erste Eindruck ist entscheidend für eine Marke. Die von Ihnen getroffenen Designentscheidungen können bestimmen, ob Benutzer weiter einkaufen oder Ihre Website endgültig verlassen. Bewusst werden Eine wichtige Rolle der Homepage ist der Schlüssel zum Aufbau eines florierenden Online-Shops.
#12 Navigieren Sie Ihre Benutzer von der Startseite weg
Dies mag dem obigen Satz zu widersprechen scheinen, aber es ist wahr. Sie möchten, dass Nutzer Käufe tätigen, es sei denn, Sie verkaufen nur ein Produkt, diese Käufe werden nicht auf der Homepage getätigt.
Ihre Homepage sollte eine klare Navigation und einen reibungslosen Ablauf bieten, damit der Benutzer fasziniert genug bleibt, um mehr zu entdecken.
#13 Unterdrücken Sie den Benutzer nicht
Wir alle haben die Diskussionen darüber gehört, ob Sie alle wichtigen Inhalte auf Ihrer Website "above the fold" halten sollten oder nicht. Egal wo Sie stehen, die Tatsache bleibt, dass die höchste Sichtbarkeit einer Seite der obere Teil davon ist.
Dies sollte Ihnen einen weiteren Grund geben, nicht jedes Pixel mit Links, Nachrichten oder sogar Werbeaktionen zu verknüpfen. Je weniger Sie dem Benutzer geben, desto einfacher wird es für ihn sein, eine Entscheidung darüber zu treffen, was als nächstes zu tun ist. Vereinfachen Sie die Navigation und das Messaging, um die Entscheidungsfindung auf breitere Kategorien zu beschränken, und überlassen Sie die komplexe Filterung Ihren Unterkategorieseiten.
#14 Kenne dein Ziel
Bevor Sie Designentscheidungen treffen, tauchen Sie in Ihre Daten ein und Erfahren Sie mehr über Ihre Kunden. Welche Browser oder „Geräte“ verwenden sie? Welche Suchbegriffe verwenden sie, um Sie zu finden? Welche Produkte oder Kategorien sind am beliebtesten? Wenn Sie diese Informationen kennen, können Sie die relevantesten Inhalte auf Ihrer Homepage anzeigen.
#15 In Erinnerung sein
Was macht Ihren Online-Shop besser als jeder andere Wettbewerber? Wenn ein Kunde einen Kauf tätigt, was sollte getan werden, um ihn zu einem weiteren Kauf zu bewegen?
Die Homepage ist der perfekte Ort, um Ihren Wettbewerbsvorteil, Ihre Persönlichkeit oder etwas wirklich Cooles und Einzigartiges an Ihrem Unternehmen zu zeigen. Hinterlassen Sie einen bleibenden Eindruck und geben Sie Ihrer Homepage eine Seele! Die Homepage ist ein leistungsstarkes Tor für Ihr Unternehmen und kann bei richtiger Nutzung einen großen Unterschied für Ihre Online-Verkäufe ausmachen.
James Spence
Leitender Web-/UX-Designer, Bonanza
Hier bei Bonanza haben wir kürzlich eine komplette Überarbeitung unserer E-Commerce-Plattform gestartet. Wir haben einen wichtigen Punkt untersucht und erfolgreich praktiziert, den Sie für Ihre eigenen grafischen Redesign-Projekte für Homepages nützlich finden sollten.
#16 Erzählen Sie eine Geschichte
Ihre Homepage ist eine Chance, ein gutes Image über Ihr Unternehmen zu schaffen, nicht nur über das, was Sie verkaufen. Zeigen Sie, wer Sie sind und warum die Leute bei Ihnen kaufen sollten. Lassen Sie die Benutzer beim Surfen mehr darüber erfahren, was Ihre Marke von anderen unterscheidet.
Wenn Ihr Katalog umfangreich ist, gleichen Sie Ihre Seiten mit Rezensionen, Testimonials, einzigartigen Sammlungen und markenspezifischen Inhalten aus. Verwenden Sie die Navigation, um hervorzuheben, was Sie von Ihren Mitbewerbern unterscheiden.
NEHMEN SIE WEG
Selbst eine schön gestaltete Homepage wird scheitern, wenn sie für die Besucher der Website nicht hilfreich ist. Finden Sie heraus, wer auf Ihre Website kommt, wonach er sucht und warum er Sie Ihren Mitbewerbern vorzieht. Verwenden Sie diese Erkenntnisse, um festzustellen, was auf der Seite passiert, und messen Sie ihre Leistung.
Zögern Sie nicht, uns Ihre Ratschläge für die Erstellung einer Homepage mitzuteilen, die nicht nur aus ergonomischer und grafischer Sicht gut gestaltet ist, sondern auch dazu beiträgt, aktive Benutzer zu halten. Das Ziel ist immer, den Conversion-Prozess zu optimieren.
Ich lade Sie auch ein, den Artikel zu lesen Gute E-Commerce-Praktiken die Ihnen helfen, die verschiedenen Benutzerprofile zu identifizieren.
SOURCE
36 Best Practices für das Design von E-Commerce-Homepages von Experten, Takeshi Young, @Optimizely
Kontextualisierung und Übersetzung: Kaouthar, UX-Aktivist @UX-Republik
