Startseite

Wie sieht Smart E-Commerce UX und UI im Jahr 2019 aus? Lesen Sie diesen Gastbeitrag von Jake Rheude, Marketingleiter bei Red Stag Fulfillment.

Wenn es um User Experience (UX) und User Interface (UI) Design geht, gibt es unterschiedliche Meinungen und Erwartungen für alle Online-Unternehmen. Aber was ist bei E-Commerce-Sites der Fall? Was erwarten Benutzer 2019 von Ihrer E-Commerce UX und UI? Was sollten Sie bei der Erstellung oder Neugestaltung Ihrer Website beachten?

Dies sind einige große Fragen mit einer Vielzahl möglicher Antworten, die auf Ihrer Branche, Ihren Kunden, bestimmten Produkten und persönlichen Vorlieben basieren. Sie können ein Hamburger-Menü genießen oder sie verabscheuen, weil sie zu viel Navigation hinter einem Klick verbergen. Einige von uns mögen kontrastreiche Hintergründe, aber diese könnten mit den Farben und Mustern Ihrer neuesten Kollektionen kollidieren.

Es wird also schwierig, tief in die Benutzererfahrung (UX) und die Benutzeroberfläche (UI) für E-Commerce einzutauchen. In diesem Blogbeitrag zeigen wir Ihnen einige der wichtigsten Trends und Aspekte von E-Commerce UX und UI für 2019, damit Sie es im Großen und Ganzen richtig machen können und sich keine Sorgen machen müssen, Ihre Lieblingsfarben zu vermeiden .

Schauen wir uns zunächst an, wie alles miteinander verbunden ist.

E-Commerce UX und UI: Eine ganzheitliche Erfahrung

Wenn wir beginnen, über die Benutzererfahrung nachzudenken, hat dies normalerweise mit unserer Arbeit zu tun. Designer werden darüber nachdenken, wie der Benutzer auf einer Website navigiert und ihre Elemente verwendet. Vermarkter denken oft an die Reise, die Menschen unternehmen, um auf eine Seite zu gelangen. Der Vertrieb wird sich darauf konzentrieren, wie der Benutzer die Reise des Käufers durchlaufen kann, um einen Kauf abzuschließen.

All diese Dinge und mehr sind in der UX enthalten. Für E-Commerce-Unternehmen ist es sogar noch wichtiger, sich daran zu erinnern, da die gesamte Erfahrung in Ihrem Geschäft verpackt ist. E-Commerce-Eigentümer und Schaufenster sollten sich darüber im Klaren sein, dass die Erfahrung des Benutzers mit Ihrer Marke beginnt, wenn er Sie zum ersten Mal entdeckt (soziale Netzwerke, Suche und Anzeigen sind hier Ihre großen Dinge), und ihm bis zur Kasse und allen Nachverfolgungen nach dem Kauf folgt.

Diese automatisierte E-Mail, die Sie versenden, um jemandem für einen Kauf zu danken und dessen Auftragsverfolgung bereitzustellen, ist Teil der E-Commerce-UX. Wenn Sie den zusätzlichen Schritt gehen, um Ihre Marke zu stärken, indem Sie den gleichen Tonfall sowie Farben und Bilder verwenden, wird dies einen positiven Einfluss darauf haben, wie sie sich an Sie erinnern.

Versetzen Sie sich in die Lage eines neuen Kunden. Verfolgen Sie jeden Schritt, den sie unternehmen, um Sie zu finden und bei Ihnen zu kaufen, erhalten Sie dann ihr Produkt von Ihnen und entscheiden Sie, ob Sie es behalten oder zurücksenden möchten. Jeder Interaktionspunkt entlang der Customer Journey ist Teil der E-Commerce-UX, die Sie aufbauen. Alles, was der Kunde nicht mag oder verwirrend findet, ist etwas zu ändern.

Spezifische E-Commerce-UX- und UI-Elemente, die zu berücksichtigen sind

Wenn wir einen ganzheitlichen Ansatz verfolgen, müssen wir uns einige spezifische Elemente ansehen, die darauf ausgelegt sind, Ihr Publikum glücklich zu machen, egal wo es sich auf der Reise befindet. Ihre E-Commerce-UX und -UI dürfen nicht im Weg stehen, daher muss nach Möglichkeit Kontinuität und Zukunftssicherheit gewährleistet sein. Wir haben einige Elemente identifiziert, die Ihrem Publikum helfen können, Sie zu finden und bei Ihnen zu kaufen.

Sprachsuche (und jede andere) Suchunterstützung

Die Welt basiert auf der Suche. Sofern Sie nicht nur ein einzelnes Produkt verkaufen, ist es wahrscheinlich, dass auch Ihre E-Commerce-Welt auf der Suche basiert. Lieben Sie es oder hassen Sie es, Kunden müssen in vielen Fällen nach Ihnen suchen, um Sie zu finden, und Sie werden aufgrund einer Werbekampagne oft genauso viele Leute nach Ihrem Namen suchen wie diejenigen, die nur auf die Anzeige klicken.

Die Suche kann also entweder ein Segen für Ihr Unternehmen sein oder, wenn Sie sich nicht die Zeit nehmen, der Suche die gebührende Zeit zu widmen, ein großer Schmerz sein. Lassen Sie uns positiv bleiben, indem wir uns einige Kernelemente ansehen, die Ihre Website unterstützen muss, um so viel Suchraum wie möglich zu erfassen.

• Stimme : Dies ist der neueste Suchtrend, der dank virtueller Assistenten abhebt. Die Leute werden mit ihrem Telefon sprechen, um Sie zu finden, und das bedeutet, dass Ihre Website so aufgebaut sein sollte, wie die Leute sprechen. Es ist ein großer Vorteil, Fragen so zu beantworten, wie ein Kunde sie stellt, oder Zielseiten zu erstellen, die darauf basieren, wie Menschen über Ihr Unternehmen sprechen. Dank Tools wie der Google Cloud Speech-to-Text API wird auch die Unterstützung der direkten Suche etwas einfacher.
• Bilder: Die Bildsuche wird immer beliebter und ist ein cleveres Spiel, wenn Sie auf Plattformen wie Instagram unterwegs sind. Wenn Sie sehr visuelle Tools und Produkte haben oder wenn Sie versuchen, sich von der Masse abzuheben, kann Ihnen die Suche nach Bildern dabei helfen, den größten Eindruck zu hinterlassen. Die visuelle Suche eignet sich auch hervorragend, um Leute zu erreichen, die einen Schaufensterbummel machen oder einen bestimmten Look wünschen. Google verfügt über eine benutzerdefinierte Such-API, die Ihnen bei einer Vielzahl von strukturierten und unstrukturierten Datensuchen auf Ihrer Website helfen kann. Was uns bei Bildern am besten gefällt, ist die Unterstützung dominanter Farben, sodass die Suche Bilder mit einer bestimmten dominanten Farbe zurückgeben kann. Kombinieren Sie das mit unserem nächsten Element und Sie verwandeln Ihren Katalog in etwas, das leicht durchsucht werden kann.
• Filter : Je größer Online-Shops werden, desto schwieriger wird es, die Nadel im Heuhaufen zu finden. Filter sind eine großartige Möglichkeit, Kunden dabei zu helfen, genau das zu tun, insbesondere wenn sie sich nicht zu 100 % sicher sind, was sie wollen. Filter können ihnen helfen, zu sehen, was in ihrer Preisklasse, Stilauswahl, Beliebtheit und vielem mehr liegt – außerdem können Sie benutzerdefinierte Tags um Stile oder alles andere erstellen, was Sie möchten, um einen weiteren einzigartigen und persönlichen Filter hinzuzufügen. Es ist ein erstaunliches Tool, das mit der visuellen Suche kombiniert werden kann, damit die Leute nach Artikeln suchen können, die zusammenpassen. Dies ist bei Bekleidung unglaublich beliebt, da jemand, der das perfekte Oberteil gefunden hat, es mit einem Hut oder Unterteil in einer bestimmten Farbe kombinieren kann, um einen Look zu vervollständigen.
• Automatische Vervollständigung: Ich kenne vielleicht Ihre Marke, aber es ist unwahrscheinlich, dass ich den genauen Namen Ihrer Produkte kenne. Aber vielleicht habe ich eine ungefähre Vorstellung davon. Autovervollständigungsfunktionen oder Auswahlvorschläge helfen mir dabei, indem sie mir eine automatisch ausgefüllte Liste mit Artikeln geben, die ich möglicherweise haben möchte. Dadurch komme ich schneller zum Produkt und Sie können Bilder in diese vorab ausgefüllten Ergebnisse einfügen, um mich zum Klicken zu überzeugen.

Bei diesen vier Aspekten der Suche dreht sich alles um die E-Commerce-UX. Sie machen es einfacher, indem Sie unterstützen, was der Kunde tun möchte.

Die UI-Seite der Dinge besteht darin, diese Elemente optisch ansprechend und interessant zu gestalten, ohne im Weg zu stehen. Icons8 hat einen phänomenalen Blick auf den Minimalismus im Jahr 2019, der direkt auf Ihre Such- und Website-Bemühungen angewendet werden kann.

Korrekte Informationen vor Ort

Die Genauigkeit der Website-Inhalte ist der Schlüssel zum E-Commerce – Ihre Website muss korrekt sein, sonst riskieren Sie Umsatzeinbußen und frustrierende Kunden.

Laut einer Studie aus dem Jahr 2018 gilt Folgendes, wenn ein US-Verbraucher online auf ein nicht vorrätiges Produkt stößt:

• 15 % kaufen etwas in einem anderen Geschäft
• 60 % kaufen einen Ersatz für denselben Laden (etwas mehr als die Hälfte hier bleibt bei derselben Marke)
• 10 % gehen in ein physisches Einzelhandelsgeschäft, um das Produkt zu finden
• 15 % stornieren oder verzögern ihren Kauf

Ihre Website-Architektur braucht Hilfe, um die verschiedenen Elemente zu unterstützen, die Sie für Ihr Geschäft und Lager im Auge behalten müssen. Es gibt eine Vielzahl von E-Commerce-Tools, die helfen, egal ob es sich um kleine Lagerverwaltungssysteme oder ganze Plattformen wie Shopify handelt. Wenn Sie Ihr Fulfillment an einen 3PL auslagern, stellen Sie sicher, dass dieser über die Plattformunterstützung verfügt, die Sie benötigen.

Überprüfen Sie Ihren Prozess vollständig und sehen Sie genau, was der Kunde benötigen würde und wo er auf Fehler stoßen könnte. Finden Sie also eine Möglichkeit, Ihren aktuellen Lagerbestand, Versandoptionen und -daten, Kosten wie Steuern und alle anderen Elemente zu verfolgen und anzuzeigen, die sich darauf auswirken könnten, ob eine Bestellung aufgegeben und umgehend ausgeführt wird.

Präsentieren Sie dies auf jede erdenkliche Weise, damit Kunden keine Überraschungen erleben. Wenn Ihre Website Chatbots unterstützt, können sie ein perfekter Ort sein, um Kunden die relevantesten Informationen wie Versand sowie Größentabellen und Farboptionen anzubieten.

Minimieren Sie den Flaum, betonen Sie das Wichtige

Beseitigen Sie die zusätzlichen Elemente, die nicht benötigt werden, wie das Ausblenden von nicht vorrätigen Produkten oder das Wegschieben von Artikeln außerhalb der Saison. Priorisieren Sie, was Kunden brauchen und was sie verwenden – Dinge wie Größentabellen, Farboptionen und Kundenbewertungen – auf jeder Seite, die Sie können.

Wenn es eine Information gibt, die zu einer Rückgabe führen könnte, wenn sie falsch ist, wie z. B. die Kleidergröße, dann müssen Sie dafür sorgen, dass diese so leicht wie möglich zu finden ist. Es begrenzt diese unerwarteten Rücksende- und Ersatzkosten.

Geben Sie beliebten Elementen einen herausragenden Platz, sowohl Produkten als auch Inhalten wie Bildern, um Käufer zu beschäftigen und sich auf Ihrer Website zu bewegen. Wenn Sie auf jeder Seite hervorragende Fotos haben, hat jemand die Möglichkeit, weiter einzukaufen, wenn er auf einer Seite mit einem Produkt landet, gegen das er sich entscheidet.

Setzen Sie auch auf visuelle Elemente, denn sie helfen, Ihre Geschichte zu erzählen und Ihren Umsatz zu steigern. Eine Studie ergab beispielsweise, dass Pinterest-Nutzer mit 79 % höherer Wahrscheinlichkeit ein Produkt kauften, das sie gepinnt sahen . Andere Studien, die sich mit einem allgemeinen Online-Publikum befassen, haben ergeben, dass 96 % der Verbraucher sagen, dass Online-Videos bei Kaufentscheidungen hilfreich sind, und dass 73 % eher ein Produkt mit einem Erklärvideo kaufen.

Nachdem Sie ihnen beim Klicken geholfen haben, konzentrieren Sie sich auf das, was für den Bezahlvorgang wichtig ist. Nehmen Sie sich viel Zeit, um Ihren Einkaufswagen und alle Schritte zu überprüfen, die für seine Verwendung erforderlich sind, Fehler zu beheben und den Kauf abzuschließen.

Die Kasse kann das Erlebnis nicht unterbrechen.

Halten Sie es also schnell, einfach und einfach. Fragen Sie nicht nach mehr Informationen oder Kontodetails als nötig. Dies hilft Ihnen, Ihr Unternehmen zu schützen, indem es Vertrauen schafft – einige Benutzer verlassen Warenkörbe, wenn sie einer Website nicht mehr vertrauen, die sich zu gierig anfühlt. Die einfache und intuitive Navigation erstreckt sich auf Ihren gesamten Prozess, einschließlich Checkout. Wenn Sie eine wiederkehrende Zahlung oder ein Abonnement verwenden, wird dies wichtiger, da Sie mit jedem Kunden eine langfristige Investition schützen.

Schneiden Sie also alles aus, was nicht benötigt wird, um die Leute dazu zu bringen, diesen Verkauf abzuschließen und Ihre Ziele zu erreichen!

Personalisieren Sie, wenn möglich

Lassen Sie uns mit einem Element abschließen, das von Ihrem Budget und Ihrer Software abhängt: Website-Personalisierung. Sie möchten etwas für jeden Einzelnen erstellen, um ihm zu helfen, basierend darauf, wie er auf Ihrer Website navigiert. Es gibt viele kleine Elemente, die Sie basierend auf dem, was andere Personen getan haben, verwenden können, oder Sie können den gesamten Weg gehen, um benutzerdefinierte Inhalte für Personen basierend auf ihren Benutzerkonten zu erstellen.

Personalisieren Sie, wo immer Sie können, auch wenn es sich nur um Produktempfehlungen handelt, die auf dem aktuellen Browsen basieren, oder um Ihre meistgekauften Produkte hervorzuheben. Die gute Nachricht ist, dass dies erschwinglich ist, die großartige Nachricht ist, dass es den Umsatz ankurbelt!

Ein letzter Hinweis für die Benutzeroberfläche zu Bedenken bei der Personalisierung ist, dass Sie manchmal weit gehen müssen, um persönlich zu sein. Woran wir hier speziell denken, ist die Möglichkeit, auf mehreren Geräten auf die gleiche Weise zu arbeiten. Der Aufbau von Geräteunabhängigkeit ist schwierig, aber die Auszahlung kann beträchtlich sein. Wenn jemand auf seinem Handy bekommt, was er braucht, nachdem er auf einen Instagram-Beitrag geklickt und gekauft hat, und dann über den Desktop zurückkommt, um Support zu erhalten oder eine Bestellung zu verfolgen, möchte er, dass alles gleich aussieht und sich gleich anfühlt.

Mehr Menschen surfen auf Smartphones als je zuvor und bauen für diese Bildschirmgröße, aber nicht für eine bestimmte Plattform, ist unerlässlich. Es gibt auch ein Zugänglichkeitselement in diesem Design, das sicherstellt, dass alle Ihre Kunden Ihre Website nutzen können.

In Bezug auf das UI-Design bedeutet dies:

• Support-Tools, mit denen Ihre Website laut vorgelesen werden kann
• Bildunterschriften hinzufügen
• Vereinfachen Sie die Navigation
• Machen Sie visuelle Hinweise groß und deutlich
• Verwenden Sie Farbkombinationen, die jeder leicht lesen oder sehen kann
• Präsentieren Sie dieselben Inhalte auf verschiedene Weise

Wenn Sie hier weitere Unterstützung benötigen, besuchen Sie die Seite des W3C zur Barrierefreiheit, insbesondere zur Bewertungsunterstützung.

Barrierefreiheit ist ein wunderbarer Abschluss, weil sie uns die richtige Einstellung gibt. Ihre E-Commerce-UX und -UI fühlen sich wie kommerzielle Elemente an, aber es geht wirklich darum, Ihr Publikum anzusprechen. Verbinden Sie sich mit ihnen, wie sie es brauchen, und machen Sie ihre Arbeit (Kauf) so einfach wie möglich.

Wenn Sie mit diesen E-Commerce-UX- und UI-Elementen entwerfen, wird dies einen erheblichen Schub für Ihre Website und Ihren Umsatz bedeuten.

Jake Rheude ist Marketingleiter bei Red Stag Fulfillment, einem E-Commerce-Fulfillment-Warenhaus, das aus dem E-Commerce hervorgegangen ist. Er verfügt über langjährige Erfahrung in den Bereichen E-Commerce und Business Development. In seiner Freizeit liest Jake gerne über Geschäfte und teilt seine eigenen Erfahrungen mit anderen.