Was Sie für ein E-Commerce-Website-Redesign in 2020 wissen müssen

Ist es das Jahr, in dem Sie Ihre E-Commerce-Website umgestalten werden? Wenn Sie einige Jahre vergangen sind, müssen Sie wissen, dass sich vieles geändert hat.

Es ist fast selbstverständlich, dass eine moderne E-Commerce-Site zuerst für Mobiltelefone entworfen werden muss, da die meisten, mit denen ich arbeite, 70% oder mehr ihres Verkehrs von mobilen Geräten erhalten. Dies ist jedoch nur ein Ausgangspunkt. Es gibt viele Feinheiten, die zu berücksichtigen sind, wenn Sie möchten, dass Ihre Website Benutzer in Kunden konvertiert.

Ich habe mich bei der Nutzbarkeit Für eine Vielzahl von E-Commerce-Websites in den letzten fünf Jahren habe ich die Grundsätze erarbeitet, nach denen die besten folgen. Ich werde Sie durch acht Möglichkeiten führen, um sicherzustellen, dass Ihre Website für den heutigen Benutzer auf dem neuesten Stand ist, inspiriert von den Richtlinien aus meinem Buch Gestaltung von E-Commerce-Websites.

Vermeiden Sie lange Videos auf der Homepage

Die Homepage ist ein Ort, um zu beeindrucken. Viele Websites investieren in die High-End-Fotografie, aber Sie könnten auch in Betracht ziehen, hier Videos zu zeigen, um Produkte zu präsentieren oder die Markengeschichte zu erzählen. Immerhin ist Video jetzt überall zu sehen, besonders in den sozialen Medien.

Bei korrekter Verwendung kann Video dazu dienen, Benutzer zu informieren und sie zu begeistern. Egal wie auffällig Ihr Video ist, wenn der Benutzer auf Wiedergabe klicken muss, seien Sie darauf vorbereitet Die meisten Leute ignorieren es. In den vielen Nutzertests, die ich mir angesehen habe, ist dies das häufigste Verhalten bei Zielseitenvideos.

Warum? In dieser Phase der Benutzerreise sind ihre Aufmerksamkeitsspannen kurz. Benutzer verlassen die Website eher und springen ab, ohne sich Zeit zu nehmen, um etwas Unbekanntes zu beobachten.

Zu Beginn sollten Sie den Benutzern helfen, sich schnell durchzumachen. Halten Sie sich also an kurze, stille, automatisch abspielende Videos. Auf diese Weise erhalten Sie die Informationen, ohne dass sie sich intensiv engagieren müssen. Längere Videos können später auf der Reise sehr nützlich sein, um beispielsweise Produktmerkmale zu erklären, wenn der Benutzer mehr Interesse hat.

Die Prynt-Site verwendet ein kurzes, automatisch abspielbares Video, um das Produkt in Aktion zu zeigen. Es gibt auch eine Option, um das Ganze mit Ton zu sehen.

Füllen Sie Ihre Homepage nicht mit übermäßigem Inhalt

Wenn Sie die harte Marketingarbeit geleistet haben, um Benutzer auf Ihre Homepage zu bringen, und Sie haben ein überzeugendes Pitch für Ihren Shop geschaffen, was als nächstes? Es gibt vieles, was Sie ihnen über Ihr Unternehmen erzählen könnten. Ist jetzt die Chance?

Achtung. Je länger Sie Ihre Landing Page erstellen, desto riskanter ist es, dass der Benutzer ausschaltet oder verwirrt wird. Benutzer können zwar problemlos scrollen, werden jedoch bald angehalten, wenn der Inhalt nicht direkt mit ihrer Aufgabe zusammenhängt.

Wenn Sie entwerfen, halten Sie sich an die Regel 'eine Seite, ein Zweck'. Auf dieser Seite möchten wir Ihnen vorstellen, was Sie verkaufen, und den Benutzer dazu veranlassen, nach diesen Produkten zu suchen.

Müssen sie wirklich Ihre fünf neuesten Blogbeiträge, Ihre neuesten Tweets und eine Wand aus Instagram-Bildern sehen? Soziale Beiträge sind besonders wenig hilfreich, da Sie gerade Benutzer auf Ihrer Website haben. Wenn Sie auf diese klicken, werden sie wieder entfernt.

Je mehr Dinge Sie auf die Seite setzen, desto mehr Ablenkungen geben Sie dem Benutzer von Ihrer Hauptaktion und dem Schlüssel, den Sie wollen. Mobile Benutzer haben in der Regel kürzere Sitzungen und konzentrieren sich auf das Erledigen von Aufgaben. Zusätzliche Inhalte helfen dabei nicht.

Machen Sie Ihre Filter leicht zugänglich

Bei vielen Produkten sind Filter von entscheidender Bedeutung, damit Benutzer das finden, was sie brauchen. Die große Mehrheit der E-Commerce-Websites (etwa 90% von denen, die ich studiert habe) haben ihre Filter in einer Überlagerung auf dem Handy. Dies ist sinnvoll, wenn nicht viel Platz zur Verfügung steht, aber die Benutzer werden sie wahrscheinlich nicht wirklich sehen.

Als Regel 95% der Benutzer ändern die Standardeinstellungen nicht Dies gilt für das Öffnen eines Filtermenüs, um bestimmte Optionen auszuwählen. In den E-Commerce-Nutzertests, die ich mir auch angesehen habe, wurde dies bestätigt. Das Auffinden von Produkten auf Listingseiten ist ein Bereich, in dem das E-Commerce-Browsing auf Desktop-Computern überlegen ist.

Wenn Ihre Benutzer filtern, finden sie wahrscheinlicher ein Produkt, das sie tatsächlich möchten. Ihre Herausforderung im mobilen Bereich besteht darin, platzsparende Wege zu finden. Eine Methode zeigt die relevanteste Filterkategorie auf der Seite mit Schaltflächen für die Optionen (siehe Macys unten). Wenn Sie auf eines tippen, werden die Listen mit dem angewendeten Filter geladen. Dann wird der nächst relevanteste Filter angezeigt.

E-Commerce-Neugestaltung - Macys Filteroptionen
Die Macy's-Site fügt einige Filteroptionen als Schaltflächen in die Seite ein. Burberry macht die Filterkategorien auf der Seite sichtbar.

Vergewissern Sie sich zumindest, dass Ihre Taste das vollständige Filtermenü erreicht. Außerdem sollte klar angegeben werden, wann ein Filter angewendet wird, damit Benutzer wissen, wann eine begrenzte Anzahl von Ergebnissen angezeigt wird.

Gestalten Sie Ihre Einträge für größere Bilder neu

Die meisten E-Commerce-Listingseiten versuchen, viele Produkte gleichzeitig auf dem Bildschirm anzuzeigen. Als Ergebnis das Produkt Bilder sind in der Regel recht klein (deshalb werden sie traditionell als Miniaturbilder bezeichnet).

Das Image ist jedoch ein Schlüsselelement, um dem Benutzer bei der Entscheidung zu helfen, welches Produkt er auswählen soll. In vielen Fällen sagt es Ihnen viel mehr aus als jeder Text. Produkte wie Bekleidung und Möbel sind darauf angewiesen, dass der Benutzer die verschiedenen Angebote subjektiv unterscheidet.

Sie können sogar große Bilder auf dem Handy haben. Apps wie Instagram haben dazu geführt, dass Benutzer von überall her hohe Qualität erwarten, und ich habe oft gesehen, dass Benutzer dies zu schätzen wissen. Egal wo sie sich auf der Website befinden, gute Fotografie wird immer geliebt.

Airbnb hat große Bilder, die durchgeblättert werden können (links). Zara (rechts) enthält Bilder mit voller Bildschirmbreite.

Wenn Sie der Meinung sind, dass etwas besser in ein paar Bildern verkauft werden kann, tun Sie dies natürlich. Auf Reisewebseiten befinden sich häufig mehrere Fotos in Miniaturansichten der Listen mit einem subtilen Pfeil zum Blättern. Viele Bekleidungsstellen bieten die Möglichkeit, das Produkt alleine zu zeigen und von einem Modell getragen zu werden.

Produktoptionen als Schaltflächen anzeigen

Sie werden wissen, dass viele Produkte in verschiedenen Varianten erhältlich sind, z. B. Farbe, Größe, Material oder etwas anderes. Auf der Produktdetailseite treffen die Benutzer letztendlich diese Wahl. Um die Auswahl zu erleichtern, sollten Sie diese Optionen nicht in Dropdown-Menüs ablegen.

Sie sollten sein visuelle Tasten um dem Benutzer zu helfen, alle Optionen zu sehen, und er sollte deutlich machen, wenn eine Änderung eine Preisänderung bedeutet. Wenn die Variante das Aussehen des Produkts ändert (z. B. die Farbe), sollte das Hauptproduktabbild durch Auswahl aktualisiert werden. Dies lässt den Benutzer keinen Zweifel darüber, was bestellt wird.

E-Commerce-Neugestaltung - Optionen für Nike-Größen
John Lewis (links) hat Produktfarben als Tasten mit visuellen Indikatoren. Nike (rechts) macht alle Größenoptionen verfügbar und deaktiviert die nicht verfügbaren Größen.

Ein weiterer Vorteil ist, dass der Benutzer durch Deaktivieren bestimmter Schaltflächen auf einen Blick erkennen kann, welche Varianten nicht vorrätig sind. Dies erspart erneut das Blättern durch eine Dropdown-Liste mit Optionen.

Bei der Größenauswahl sollten Sie keine Standardgröße verwenden. Wenn dies der Fall ist, können Benutzer den Standardwert hinzufügen und nicht den gewünschten Standard. Dies kann dazu führen, dass Sie viele Renditen erhalten und frustrierte Kunden.

Lassen Sie die Share-Tasten aus

Facebook, Twitter, Pinterest, Instagram, LinkedIn, Snapchat. Ihre Benutzer hängen wahrscheinlich bei einem oder mehreren davon ab soziale Netzwerke. Solltest du ihnen also Freigabeknöpfe auf den Produktdetailseiten geben?

Viele E-Commerce-Websites präsentieren diese kleinen Symbole immer noch in der Hoffnung, dass sie die Menschen dazu ermutigen, ihre Waren im Web zu bewerben. Leider sind sie höchstwahrscheinlich Zeitverschwendung.

Niemand klickt sie an. Eigentlich machen 0.2% der Menschen einer Studie zufolge. Es mag auch wie ein Code-Snippet aussehen, aber es enthält eine Menge zusätzliches Material, das die Geschwindigkeit Ihrer Seite verlangsamt.

Der Aufstieg bezahlter Influencer bedeutet, dass der moderne Benutzer nicht mehr für Marken im Rundfunk gehen möchte, ohne etwas für ihn zu haben. Mehr Menschen werden bereit sein, sich mit einem Freund oder Familienmitglied privat zu teilen. Links, die das Teilen über E-Mail oder einen Instant Messaging-Dienst wie WhatsApp ermöglichen, funktionieren wahrscheinlich besser.

Zahlungsmappen integrieren

Zahlungsmappen-Services wie PayPal, Apple Pay und Android Pay sind auf dem Vormarsch. Sie werden immer häufiger als Optionen für E-Commerce-Zahlungsströme betrachtet. In der Tat können sie die Standard-Kasse und möglicherweise töten die Verwendung von Kreditkarten und Bargeld insgesamt.

E-Commerce-Neugestaltung - Amazon Pay-Integration
Tamara Mellon (links) hat die Option Apple Pay, PayPal und Amazon Pay in ihrem Warenkorb und in der Kasse. Gucci bietet die Möglichkeit, von der Benachrichtigung "Zum Warenkorb hinzufügen" zu PayPal zu wechseln.

Die Eingabe eines Passworts, eines Fingerabdrucks oder eines Gesichts-Scans und das sofortige Auschecken ist viel bequemer als das Ausfüllen von Formularen. Bei E-Commerce, der von Mobile dominiert wird, ist das Anbieten einer einfachen Zahlung, die kein fummeliges Ausfüllen von Formularen erfordert, unerlässlich.

Die einfache Bedienung sollte mehr Benutzer dazu anregen, die Kaufabwicklung mit Ihnen abzuschließen. Es gibt auch einen Sicherheitsvorteil, da sich Benutzer mit einer Brieftasche als Vermittler sicherer fühlen werden, wenn sie noch nie von Ihrer Marke gehört haben.

Bei den von mir durchgeführten Nutzertests, die ich mit Kassenabläufen durchlaufen habe, höre ich regelmäßig Kommentare wie "Ich ziehe die Option der Verwendung von PayPal" vor und "Ich bin sehr sicherheitsbewusst und zahle nur mit PayPal". PayPal ist derzeit allgemein bekannt, aber wenn Sie sich für eine Verwendung entscheiden, entscheiden Sie sich für die beliebtesten Länder und Geräte Ihrer Website.

Erlaube Benutzern das Sammeln

Eine wachsende Zahl von E-Commerce-Websites bietet Benutzern die Möglichkeit, ihre Bestellung abzuholen, anstatt sie liefern zu lassen. Das ist gut für Benutzer, die nicht oft zu Hause sind und nicht an ihren Arbeitsplatz geliefert werden können. Durch diese Option wird nur die Anzahl der Benutzer erhöht, die bei Ihnen kaufen können.

Der einfachste (und oft auch der beste) Ansatz besteht darin, die Abholung als Alternative zur Lieferung in der Kasse hinzuzufügen. Bitten Sie den Benutzer, seinen Standort einzugeben und ihm Optionen zu zeigen, wo er seine Bestellung abholen kann. Es ist auch wichtig, dass Sie die Öffnungszeiten der Abholstelle angeben. Diese Daten werden häufig von der Integration in ein Zustellunternehmen geliefert.

Ein Klick- und Abholfenster in der ASOS-Kasse, in dem der Benutzer auswählen kann, in welchem ​​Convenience-Store seine Lieferung gesendet werden soll.

Der komplexere Ansatz besteht darin, dass Sie die Option zum Sammeln in jede Produktdetailseite der Website integrieren. Das macht Sinn, wenn Sie haben Ziegel- und Mörtelspeicher da es die Bestandskontrolle in bestimmten Geschäften ermöglicht.

Probleme können jedoch auftreten, wenn Benutzer mehrere Produkte in ihrer Bestellung haben. Wenn sie nicht vorsichtig sind, können sie einige Produkte für die Lieferung und einige für die Abholung erhalten (ein "gemischter" Korb). Um dies frühzeitig zu vermeiden, empfehle ich dem Benutzer, die Abholung oder Auslieferung zum Zeitpunkt des Warenkorbs anzugeben. Dies gilt für die gesamte Bestellung.

Weitere E-Commerce-Ratschläge

Das waren acht Möglichkeiten, um sicherzustellen, dass Ihre E-Commerce-Site für 2020 und darüber hinaus angepasst wurde. Bei der Neugestaltung einer vollständigen E-Commerce-Website ist natürlich noch mehr zu beachten. In der Tat habe ich ein Buch geschrieben, das 66-Richtlinien für das Design von Online-Shops enthält, die basierend auf 10-Jahren UX-Designerfahrung konvertieren.

Das Buch heißt Gestaltung von E-Commerce-Websites verfügbar bei Amazon in einer Vielzahl von Formaten einschließlich Taschenbuch und Kindle. Oder Sie können das bekommen digitale PDF-Version auf meiner Website, die alle Illustrationen aus dem gedruckten Buch enthält. Sie können auch bekommen 15% Rabatt die digitale Version für eine begrenzte Zeit mit dem Promo-Code PLATFORMS.