UX Best Practices für E-Commerce

Um darüber zu sprechen, wie man UX nutzt, um bessere Ergebnisse zu erzielen oder ein optimales Layout für E-Commerce-Websites (E-Shops) zu erstellen, ist es wichtig zu erklären, was UX ist.

UX steht für User Experience, und wir begegnen diesem Begriff oft in Kombination mit dem Wort Design als UX-Design oder User Experience Design. Die Kombination aus dem Akronym UX und dem Wort Design lässt die Leute oft denken, dass UX-Design dasselbe ist wie Webdesign (UI) oder das Design verschiedener Seiten oder dass es um Grafik und visuelles Design geht.

Das Ziel des UX-Designs ist jedoch ein ganz anderes, nämlich eine Beziehung zwischen dem Benutzer und der Marke herzustellen, bei der der Benutzer im Mittelpunkt steht. Es ist der Designprozess, der uns begleitet, um ein Produkt oder eine Dienstleistung von der Konzeption bis zur Markteinführung oder Bereitstellung in der Produktion zu entwerfen.

Der Unterschied zwischen UX- und UI-Design und eine Erklärung, warum man sich neben der Optik der Seite auch auf das Layout verlassen kann, lässt sich an einem einfachen Beispiel von Ketchup-Flaschen erläutern.

Auf dem Bild links sehen wir die Ketchup-Flaschen, die einem Design unterliegen. Optisch kann man sagen, dass beide Flaschen auf den ersten Blick gut sind und ihren Zweck erfüllen. Auf dem Bild rechts sieht man, dass trotz des hervorragenden Designs beider Flaschen das Nutzungserlebnis unterschiedlich ist, was sich zusätzlich auf die Kaufentscheidung des Kunden auswirken wird. Daher muss der UX die gleiche Aufmerksamkeit geschenkt werden, wie dem visuellen Gesamtbild.

Einer der Fehler im E-Commerce-Geschäft ist, dass wir unsere Kunden nicht kennen und uns oft hauptsächlich auf quantitative Daten wie Analytik und den technischen Teil der Lösung und die Spezifikation von Funktionen konzentrieren, die der E-Shop enthalten soll, weil es unsere spezifischen Probleme lösen wird.

Für die Kunden ist jedoch nicht genügend Platz vorhanden, sodass wir ihre wichtigsten Anliegen und Bedürfnisse nicht kennen und wissen, wie wir sie erfüllen können, was sich häufig in der Rentabilität und Effektivität des E-Shops und der laufenden Kampagnen widerspiegelt.

Das folgende Beispiel zeigt, wie wichtig es ist, sich darauf zu konzentrieren, Ihren Kunden kennenzulernen. Zum Beispiel können wir zwei gleichaltrige Personen aus demselben Land mit einer Familie mitnehmen, die beide an denselben Orten Urlaub machen. Dennoch unterscheiden sie sich beispielsweise in ihrem Beruf, Lebensstil oder ihrer Religion, die sich auf ihr Einkaufsverhalten auswirken.

Inhaltshierarchie und Layouts für großartige E-Shops

Wir haben besprochen, was UX ist, womit es zusammenhängt und warum es wichtig ist, es zu verwenden. Auf diesen Begriff gehen wir nun am Beispiel einer E-Shop-Seite näher ein.

Startseite

Eine der wesentlichen Seiten des E-Shops ist zweifellos die Homepage. Es ist das Erste, mit dem der Kunde nach dem Öffnen des E-Shops in Kontakt kommt, und spielt seine Rolle bei der Entscheidungsfindung der Besucher, die wir in drei Grundtypen unterteilen können:

1. der Kunde, der in den E-Shop gekommen ist und genau weiß, was er will
2. der Kunde, der eine Vorstellung davon hat, was er möchte, aber nicht genau weiß
3. der Kunde, der nach Inspiration sucht, hat daher keine konkrete Vorstellung davon, was er kaufen würde

Jeder Kunde geht seinen Einkauf anders an, daher sollte das Layout der Startseite zu seinem Einkaufsverhalten passen. Eine der Grundlagen ist die Erstellung ansprechender Inhalte auf der Zielseite, insbesondere wenn Sie Ihre potenziellen Kunden gut kennen.

Es gibt jedoch allgemeine Regeln für die Erstellung geeigneter Inhalte für E-Shop-Kunden, z. B. Bannerseiten für Werbeaktionen und saisonale Produkte, die nicht unnötig viel Platz zuweisen müssen, da sie Ihnen nicht immer so viele Klicks bringen wie Sie erwarten von. Ausnahme ist ein Saisonrabatt oder ein attraktiver Rabatt oder Angebot. Unter der Bannerseite ist es angebracht, grundlegende Informationen über den Kauf zu platzieren, die den Benutzer interessieren, wie z.  B Zahlungsoptionen, Produktlieferzeiten, Versand, Reklamationen usw.

Einer der beliebtesten Teile für Kunden ist die Anzeige der beliebtesten Kategorien in Kombination mit Produkten wie „Beliebt in der Kategorie“, „Beliebteste Produkte“, „Top-Produkte im Angebot“ oder „Die beliebtesten Marken“.

Produktempfehlungen und Rabattkommunikation funktionieren vor allem bei Kunden, die sich noch nicht für einen Kauf entschieden haben oder Inspiration suchen. Bei potenziellen Kunden müssen Sie zuerst ihr Vertrauen gewinnen. Nutzer-Feedback oder Verifizierung aus den Bewertungsportalen helfen Ihnen weiter.

Der untere Teil der Homepage wird verwendet, um den Inhalt zu kommunizieren, den E-Commerce-Sites verwenden, um ihre Verkäufe zu unterstützen. In den meisten Fällen handelt es sich dabei um einen Blog oder um angezeigte Posts aus sozialen Netzwerken. Wenn Sie den Benutzer mit Ihren Inhalten in diesem Abschnitt ansprechen, ist es möglich, dass er motivierter ist, Ihren Newsletter zu abonnieren oder Ihren sozialen Netzwerken zu folgen, daher ist dies ein ausgezeichneter Platz, um sie zu platzieren.

E-Shop-Kopfzeile

Die Startseite muss mit einer Kopfzeile beginnen, die standardmäßig ein Logo enthält, das als Klick auf die Startseite dient. Dann sehen Sie typischerweise eine umfassende Navigation in Form eines Megamenüs. Ein wesentlicher Bestandteil ist ein erweitertes Suchfeld. Zu guter Letzt muss die Kopfzeile des E-Shops Essentials wie einen Warenkorb mit einer Zusammenfassung des Preises, Login/Kontoerstellung oder einen Wunschlisten-Klick enthalten.

Der Header ist wichtig, vornehmlichfür die Kunden, die wissen was sie wollen und in den meisten Fällen direkt in die Suche gehen, was auch zu einer hohen Kaufwahrscheinlichkeit führt. Die Navigation wird hauptsächlich von Kunden genutzt, die sich in der Produktfindungsphase ihres Einkaufsprozesses befinden und mehr Zeit für die Entscheidung benötigen.

E-Shop-Fußzeile

In einer Fußzeile sucht der Benutzer häufig nach Verkehrsinformationen, Zahlungsoptionen, Kontakten, Anzeigen, Klicks in sozialen Netzwerken usw. Angenommen, der Benutzer gewöhnt sich daran, zum Ende der Seite zu scrollen. In diesem Fall haben sie wahrscheinlich etwas gesucht oder den Inhalt des E-Shops gemocht, daher ist es ratsam, zusätzlich zu den gesetzlichen Artikeln in der Fußzeile Links zu den Hauptkategorien des E-Shops zu platzieren, damit die Kunden fortfahren können bequem zu surfen.

Navigation

Die Navigation und Struktur von E-Shops haben einen erheblichen Einfluss auf Kennzahlen wie Konversionsrate, Umsatz oder Absprungrate. Es ist logisch, dass Benutzer, wenn sie nicht herausfinden können, wo und wie sie finden, was sie suchen oder wo sie sich befinden, die Website ohne Grund verlassen, um zurückzukehren. Ohne eine einfache und funktionale Navigation finden sie nicht heraus, wie sie durch den Produktkatalog, den Blog, das Büro oder den Laden usw. gehen.

Soll sich der Nutzer die Hauptnavigation auf einer Website oder einem Online-Shop vorstellen, stellt er sich meist ein horizontales Balkenmenü im Header vor. Ein häufig verwendeter Bereich zur Unterstützung der Top-Main-Navigation ist die Seitenleiste. Wenn Benutzer zu einer Kategorie der obersten Ebene wechseln, werden ihre Unterkategorien in der Seitenleiste angezeigt. Seitenleisten-Navigationsfunktionen sind eine hervorragende Lösung für Online-Shops oder Websites, für deren Strukturierung viele Informationen erforderlich sind. Neben Unterkategorien bietet es einen perfekten Raum für die Produktfilterung.

Die übliche und effektive Lösung ist das bereits erwähnte Megamenü, das eine große Navigationsleiste darstellt, die angezeigt wird, wenn man mit der Maus über den Eintrag in der Hauptnavigation fährt. Es ist eine ausgezeichnete Wahl, um viele Artikel in der Produktkategoriestruktur zu platzieren oder eine größere Anzahl von Unterseiten auf niedrigerer Ebene anzuzeigen. Ein solch übersichtliches Layout bietet auch mehr Platz zum Beispiel für die Präsentation von Produkten oder Werbung und mehr Platz für Artikel und verbessert so das Kundenerlebnis.

Suchen und Ergebnisse

Neben dem Navigationsmenü ist die Suche eines der wichtigsten Navigationselemente. Benutzer suchen eher nach den gewünschten Artikeln, wenn sie wissen, dass ein Online-Shop das gesuchte Produkt oder die gesuchte Kategorie anbietet.

Unsere Studie zeigt, dass etwa 30 % der Benutzer eine Website oder einen Online-Shop verlassen, wenn sie nicht finden, wonach sie suchen. Abhängig von verschiedenen Faktoren bevorzugt der Benutzer die Suche oder das Navigationsmenü. Die Hauptrolle spielen jedoch der bereits erwähnte Benutzertyp, der auf die Website kommt, und die Segmente, auf die sich E-Shops konzentrieren.

Auch die Suchergebnisse spielen eine eigene Rolle für das Einkaufsverhalten der Nutzer. Diese Seite ist dem klassischen Produktlisting im E-Shop sehr ähnlich. Ein typisches Suchproblem ist jedoch, dass es nicht intelligent genug ist, dem Nutzer Ergebnisse zu liefern, die seine Interessen und sein Einkaufsverhalten widerspiegeln. Daher gelangen Benutzer oft ohne Ergebnisse auf die Website, was in einem Drittel der Fälle das sofortige Verlassen des E-Shops bedeutet.

Das zweite häufige Problem ist, dass es unmöglich ist, die auf der Ergebnisseite gefundenen Produkte zu filtern, oder dass die verfügbaren Filter begrenzt sind. Das bedeutet, dass die Suche mit den facettierten Filtern nicht funktioniert und der Nutzer die Ergebnisse durchsuchen muss, anstatt die Produkte nach seinen Vorlieben filtern zu können.

Produktliste

Produktlisten sind ein wesentlicher Bestandteil eines E-Shops, der Benutzer anweist, zu Produktdetails zu wechseln. Das Grundlayout von Produktlistings, oder genauer gesagt angezeigten Kategorien im E-Shop, besteht aus:

Erweiterte Kopfzeile

Erweiterter Header mit dem Namen der Kategorie zusammen mit einer Beschreibung, in der sich der Benutzer befindet. Sie können Benutzern auch helfen, indem Sie Tipps zur Auswahl des richtigen Produkts für Ihr Etikett hinzufügen.

Brotkrümel

Brotkrümel- oder anderweitig Krümelnavigation wird in Kombination mit der Suche verwendet. Benutzer finden es einfacher, zu einer Kategorie zu „reisen“, die sie interessiert, und sie kennen beispielsweise nicht deren genauen Namen. Anschließend kann er sich per Breadcrumb durch das Detail des gesuchten Produkts in die gewünschte Kategorie klicken.

Sortiermöglichkeiten

Unter dem Namen und der Beschreibung der Kategorie werden häufig Unterkategorien oder Filter von Produkten mit Sortiermöglichkeiten angezeigt. Standardmäßig werden sie jedoch in der Seitenleiste angezeigt.

Seitenleiste

Die Seitenleiste wird häufig verwendet, um Unterkategorien, Produktfilter in einer Kategorie oder die erwähnten Facettenfilter in den Ergebnissen anzuzeigen. Angenommen, der Seitenleistenfilter ist nicht ausreichend optimiert oder die Kategoriestruktur wird nicht angemessen verarbeitet. In diesem Fall ist der Inhalt der Seitenleiste erheblich länger als der der Seite, was sich negativ auf das Benutzerverhalten auswirkt.

Inhalt

Der zentrale Teil ist der Seiteninhalt, der aus Produkten besteht, wobei jedes Produkt mindestens angezeigt werden sollte:

1. Vorschaubild
2. Produktname
3. Preis oder den angezeigten Originalpreis
4. Produktverfügbarkeit oder voraussichtliche Lieferung und die Anzahl der Produkte auf Lager.
5. Die Schaltfläche „In den Warenkorb“ hängt hauptsächlich vom Segment ab. Handelt es sich um Kleidung, die von der Größe abhängt, spielt das keine Rolle, aber wenn es zum Beispiel Bücher sind, dann würde der Einsatz des Buttons Sinn machen.
6. Marketingelemente – Nachrichtenbeschreibung, Rabatt, Sale, praktische Verpackung, letzte Stücke sind verschiedene Formen, um die Produkte für den Benutzer attraktiver zu machen.
7. In der Liste können Sie alles für Produkte anzeigen, indem Sie einfach an den kritischen Faktor oder die Faktoren denken, anhand derer der Benutzer Entscheidungen trifft, wie z. B. die Anzahl der Farben oder andere Variationen und so weiter.

Eine häufige Frage ist, wie die ideale Paginierung im E-Shop aussehen sollte und ob der „Mehr anzeigen“-Button oder die Pfeile verwendet werden sollten. Beide Optionen funktionieren gut, aber die perfekte Lösung kombiniert sie, wobei der Benutzer die Lösung wählt, die am besten zu ihm passt.

Vermeiden Sie beim Auflisten von Produkten unendliches Scrollen, das in ganz anderen Fällen zum Betrachten der Inhalte Anwendung findet, z.  B. in sozialen Netzwerken, Galerien usw. nicht aber beim Einkaufen.

Das Produktdetail

Das Produktdetail ist eine der primären „Conversion“-Seiten des E-Shops, und hier findet die größte Entscheidungsfindung statt. Für den Benutzer können wir die Details in zwei wesentliche Teile unterteilen – den Einkaufsteil und den Informationsteil.

Einkaufsteil

Der Einkaufsteil präsentiert die grundlegenden Parameter und Informationen, die die Entscheidung des Benutzers direkt beeinflussen. Die ideale Zusammensetzung dieses Teils des Produktdetails besteht aus:

Produktfotos/Galerie

Zeigen Sie immer so viele Produktbilder wie möglich an, Video oder Videobewertung des Produkts, alles in bestmöglicher Qualität. Auch von Produktfotos/-videos bekommt der User viele Informationen, die vielleicht nicht in der Beschreibung stehen. In diesem Abschnitt werden häufig Labels oder Informationen zu Rabatten/Aktionen, Neuigkeiten oder verschiedenen Auszeichnungen oder Zertifikaten verwendet.

Produktmarke

Produktmarke mit einem Klick auf ihr Detail und kann alle Produkte und Kategorien nur der ausgewählten Marken anzeigen.

Produktname

Idealerweise, wenn neben dem Produktnamen auch eine Marke oder eine Variationsbezeichnung vorhanden ist, z. B. rot, metallic, XL etc.

Produktcode

Große Bedeutung, insbesondere im B2B-E-Commerce, aber es hilft auch den Kunden, die wiederholt die gleichen Produkte in den B2C-E-Shops kaufen,

Kategorie

Die Kategorie, in der sich das Produkt befindet, spielt eine entscheidende Rolle bei der Navigation des Benutzers, insbesondere wenn das Produkt über eine Anzeige erreicht oder bei einer Internetsuche entdeckt wird.

Produktparameter

Produktparameter – Größe, Varianten, Farben usw. – eine wesentliche Rolle bei der Entscheidungsfindung, idealerweise in der Nähe der Informationen mit Verfügbarkeit und Preis auf der Schaltfläche „In den Warenkorb“. Wenn der Benutzer einen der Parameter ändert, sollte er Änderungen des Preises, der Verfügbarkeit oder anderer Werte sehen, die ihn interessieren.

 Verfügbarkeit

Verfügbarkeit des angezeigten Produkts im E-Shop und in den Filialen.

Lieferung

Liefergeschwindigkeit oder voraussichtliches Lieferdatum. Je genauer Sie eine Schätzung abgeben können, desto zufriedener wird der Nutzer nach dem Kauf sein.

Schaltfläche zum Warenkorb hinzufügen

Der wichtigste Button auf der Seite sollte immer klar definiert und unverwechselbar sein. Wo immer es sich auf der Website befindet, muss immer klar sein, dass es sich um eine Schaltfläche zum Hinzufügen zum Warenkorb handelt. Das Muster des Buttons hängt vom Geschäftsfeld, der Kommunikationsmethode und dem Design des E-Shops selbst ab. Wenn Sie beispielsweise online Luxus-Elektromotorräder verkaufen, können Sie ganz einfach den schwarzen Button mit dem Text kaufen verwenden. Wenn Sie jedoch Lebensmittel verkaufen und liefern, ist ein grüner Button mit dem Text im Warenkorb wahrscheinlich angemessener. Die Schaltfläche zeigt normalerweise eine Sektion mit der Menge an, die der Benutzer in den Warenkorb legen kann oder möchte.

Produktpreis

Der entscheidende Teil des Kaufs. In E-Shops arbeiten wir oft mit Werbeaktionen und Rabatten, daher ist es wichtig, diese zu kommunizieren. Wenn Sie das Produkt rabattieren, zeigen Sie das Rabattetikett und den ursprünglichen Preis an. Es ist auch nicht die beste Lösung, alle Produkte gleichzeitig zu rabattieren, da dies die Produktexklusivität untergraben kann.

Zusätzliche Funktionen

Zusatzfunktionen wie Merkzettel, Teilen oder Größentabelle sind gängige Elemente, die ein Nutzer im Detail gewohnt ist oder erwartet. Eine kurze Produktbeschreibung, die mit dem Informationsteil der Seite verlinkt ist, wird normalerweise nach dem Produktnamen platziert.

E-Shop-Vorteile

Ein Geschenk zum Kauf und Informationen über den Preis der Lieferung, der normalerweise auf der Grundlage der Anzahl der Produkte im Warenkorb neu berechnet wird, oder ein Treuesystem oder eine einfache Rückkommunikation.

Der Informationsteil

Der Informationsteil des Produkts besteht hauptsächlich aus der Hauptbeschreibung des Produkts und seiner Eigenschaften. Es sollte auch eine Galerie, Videobewertungen oder -präsentationen, eine Tabelle aller Produktparameter, eine Beschreibung des Herstellers und verschiedene zusätzliche herunterladbare Materialien enthalten.

In diesem Bereich ist oft Platz für Rezensionen oder Fragen von Besuchern, beispielsweise eine Diskussion in Form von Q&A. Die Bewertungen selbst sind eine wertvolle Informationsquelle für die Nutzer und unterstützen gleichzeitig die Vertrauenswürdigkeit des E-Shops. Je besser die Produktdetails aufbereitet und je besser die Produkte beschrieben sind, desto wahrscheinlicher kaufen die Nutzer im E-Shop.

Produktdetail ist eine großartige Sektion, an der wir Benutzern mit Hilfe von Empfehlungen schnell helfen können, andere Produkte oder Kategorien im E-Shop-Angebot zu entdecken. Empfehlenswert ist es, Empfehlungen direkt hinter dem zentralen Einkaufsteil auf dem Produktdetail zu platzieren, damit sie genügend Platz gewinnen und nicht unnötig vom Hauptprodukt ablenken.

Beim Betrachten von Empfehlungen ist unbedingt darauf zu achten, dass der Nutzer diese nicht beispielsweise mit den genannten Varianten verwechselt. Diese sollten höher in der Nähe des Shopping-Buttons und der Produktparameter platziert werden.

Der Einkaufswagen

Der Warenkorb ist das Tor zum Einkaufsprozess. Der Einkaufswagen hat eine vereinfachte Schnittstelle zu anderen Teilen der Website, um dem Benutzer zu helfen, sich auf den Abschluss eines Kaufs zu konzentrieren und zu vermeiden, dass der Einkaufswagen abgebrochen wird. Ein häufig genutztes Feature des Warenkorbs ist das Timing der Produkte, das die Nutzer darauf hinweist, dass die Produkte nur für einen bestimmten Zeitraum dort sind, und sie so zu schnelleren Entscheidungen und Käufen motiviert.

Die ideale Zusammensetzung des Einkaufswagens besteht aus folgenden Teilen und Parametern:

• Vereinfachte Kopfzeile ohne Navigation ermöglicht es Ihnen, schnell zur vorherigen Seite oder Startseite zurückzukehren und die nächsten Schritte im Kaufprozess anzuzeigen, die den Benutzer erwarten.
• Hinweise auf kostenlosen Versand oder ein Geschenk funktionieren nach dem gleichen Prinzip, am besten hinter der Kopfzeile über der Produktübersicht.
• Zusammenfassung der Produkte im Warenkorb sollten standardmäßig Produkte mit dem Endpreis und der Möglichkeit angezeigt werden, ihre Anzahl zu ändern oder sie aus dem Warenkorb zu entfernen. Produkte müssen ihre ausgewählten Parameter anzeigen und die Möglichkeit haben, auf ihre Details im E-Shop zu klicken.
• Der Endpreis der Produkte wird unmittelbar nach der Zusammenfassung der Produkte und der Stelle zum Code für den Rabattcoupon angezeigt.
• Produktempfehlung – Der Warenkorb ist ein idealer Platz, um den Kauf mit einer Empfehlung zu unterstützen. Der Platz, an dem Sie Empfehlungen platzieren können, befindet sich direkt über oder unter den Schaltflächen „Zurück“ und „Kauf abschließen“. Die Position hängt vom Inhalt der Produkte in der Empfehlung ab. Wenn der Block mit dem Produkt zu viele Parameter hat und zu viel Höhe einnimmt, platzieren wir sie ganz unten, aber wenn sie kompakt und nicht zu hoch sind, können wir sie bequem über den erwähnten Knöpfen platzieren, dann bekommen sie mehr Aufmerksamkeit des Benutzers. Speichern Sie empfohlene Produkte jedoch niemals in der Warenkorbübersicht über den eingefügten Produkten. Dies wird Benutzer verwirren, die völlig andere Produkte sehen möchten, und sie ermutigen, die Website zu verlassen.

Stellen Sie sich im Idealfall vor, dass Sie den Benutzern in diesem Abschnitt bereits mitteilen können, welche Zahlungs- und Versandoptionen Sie ihnen beim Kauf anbieten können, ohne dass sie die nächsten Schritte ausführen müssen, um nur Informationen zu erhalten. In diesem Fall verbessern Sie Ihre Statistiken und reduzieren Ihre Absprungrate.

Einkaufsprozess

Der am häufigsten verwendete Einkaufsprozess ist mehrstufig. Im Gegensatz zu alternativen Lösungen, wie dem One-Step/One-Page-Kaufprozess, bringt es mehr Vorteile und Möglichkeiten.

Der Ein-Schritt-Prozess ist effektiv, hauptsächlich wenn er zu Beginn eines E-Shop-Geschäfts verwendet wird oder in einfacheren Fällen, wenn E-Shops nicht mehr Zahlungs- und Versandoptionen im Kaufprozess anbieten und die Benutzer nicht daran gewöhnt sind, zu viele Einkäufe in Bezug auf eine große Anzahl von Artikeln zu tätigen.

Der Nachteil ist jedoch die Messung des Kaufprozesses, da der gesamte Prozess nur ein Schritt ist. Der Kauf jedes Benutzers bedeutet, den gesamten Kaufprozess zu verlassen. Darauf aufbauend können wir kaum das Problem finden.

Die Vorteile eines mehrstufigen Kaufprozesses liegen insbesondere in der Übersichtlichkeit und deutlich besseren Messbarkeit des Übergangs durch den Kaufprozess dank die Aufteilung in mehrere Schritte:

Einkaufswagen oder Zusammenfassung des Einkaufswagens

Zusammenfassung der Produkte, die der Kunde in seinen Warenkorb gelegt hat.

Zahlungs- und Versandauswahl

Dieser Teil des Kaufprozesses ist unkompliziert, vorausgesetzt jedoch, dass alle Optionen für den Benutzer ausreichend beschrieben und mit allen wichtigen Informationen versehen sind, nicht nur der Name der Wahl und die Gebühr, sondern auch zusätzliche Informationen wie die Wahl der Lieferung per Kurier, die Inanspruchnahme von Lieferdiensten, Zustellung der Ware nur an Werktagen oder auch am Wochenende, Termin, an dem er mit der Ware rechnen kann usw.

Angenommen, der Kunde entscheidet sich für eine persönliche Abholung. Dann sollte er die Möglichkeit haben, einen Laden auszuwählen und automatisch die Öffnungszeiten, die genaue Adresse des Ladens, idealerweise auch die Telefonnummer und natürlich das Datum, an dem er die Ware abholen kann, sehen. Benutzer besuchen häufig die Versand- und Zahlungsoptionen, um herauszufinden, wie hoch der Endpreis ihres Kaufs mit Lieferung sein wird und wie lange dauert die Lieferzeit, auch wenn sie sich noch nicht entschieden haben, den Kauf abzuschließen.

Melden Sie sich bei Ihrem Konto an und geben Sie Ihre Rechnungs- und Versandinformationen ein

Dies ist oft der frustrierendste Teil des Kaufs für den Benutzer, da es oft um das Ausfüllen von Formularen geht. Auch wenn sich der Benutzer nicht anmeldet, können wir das Ausfüllen vereinfachen, indem wir den Namen, die Telefonnummer und die E-Mail-Adresse verwenden. Bestätigen Sie jede Sektion zum Zeitpunkt des Ausfüllens, damit der Benutzer weiß, dass er die richtigen Informationen eingegeben hat. Fragen Sie den Benutzer einzeln nach den Daten; wenn er Interesse an einer Registrierung hat, zeigen Sie die Sektionen zur Eingabe des Passworts erst nach Auswahl dieser Option. In den folgenden Schritten benötigen Sie Rechnungs- und Lieferadressen.

Sie können Benutzern das Ausfüllen von Adressen erleichtern, indem Sie die automatische Vervollständigung vornehmen, damit Sie eine Rechnungs- oder Lieferadresse vervollständigen können. Wenn der Benutzer eine Straße und Hausnummer eingibt, müssen Sie sich keine Gedanken über das Ausfüllen anderer unnötiger Sektionen machen. Die Vervollständigung der Daten endet in der Regel mit der Erteilung der Einwilligung. Versuchen Sie, diesen Teil so weit wie möglich zu vereinfachen und so einfach wie möglich zu formulieren. Im Abschnitt mit den persönlichen Daten gibt es oft die Möglichkeit, dem Kauf des Kunden eine Notiz hinzuzufügen, aber wenn Sie nicht sicher sind, dass Sie diese Notizen nicht verpassen werden, arbeiten Sie besser gar nicht damit und verringern Sie so die Wahrscheinlichkeit eines Kaufs schlechte Benutzererfahrung.

Zusammenfassung des gesamten Einkaufs + Überprüfung der eingegebenen Daten

Der Benutzer kann entscheiden, etwas zu ändern, daher ist es ratsam, ihm zu erlauben, von der Anweisung selbst zu jedem Schritt zu gelangen, ohne durch die Schaltflächen „Zurück und Fortfahren“ klicken zu müssen. In diesem Schritt muss er alle wesentlichen Daten für seine Entscheidung einsehen und die Bestellung absenden. Vergessen Sie daher nicht, ihnen den Endpreis des Kaufs und idealerweise die genaueste Schätzung des Lieferzeitpunkts der Bestellung mitzuteilen.
Nach dem Absenden der Bestellung ist es ideal, wenn der Benutzer direkt zum Zahlungsgateway gelangt und erst nach dem Bezahlen die sogenannte „Danke“-Seite; Sie vermeiden, dass der Nutzer die Seite schließt, bevor er zur Zahlung weitergeleitet wird, was am Ende den Kaufprozess nicht nur für ihn, sondern auch für Sie erschwert. Die „Danke“-Seite ist grundsätzlich auch Teil des Kaufvorgangs und gibt vor allem Auskunft über einen erfolgreichen Kauf. Sein großer Vorteil ist, dass Sie dank eines einfachen Formulars Informationen vom Kunden erhalten können.
Unter anderem können Sie auf dieser Seite den anonymen oder eingeloggten Benutzer durch Sonderangebote oder Rabattcodes zu treuen Kunden und weiteren Käufen motivieren oder ihn auf andere Inhalte im E-Shop lenken, wie z. B. Produktempfehlungen oder Blogartikel, oder Sie können auch E-Mail-Kampagnen einrichten, um Angebote zu versenden.

Mobiles Einkaufen

Mobiles Einkaufen ist ein wachsender Trend und Mobiltelefone spielen eine immer wichtigere Rolle im Einkaufsverhalten der Nutzer. Es ist gängige Praxis, vor dem Kauf eine Umfrage durchzuführen, auf deren Grundlage die Nutzer später entscheiden, ob und wo sie das Produkt kaufen. Interessanterweise haben nach den neuesten Zahlen 69 % der Kunden diese Umfrage hauptsächlich auf Mobilgeräten durchgeführt.

Der wachsende Trend des mobilen Einkaufens wird von vielen Faktoren beeinflusst, wie dem technologischen Fortschritt, der Abdeckung und Verfügbarkeit von Highspeed-Internet, der Erschwinglichkeit mobiler Geräte, mobilen Zahlungsdiensten wie Apple Pay und Google Pay, aber auch der Unterstützung von e- Geschäfte, indem sie ihre E-Commerce-Anwendungen entwickeln und danach streben, das beste Einkaufserlebnis für den Benutzer zu erzielen. Eine Möglichkeit, eine positive Benutzererfahrung zu erzielen, besteht darin, zu verstehen, wie der Benutzer das mobile Gerät steuert.

Seitenlayout und Thermalkarte

Durch Tests und Analysen des Benutzerverhaltens können wir feststellen, wie Benutzer mit dem Bildschirm interagieren, indem wir thermische Karten anzeigen. So können wir genau definieren, wie die Oberfläche einer Anwendung oder Website gestaltet werden muss, damit der Benutzer komfortabel damit arbeiten kann. Jede Farbe erklärt, wie einfach es ist, verschiedene Bildschirmteile zu verwenden.

Diese Informationen sind für uns ein wesentlicher Input bei der Gestaltung der Benutzeroberfläche und des Layouts entscheidender Elemente, weil die Struktur dieser Elemente an den richtigen Stellen auf dem Bildschirm das digitale Erlebnis erheblich verbessert, da die Bildschirmfläche mobiler Geräte im Vergleich zu herkömmlichen erheblich eingeschränkt ist Computerbildschirme.

Kritische Teile des E-Shops in der mobilen Ansicht:

Header

Der Header sollte bestimmte Parameter erfüllen, um als praktisches Navigationselement zu dienen; es sollte auch kompakt und nicht zu hoch sein, da es dem Benutzer einen Platz im Inhalt entzieht und es schwierig sein wird, sich im E-Shop zurechtzufinden. Es sollte ein Logo mit einem Klick auf die Startseite enthalten. Häufig verwendet wird der sogenannte Floating Header, eine Überschrift, die auch beim Scrollen immer angezeigt wird.

Logo

Eine vereinfachte Version des Logos passt problemlos in das mobile Display und nimmt nicht viel Platz ein.

Hamburger-Menü

Ein wichtiger Teil der Kopfzeile, unter dem sich die Navigation und der Warenkorb verbergen, der die Mindestanzahl der eingefügten Artikel anzeigt.

Suchleiste

Die Suchleiste in ihrer Gesamtheit, idealerweise nicht hinter dem Lupen-Icon versteckt, soll dem Nutzer den Komfort beim Stöbern im E-Shop nicht nehmen.

Mobile Suche

Eine optimierte und funktionale Suche auf Mobilgeräten spielt eine entscheidende Rolle bei der Befragung der Besucher des E-Shops. Die Optimierung besteht aus dem richtigen Layout von Elementen und Einstellungen ihrer Interaktionen, was die Kontrolle des Benutzers so weit wie möglich vereinfacht, wie zum Beispiel:

• Die kompakte Darstellung der Autovervollständigung mit der Suchleiste auf dem gesamten Bildschirm des Geräts erhöht die Übersichtlichkeit und den Bedienkomfort der Suche erheblich.
• Autovervollständigung zeigt die Ergebnisse ab dem ersten Zeichen an und empfiehlt beim Öffnen die Kategorien, die am häufigsten gesuchten Ausdrücke, Lieblingsprodukte oder -artikel und andere Inhalte.
• Beim Betrachten der Ergebnisse in der Autovervollständigung wird die virtuelle Tastatur automatisch ausgeblendet, damit der Nutzer genug Platz hat, um die Produkte anzusehen.
• Die Ergebnisse sind nach kritischen Parametern in Tabs geordnet, zwischen denen der Nutzer klicken oder durch einfaches Gleiten zu den Seiten wechseln kann.

Die Funktionalität der Suche liegt in ihrem Verhalten bei der Interaktion mit dem Benutzer. Eine genaue Suche sollte den Benutzer immer zu einem relevanten Ergebnis führen und sein normales Verhalten berücksichtigen, unabhängig davon, wie er die Suchphrase schreibt, ob er einen Titel mit Tippfehlern schreibt, einen Slang-Begriff oder Archaismus verwendet usw.

Fazit

Benutzer werden wahrscheinlich mehr denn je nach einer personalisierten Erfahrung suchen. Daher reicht als Online-Geschäft eine gut aussehende Website nicht aus. Sie müssen ein nahtloses Erlebnis schaffen, um Erfolg zu haben, oder Sie riskieren, Ihre Kunden gleich nach ihrem ersten Besuch zu verlieren. Wir hoffen, dass dieser Blog Ihnen bei der Verstand hilft, wie effektiv der richtige Einsatz von UX für Sie sein kann, um Ihr Online-Geschäft attraktiver zu machen, obwohl Sie keine Zielgruppe haben.

Häufig gestellte Fragen

Was ist der Unterschied zwischen UI und UX, wenn sie normalerweise zusammen aufgeführt werden?

Auf der grundlegendsten Ebene besteht die Benutzeroberfläche (UI) aus allen Elementen, die es jemandem ermöglichen, mit einem Produkt oder einer Dienstleistung zu interagieren. Andererseits ist die Benutzererfahrung (UX) das, was eine Person, die mit diesem Produkt oder dieser Dienstleistung interagiert, von der gesamten Erfahrung wegnimmt. Es ist wichtig, die gesamte Benutzererfahrung von der Benutzeroberfläche (UI) zu unterscheiden, obwohl die Benutzeroberfläche ein kritischer Teil des Designs ist. Betrachten Sie als Beispiel eine Website mit Filmkritiken. Während die Benutzeroberfläche zum Auffinden eines Films perfekt ist, ist UX für einen Benutzer, der Informationen über eine kleinere unabhängige Veröffentlichung wünscht, schlecht, wenn die Basisdatenbank nur Filme aus großen Studios enthält.

Wie kann man die Glaubwürdigkeit des E-Shops bestätigen?

• Ein gültiges SSL-Zertifikat
• Datenschutzerklärung
• Aktuelle Preise / nicht alle Produkte auf einmal rabattieren
• Vorhandene Adresse und Telefonnummer
• Achte auf Rechtschreib- und Grammatikfehler
• Möglichkeit, E-Shop-Bewertungen zu schreiben
• Links zu sozialen Netzwerken
• A/B-Tests

Wird das Interesse am Online-Shopping auch nach der Pandemie steigen?

Dank Lockdowns ist das Interesse am Online-Shopping im Jahr 2021 logischerweise um bis zu mehrere Milliarden Dollar im Ausland und über 2 Milliarden Euro in der Slowakei gestiegen. Ob das zu 100 % so bleibt, lässt sich nicht vorhersagen. Dennoch hat sich der Online-Bereich in den zwei Jahren der Pandemie weiterentwickelt und an die Situation angepasst, damit der gesamte Online-Kaufprozess so schnell und bequem wie möglich ist.

Wie zieht man E-Shop-Besucher an?

• Nettes Design
• Anzeige
• Lernen Sie Ihren Kunden kennen
• Kundenbewertungen auf soziale Netzwerke
• Konzentrieren Sie sich auch auf Details, weil das Seitenlayout eine wichtige Rolle spielt
• Drücken Sie Kunden nicht mit Anmeldung oder Newsletter auf
• Hilfestellung für Benutzer
• Rabatte und Angebote – bei Interesse an der Rückgabe des Vorteils für registrierte Benutzer