18 E-Commerce-Sites mit makellosem UX-Design (& 3 große Namen, die scheiße sind)

Wenn Sie Anfang dieses Monats zu unserem UX-Artikel gekommen sind, wissen Sie, dass wir die 25 wesentlichen UX-Designelemente für Ihre Website besprochen haben.


Die Grundidee lautet: Bei UX-Design geht es darum, in den Kopf Ihres Besuchers zu gelangen. Es geht darum, Ihren Benutzern eine einfache, nahtlose und angenehme Erfahrung zu bieten. Die Idee ist, Informationen schnell zu liefern und sie sogar zum Lächeln zu bringen.

Gutes UX-Design löst bei Ihren Besuchern Dopamin und Glück aus. Und das macht es wahrscheinlicher, dass sie dir vertrauen. Entscheidend ist, dass sie eher bei Ihnen kaufen.

Nachdem wir die 25 Grundlagen in unserem letzten UX-Designartikel durchgearbeitet haben, werfen wir einen Blick darauf, wie es in Aktion funktioniert. Insbesondere beschäftigen wir uns mit dem UX-Design von E-Commerce-Websites.

Wie verwenden diese Websites clevere UX-Design-Tricks, um ihre Besucher zum Kauf zu ermutigen??

1. Asos

Ich verwende häufig das Beispiel von Asos, aber dafür gibt es einen guten Grund. Ihr UX-Design ist brillant.

Alles beginnt mit einem Knock-Out-Wertversprechen. Tolles Image, einfache Erklärung, die Garantie der kostenlosen Lieferung und die offensichtlichen Handlungsaufforderungen, die Sie zur Männer- oder Frauenabteilung führen.

asos2

Eine ihrer herausragenden UX-Funktionen ist der Video-Laufsteg, sodass Besucher tatsächlich sehen können, wie ein Outfit aussieht. Es gibt Kunden die bestmögliche Sicht auf die Artikel und gibt ihnen Vertrauen in den Kauf.

Sie haben auch eine hervorragende neue Funktion namens “Schnellansicht”. Auf der Produktseite klicken Sie auf “Schnellansicht” und ein kleines Popup mit zusätzlichen Bildern und allen benötigten Informationen wird angezeigt. Es erspart dem Kunden das Hin- und Herklicken auf verschiedene Seiten. Einfaches, intuitives Design.

asos

2. Zara

Die Website von Zara ist eine Meisterklasse in Einfachheit. Sauber, intuitiv und begrenzt. Es ist eine Ode an Hicks Gesetz: Ein Designprinzip, das die Auswahl der Navigation einschränkt und dem Benutzer klare, aber eingeschränkte Optionen bietet.

Die Idee ist, dass zu viele Optionen Ihren Besucher überwältigen. Indem sie weniger Auswahlmöglichkeiten anbieten, fühlen sie sich sicherer. Wir werden uns in diesem Beitrag mit einer besseren Navigation befassen, aber Zara ist eine der besten.

Zara

3. Abof

Abof (All About Fashion) verwendet auf seiner Website einen teuflisch cleveren UX-Trick. Rufen Sie die Startseite auf und sie sieht nicht wie eine herkömmliche E-Commerce-Website aus. Stattdessen sieht es eher aus wie ein Blog. Es ist voller saftiger Inhalte, die das Publikum inspirieren.

abof

In ihren Geschichten und Artikeln heben sie dann die Kleidung in einem prominenten Bereich namens “Shop the story” hervor. In unserem vorherigen UX-Artikel haben wir darüber gesprochen, wie wichtig es ist, eine Beziehung zu Ihrem Publikum aufzubauen. Abof macht das perfekt mit zuordenbaren Geschichten und Inhalten.

abof 2

Erst wenn der Kunde begeistert ist, versucht er, etwas zu verkaufen.

Auf ihrer Produktseite finden Sie nützliche Hinweise zu „Stiltipps“, die perfekte Beispiele für „Mikrointeraktionen“ sind – kleine Nuggets, die Ihr Publikum erreichen und ansprechen.

abof 3

Beachten Sie, dass sie auch eine „Größenübersicht“ haben, mit der Kunden ihre genauen Maße ermitteln können (die Angst vor nicht passender Kleidung ist einer der Hauptgründe, warum wir auf Einkaufswagen verzichten). Sie verwenden auch einen Abschnitt “Voraussichtliche Lieferung”, um Kunden noch mehr Informationen zu geben.

4. Berghaus

Berghaus ist eine Outdoor-Bekleidungsmarke, aber Sie werden das innerhalb der ersten Sekunde nach der Landung auf ihrer Website wissen.

berghaus

Dies ist eine Marke, die ihre Zielgruppe genau versteht und sicherstellt, dass sie sich so schnell wie möglich mit ihnen in Verbindung setzt. Der erste Heldenschuss ist eine inspirierende Einladung. Es verbindet sich mit der Community und lockt Sie dazu.

Der einzige Nachteil? Ein stärkerer Aufruf zum Handeln würde den Deal hier wirklich besiegeln.

5. Apple

Sie erwarten von einem Unternehmen, das Design und Innovation in den Mittelpunkt stellt, dass es sich bei UX Design auszeichnet, und das tun sie auch. Schauen Sie sich zunächst die Produktseiten an.

Sie verwenden Parallaxen-Scrolling, um die Bilder dynamisch zu gestalten, den Benutzer anzuziehen und alle Austrittspunkte zu entfernen. Sie tauchen in die Welt von Apple ein.

Screenshot 28.07.2016 um 8.43.00 Uhr

Clevere Animationen zeigen Ihnen genau, wie die Produkte funktionieren, wie der neue 3D-Touch. Scrolling-Galerien laden Sie zur Interaktion und Erkundung ein, und eine clevere Kopie zeigt Ihnen genau, wie das neue iPhone Ihr Leben verbessern wird (anstatt einer langen Liste mit Funktionen)..

Ihre Navigation ist einfach und sauber, und ich liebe die Verwendung von Bildern, um die Optionen weiter zu differenzieren (wir scannen das Web, sodass Wörter die Gewohnheit haben, sich ineinander zu mischen).

Apfel 2

Während des Bestellvorgangs haben Sie die Möglichkeit, beim Kauf mit einem Spezialisten zu chatten. Es ist ein einfacher, aber nützlicher Trick. Es hilft Neulingen auf der ganzen Linie, hindert aber zuversichtliche Käufer nicht daran, ihre Kreditkarte herauszuholen.

6. Bellroy

Als relativ neuer E-Commerce-Verkäufer besteht Ihre erste Aufgabe darin, Kunden zu zeigen, wie Sie sich von allen anderen unterscheiden. Bellroy macht dies perfekt mit seiner Auswahl an schlanken, kompakten Geldbörsen.

bellroy 3

Besser noch, auf seinen Produktseiten hat jede einzelne Brieftasche ein eigenes Video, das den Kunden alle einzigartigen Funktionen zeigt.

bellroy 4

7. Mieten Sie die Landebahn

Rent The Runway hat ein ziemlich einzigartiges Konzept: Sie leihen sich ein Kleid oder Outfit für ein paar Tage aus, anstatt es zu kaufen. Dies ist ideal für Hochzeiten oder Veranstaltungen, bei denen Sie nicht nach einem Outfit suchen möchten, das Sie möglicherweise nie wieder tragen werden.

Die Website führt das Konzept einfach ein und lädt dann zur Benutzerinteraktion ein, um sie zur Auswahl des Anlasses aufzufordern.

Landebahn mieten

Zusätzliche Markierungen für ihren Lieferkalender, damit die Kunden genau wissen, wann das Outfit ankommt und wann es zurückgegeben werden muss.

Landebahnmiete 2

So einfach, aber so beruhigend.

8. Amazon

Amazon ist die größte E-Commerce-Website der Welt und ehrlich gesagt eine der besten. Sie können eine ihrer Funktionen als Beispiel für das UX-Design auswählen.

Von ihren cleveren Paketen bis zu ihren Kundenempfehlungen antizipieren sie die Bedürfnisse ihrer Benutzer und liefern. Es ist jedoch das Ein-Klick-Bestellsystem, das wir heute hervorheben.

Amazonas

Es ist immer noch das beste Beispiel für die Effizienz beim Auschecken im Internet. Im Zentrum des E-Commerce-UX-Designs steht der Warenkorb- und Check-out-Prozess. Je glatter desto besser. Und es wird nicht reibungsloser als die Bestellung mit einem Klick!

9. Weiden lassen

Ein Bild, das Ihnen alles sagt, was Sie wissen müssen. Formulierung und Design mit einer Persönlichkeit. Ein sofortiger Rabatt für neue Benutzer und ein großer, mutiger Aufruf zum Handeln.

grasen

Dies ist eine einfache Meisterklasse im UX-Design.

10. TopShop

Geschäfte, die viele Produkte verkaufen, haben es viel schwerer, wenn es um UX-Design geht. Wie organisiert man jede einzelne Jeans und präsentiert sie??

Zum Glück hat TopShop einen großartigen Plan. Mit einem großen, klobigen Filterrad, das mit der Seite schwebt, können Sie den Stil, die Farbe, die Passform und den Preis Ihrer Produkte ständig anpassen und ändern.

Topshop 2

Noch cooler: Jedes Produkt wechselt zu einem Bild des Modells, das es trägt, wenn Sie mit der Maus darüber fahren. Es fördert die Interaktion und gibt den Kunden einen besseren Überblick über die Artikel.

11. Protest

Protest hat vielleicht die größte und fetteste Navigation im Internet.

P.

Es ist klar, prägnant und übersichtlich. Es verringert auch die Wahrscheinlichkeit, dass der Kunde abwandert. Die blaue Farbe hält die Aufmerksamkeit des Kunden genau dort, wo er sie haben möchte.

Protest verwendet auch eine Menge winziger Animationen auf ihrer Website. Jeder wird ausgelöst, wenn Sie darüber scrollen. Es behält die Aufmerksamkeit der Kunden, fördert die Interaktion und sorgt dafür, dass sich die gesamte Website dynamisch anfühlt.

12. Neuer Look

New Look bekommt einen Platz auf der Liste für ihren innovativen Warenkorb. Es befindet sich jederzeit in der Navigationsleiste und ist fett gedruckt, um Sie daran zu erinnern, dass es dort ist.

Neuer Look 2

Wenn Sie darauf klicken, werden Sie nicht auf eine andere Seite gezogen. Stattdessen wird eine Schiebetafel von der Seite eingezogen, um Ihnen zu zeigen, was sich in Ihrer Tasche befindet. Dies bedeutet, dass Kunden nie verloren gehen und jederzeit problemlos auschecken können.

Neues Aussehen

13. Bleistift, von 53

Wenn Sie einen Stift für fast 60 US-Dollar verkaufen möchten, müssen Sie ihn wirklich verkaufen! Glücklicherweise leistet “Pencil” von 53 mit einer Reihe von UX-Designtricks hervorragende Arbeit.

Sie verwenden eine lange Parallaxen-Bildlaufseite, um alle Funktionen zu erläutern und Ihnen genau zu zeigen, was Sie damit tun können.

Bleistift 2

Sie nutzen auch großartige Bewertungen, um zu erklären, warum sie so viel besser sind als die anderen Optionen da draußen. Die Verwendung eines Zitats von „Wired“ ist ein brillanter Trick, um dem Produkt Glaubwürdigkeit zu verleihen und seinen Nutzen zu skizzieren.

Bleistift

14. Farmdrop

In unserem letzten Artikel zum UX-Design haben wir erklärt, wie wichtig es ist, sich in Ihre Zielgruppe hineinzuversetzen und sich mit ihnen zu verbinden. Farmdrop tut dies, indem es sein Leitbild in den Mittelpunkt stellt.

Bauernhof

Sie sind es leid, Lebensmittel aus der Ferne zu sehen. Damit können die meisten Kunden an Bord gehen. Bevor sie versuchen, Ihnen etwas zu verkaufen, verbinden sie sich mit Ihnen und geben Ihnen einen Grund zum Kauf.

15. Sid Mashburn

Nur ein weiteres großartiges Dropdown-Menü mit kleinen Symbolen. Es ist ein einfacher Trick, der uns hilft, ein umfangreiches Menü zu verstehen. Außerdem verleiht es der Website etwas mehr Persönlichkeit.

Symbole

16. Langsame Uhren

Dies ist eine Uhr mit nur einer Hand. Es ist ein ziemlich einzigartiges Konzept, daher bedarf es einiger Erklärungen! Slow Watches macht das mit einem Vollbild-Erklärvideo wirklich gut.

langsame Uhren

Sie erklären nicht nur das Konzept, sondern sprechen auch über ihre Philosophie, die dahinter steckt (ideal, um mit dem Kunden in Kontakt zu treten), und sie verwenden wunderschöne Bilder, die ihr ideales Publikum hervorheben und ansprechen.

17. Feuerraum

Wenn Ihre Artikel nicht in normale Kategorien passen, werden Sie kreativ! Firebox ist spezialisiert auf ungewöhnliche Geschenke und respektlose Gegenstände. Ihre Top 50-Tabelle ist der perfekte Weg, um ihre beliebtesten Produkte zu entdecken.

Bilder

Das Box-Layout eignet sich hervorragend zum schnellen Durchsuchen von Produkten. Viele der Bilder sind dynamisch, bewegen sich und interagieren mit dem Kunden.

Da sie sich auf Geschenke spezialisiert haben, haben sie auch einen „Geschenksucher“ in ihrer Navigationsleiste, eine fantastische Möglichkeit, die Optionen einzugrenzen.

18. Lazy Oaf

Online-Shopping fühlt sich oft genauso an, und viele werden den alten Prozess des Durchblätterns einer Zeitschrift oder eines Katalogs verpassen.

Lazy Oaf bringt dies mit ihrem coolen Lookbook-Bereich zurück. Anstatt die Kleidung einzeln auszulegen, zeigen sie die Outfits in verschiedenen Kombinationen gleichzeitig. Immerhin sahen sie in einem Katalog so aus.

fauler Dummkopf

Klicken Sie auf die Bilder und Sie erhalten ein Schnellkauffeld, in dem Sie die drei ausgestellten Artikel auswählen können. Es ist eine altmodischere und eindringlichere Art einzukaufen.

Was nicht zu tun!

Wir mögen es nicht, andere Websites in Stücke zu reißen, aber es gibt einige große Namen, die alles falsch machen … Hier sind ein oder zwei der schlimmsten Straftäter.

1. Haus von Fraser

Sie sind eines der größten Kaufhäuser der Welt, machen jedoch einen großen Fehler, sobald Sie ihre Website laden.

Sie werden sofort von einem ganzseitigen Popup-Fenster getroffen, in dem Sie aufgefordert werden, den Newsletter zu abonnieren.

Hourse of Fraser

Obwohl es sich um ein großes Geschäft handelt, ist es eine sehr aufdringliche Taktik, die die meisten Käufer abschreckt. Denken Sie daran, dies ist der erste Eindruck. Es ist viel besser, eine Benutzerreise zu erstellen, die Ihren Besucher aufklärt und inspiriert, bevor Sie nach einer E-Mail-Adresse fragen.

Darüber hinaus gibt es keinen wirklichen Anreiz, sich für den Newsletter anzumelden. Ein Rabatt auf den Gutscheincode wäre hier eine großartige Option und könnte Kunden dabei helfen, das invasive Popup zu verzeihen.

2. Wal Mart

Wal Mart hat eine schwierige Herausforderung. Sie verkaufen so ziemlich alles. Wie gehen Sie vor, um es zu kategorisieren und einfach zu machen? Nun, ich bin mir nicht sicher … aber nicht so …

Wand Mart

Leider ist dies nur ein Durcheinander von Kategorien, bei denen es fast unmöglich ist, das zu finden, wonach Sie suchen.

Hier sind einfach zu viele Informationen los. Wenn Sie Ihren Benutzern zu viele Optionen anbieten, geraten sie oft nur in Panik und gehen.

3. Ray-Ban

Dies ist eine etwas gemeine Wahl, da die meisten Websites von Ray-Ban sehr benutzerfreundlich sind. In der Tat hat es eine Menge cooler Funktionen.

Sie tun jedoch etwas, was viele E-Commerce-Websites tun, was die Kunden wirklich nervt. Diese:

Strahlenschutz

Sie haben eine solche Seite wahrscheinlich schon hundert Mal gesehen. Es scheint nicht so schlimm zu sein, aber es schafft tatsächlich eine weitere Barriere für den Verkauf.

Wenn Sie ein wiederkehrender Kunde sind, fragen Sie sich jetzt, welches Passwort Sie erstellt haben. Wenn Sie sich nicht daran erinnern können, müssen Sie den gesamten Prozess “Passwort vergessen” durchlaufen. Sie könnten diesen Kunden jederzeit verlieren …

Wenn Sie ein neuer Kunde sind, gibt es zwar eine Gastkasse, aber Sie haben ihnen lediglich eine weitere Schaltfläche zum Klicken gegeben. Eine weitere Chance, wegzuklicken.

Zu diesem Zeitpunkt ist Ihr Kunde vollständig von seinem Warenkorb und dem Kaufprozess getrennt. Ziehen Sie es nicht heraus, sondern sperren Sie den Verkauf!

– –

Bei großartigem UX-Design dreht sich alles um die kleinen Verbesserungen, die Ihren Kunden die Arbeit erleichtern. Diese 18 Websites machen es perfekt.

Welche Funktionen werden Sie auf Ihrer eigenen Website verwenden??

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map