Erstellen von User Journeys für Ihren E-Commerce-Shop

Das Erstellen jeder Art von Website bringt seine eigenen Herausforderungen mit sich. Aber eine E-Commerce-Website ist ein ganz anderes Ballspiel. Sie verfolgt dieselben Ziele wie jede andere Website: Entwicklung und Pflege der Markenpersönlichkeit, Kommunikation und Interaktion mit dem Publikum, Gewinnung und Bindung von Leads und Aufbau einer starken und dauerhaften Beziehung zu den Verbrauchern.

Aber gleichzeitig fungiert es auch als eigentliches Geschäft, das den Umsatz steigern und die Geschäftsleistung durch gesteigerte Verkäufe und gesteigerte Kundenzufriedenheit verbessern soll. Das ist eine Menge Verantwortung! Wenn Sie sicherstellen möchten, dass Ihr E-Commerce-Shop alles erreicht, befolgen Sie diese Tipps, die Ihnen helfen, voll funktionsfähige Benutzerreisen auf Ihrer Website zu erstellen.

Sammeln Sie UX-Daten

Der Zweck von UX-Daten besteht darin, sich mit allen verfügbaren Erkenntnissen zu bestehenden Beobachtungen der Benutzererfahrung auszustatten. Sie brauchen dies, damit Sie Probleme aufgreifen und Lösungen entwickeln können, die Ihre Site-Struktur von Anfang an verbessern. Es stehen hervorragende UX-Tools wie Hindsight zur Verfügung, die Ihnen dabei helfen, genaue Daten zu sammeln und Verbesserungsbereiche auf Ihrer Website zu identifizieren: von der Aufzeichnung von Besuchern, während sie sich auf Ihrer Website bewegen, bis hin zur Erstellung von Heatmaps Ihrer Webseiten, um zu sehen, wo sich Personen befinden (oder nicht 't) klicken.

Dies gilt natürlich nur, wenn Sie eine bestehende Website zum Testen haben. Wenn Sie eine brandneue Website erstellen, erfolgt dieser Schritt erst in einer späteren Phase. Aber behalte diese Tipps im Hinterkopf.

Die Daten, die Sie sammeln, bestimmen wichtige Informationen wie:

• Aktivitäts- oder Interaktionsspitzen
• Engagement-Segmentierung
• Unterbrochene oder Sackgassenfahrten
• Frustrationspunkte

Sie können auch Daten verwenden, die aus SEO-Erkenntnissen, Google Ads, Google Analytics und integrierten Analysen auf Social-Media-Plattformen gesammelt wurden, um Ihre Ergebnisse zu untermauern. Die Datenerhebung bietet auch eine Informationsbasis, die als Maßstab für zukünftige Online-Audits und Forschungsziele verwendet werden kann.

Beginnen Sie mit der Erstellung einer Fallstudie

Dies wird für Ihren zukünftigen E-Commerce-Erfolg von grundlegender Bedeutung sein, insbesondere wenn Sie es mit einer Website mit Dutzenden von Seiten und mehreren möglichen Benutzerreisen zu tun haben.

Sind alle notwendigen Recherchen durchgeführt und die richtigen Daten zusammengetragen, müssen die Befunde prägnant festgehalten werden. Ihre Fallstudie wird verwendet, um Daten zusammenzufassen und zu erklären und um Hypothesen zu erstellen oder zu testen. Während Sie die Schritte vom Erstellen eines Wireframes bis zum Erstellen einer Website durchlaufen, erweitern Sie die von Ihnen aufgezeichneten Daten und verwenden sie schließlich als Werkzeug, um sich an laufenden Benutzertests zu messen oder Teammitgliedern dabei zu helfen, fundierte Entscheidungen zu treffen.

Planen Sie Ihre Seitenstruktur

In den nächsten beiden Schritten legen Sie die Informationsarchitektur fest und planen Ihr vollständiges Website-Layout in Form eines Wireframes.

Es klingt einfach genug, und Sie haben vielleicht schon darüber nachgedacht, aber halten Sie einen Moment inne und überlegen Sie: Haben Sie dieser Wireframe-Phase wirklich die notwendige Aufmerksamkeit geschenkt?

Während Sie diese beiden Schritte ausführen, können Sie mit dem Brainstorming für das Erscheinungsbild beginnen, kein Problem. Solange Sie die endgültigen Entscheidungen über die Benutzeroberfläche zurückstellen, bis Sie sicher sind, dass die Struktur und Navigation Ihres E-Commerce-Shops koordiniert und fehlerfrei integriert sind. Wir stellen die Benutzeroberfläche in Bezug auf die Bedeutung nicht an zweiter Stelle. Die Benutzeroberfläche ist eindeutig von großer Bedeutung. Es haucht der Struktur Ihrer Website Leben ein und spielt die Hauptrolle dabei, Ihren Shop für Benutzer intuitiv funktionsfähig zu machen. Aber Ihre Benutzeroberfläche kann eine kaputte Site-Struktur oder eine komplizierte Benutzerreise nicht retten.

Denken Sie wie ein Benutzer

Sie müssen sich in die Gedanken Ihres Verbrauchers versetzen, wenn Sie mit der Fertigstellung Ihres Wireframes beginnen. Dies kann eine knifflige Übung sein, da Sie Ihre Marke und alle ihre Produkte bereits so gut kennen, dass es für Sie ziemlich einfach erscheint. Aber lassen Sie sich davon nicht täuschen! Sie müssen Ihre Navigation um effiziente und effektive Online-Benutzerreisen herum entwickeln, die sowohl Erstbesucher als auch wiederkehrende Besucher ohne viel Aufhebens zum Warenkorb führen.

Richten Sie zunächst Ihre Website-Navigation an Benutzerpersönlichkeiten aus, um die Bedürfnisse, Erfahrungen, Verhaltensweisen und Ziele der Benutzer zu verstehen und mit ihnen zu arbeiten. Dies bildet die Grundlage für Ihre User Journey und Ihren User Flow. Die Benutzerreise erklärt die Szenarien, in denen Benutzer täglich mit Produkten interagieren, während sich der Benutzerfluss auf unabhängige Phasen der Interaktion mit einem Produkt konzentriert, von Anfang bis Ende.

Erwägen Sie die Durchführung gezielter Interviews mit Zielgruppen, um Ihre Benutzer besser zu verstehen. Hier können Sie spezifische und offene Fragen stellen, die dabei helfen, das Produktverständnis der Benutzer zu ermitteln, die Grundlage für eine Benutzerreisekarte zu bilden und bestehende/neue Benutzerpersönlichkeiten zu verfeinern.

Stellen Sie sicher, dass Sie die Fehlervermeidung berücksichtigen, wenn Sie wie ein Benutzer denken. Egal wie sorgfältig Ihre Website gestaltet ist und wie außergewöhnlich Ihre Seitennavigation ist, Benutzer machen Fehler. Es liegt in Ihrer Verantwortung, die Extrameile zu gehen, um zu verhindern, dass Probleme überhaupt auftreten. Wenn dies jedoch der Fall ist, stellen Sie sicher, dass Sie eine schnelle Lösung für Ihren Benutzer hinzugefügt haben.

Wenn Sie also Ihr Wireframe erstellen, stellen Sie im Grunde sicher, dass es für jedes mögliche Besucherszenario eine einfach zu navigierende Reise gibt. Wenn Sie schon dabei sind, verfeinern Sie Ihre Informationsarchitektur, um Schritte zu minimieren und ideale Momente auf Ihrem Website-Layout für Upselling- und Cross-Selling-Journeys zu finden.

Testen Sie Ihr Drahtmodell

An diesem Punkt kann Ihr Wireframe immer noch eine Art Blaupause mit wenig oder gar keinen implementierten Designelementen sein. An dieser Stelle müssen Sie jedoch Ihren Inhalt zum Wireframe hinzufügen! Wenn Sie die Effizienz und Benutzerfreundlichkeit eines Drahtmodells testen möchten, muss die gesamte Kommunikation einbezogen werden.

Sie müssen sich bei dieser Art von Wireframe-Test nicht unbedingt auf die Öffentlichkeit verlassen. Wenn Teammitglieder aus verschiedenen Abteilungen die gesamte Site-Struktur, Navigation und das Design überprüfen, werden vorerst genügend Einblicke gewährt. Stellen Sie nur sicher, dass Sie Ihre Testgruppe nicht auf Personen beschränken, die bisher bereits intensiv mit dem Prozess zu tun hatten – Sie brauchen neue Augen und frische Meinungen.

Erstellen Sie ein High-Fidelity-Drahtmodell

Auch als Prototyp bekannt, ist ein High-Fidelity-Drahtmodell ein voll funktionsfähiges Drahtmodell, das Ihre endgültige Website mit all ihren Seiten und Reisen nachahmt. Sie werden dies verwenden, um Benutzertests an Personen außerhalb Ihrer Organisation durchzuführen, bevor Sie mit der Webentwicklung beginnen. Dieser Prozess sollte niemals überstürzt werden, da er die letzten Schritte zur Perfektion des Online-Shops ausmacht.

Sie können sowohl moderierte als auch unmoderierte Tests durchführen. Beide Methoden zielen darauf ab, zu beobachten, wie Benutzer mit dem Wireframe interagieren, und Probleme, Auffindbarkeitsprobleme, Ineffizienzen, Engpässe und Sackgassen zu identifizieren, die Benutzer daran hindern, Ziele zu erreichen.

Dies ist auch der Teil, in dem Sie die Benutzeroberfläche einbringen, um sicherzustellen, dass das Design Ihr Website-Skelett unterstützt und ergänzt.

Führen Sie eine heuristische Bewertung der Benutzeroberfläche durch

Eine heuristische Bewertung ist eine Überprüfung durch einen oder mehrere UX- oder UI-Spezialisten. Es befasst sich speziell mit der Benutzeroberfläche der Website aus der Perspektive der Benutzererfahrung. Es hilft, die allgemeine „intuitive“ Benutzerfreundlichkeit einer Website über jede mögliche Benutzerreise hinweg zu testen, basierend auf einer Reihe von Prinzipien. Hier sind fünf der auf die User Journey ausgerichteten Prinzipien, die Sie beim Testen eines High-Fidelity-Prototyps analysieren können:

Sichtbarkeit des Systemstatus

Während jeder Interaktion auf einer User Journey müssen die Benutzer durch angemessenes Feedback (visuelle Hinweise) innerhalb einer angemessenen Zeit darüber informiert bleiben, was vor sich geht. Ein Beispiel dafür könnte sein, sicherzustellen, dass sich der Cursor konsistent ändert, wenn er mit der Maus über Links und anklickbare Elemente fährt, oder eine klare Anzeige, wann ein Element geladen wird.

Übereinstimmung zwischen System und realer Welt

Jeder umsetzbare Punkt und Inhaltsstrang in Ihrem Layout muss einen Zweck haben und die Sprache des Benutzers sprechen. Informationshierarchien sollten durch Design zum Leben erweckt werden und einer natürlichen und logischen Ordnung folgen. Verwenden Sie im gesamten Inhalt und in der Navigation Ihrer Website einfaches Englisch und fügen Sie hochwertige Bilder ein, die Beispiele aus dem wirklichen Leben vermitteln.

Benutzerkontrolle und Freiheit

Egal wie gut Ihre Informationsarchitektur aufgebaut ist oder wie gut Ihre Navigation gestaltet ist, Benutzer werden Fehler machen. Dabei ist es wichtig, dass sie einen deutlich gekennzeichneten Notausgang finden und ungestört ihre Reise fortsetzen können. Unterstützen Sie das Wiederholen und Rückgängigmachen von Aktionen, indem Sie sichtbare Hinweise, sekundäre Navigationen oder Breadcrumb-Taktiken implementieren.

Konsistenz und Standards

Sie müssen sich nicht auf ein festes Design beschränken, müssen aber dennoch sicherstellen, dass Benutzer einzelne Elemente der Benutzeroberfläche verstehen können. Benutzer sollten sich nicht fragen müssen, ob verschiedene Wörter, Situationen oder Handlungen dasselbe bedeuten. Stellen Sie sicher, dass unterschiedliche Layouts einer erkennbaren Struktur folgen und dass Farben und umsetzbare Elemente wie primäre und sekundäre Call-to-Action-Designs einheitlich sind.

Hilfe und Dokumentation

Auch wenn es für ein Website-Layout besser ist, keine zu komplizierten Informationen zu enthalten, kann es in einigen Fällen dennoch notwendig sein, Hilfe und Dokumentation bereitzustellen. Solche Informationen sollten einfach zu durchsuchen, aufgabenorientiert und erklärend sein. Dies gilt insbesondere für E-Commerce-Shops, die fortschrittlichere oder kompliziertere Produkte verkaufen. Ein Online-Shop für Farben muss beispielsweise technische Datenblätter und nützliche Anwendungsinformationen enthalten.

Es endet nicht dort

Sie können nie ganz damit fertig sein, an Ihrer Website zu arbeiten oder Ihre User Journeys zu verbessern. Sie müssen nicht an ein Wireframe als dieses gewaltige Projekt für eine ganz neue Website denken. Wireframes können entwickelt und getestet werden, um selbst die kleinsten Probleme zu verbessern. Aber die kleinsten Probleme können manchmal zu den größten Conversion-Verlusten führen – ermöglichen Sie Ihrer Website also, Ihre Benutzer bei jedem Schritt der Reise zu unterstützen! Und wenn Sie nicht sicher sind, was Sie von hier aus tun sollen, rufen Sie uns an. Als Shopify-Experten setzen wir uns genauso leidenschaftlich für den Erfolg Ihres Online-Shops ein wie Sie.