Der Benutzerfluss ist definiert als eine Reihe von Schritten, die Ihren potenziellen Kunden helfen, ohne Ablenkungen oder Hindernisse mit Ihrer Website zu interagieren. Dadurch verbessert es Ihre Konversionsrate und reduziert die Bounce-Rate. Je besser der Benutzerfluss ist, desto höher sind die Umsatzerlöse.

Allerdings ist das Design für einen großartigen Benutzerflusses einfacher gesagt als getan. Es ist ein komplizierter Prozess, bei dem verschiedene Phasen erstellt und bewertet werden. Wenn Sie jedoch ein paar Dinge im Hinterkopf behalten, können Sie schnell einen besseren Benutzerfluss ermöglichen.

1. Kennen Sie Ihre Kunden

Wenn Sie einen Benutzerfluss aufbauen, sollten Sie zunächst an Ihre Kunden denken. Ein tiefes Verständnis der Zielgruppe ist die Grundlage für einen klar definierten Benutzerfluss. Wenn Sie wissen, welche Lösungen sie von Ihnen erwarten, ist die Gestaltung eines geeigneten Benutzerflusses viel einfacher. Es wird Ihnen ermöglichen, eine Perspektive ähnlich wie Ihre Benutzer zu gestalten, was zu höheren Konversionen führt. Aus diesem Grund müssen Sie Benutzerpersönlichkeiten anlegen und die Kundenreise Ihrer potenziellen Kunden planen.

ERSTELLEN VON KÄUFERPERSÖNLICHKEITEN

Sie können sich Benutzerpersönlichkeiten als eine Reihe von Merkmalen vorstellen, die die Mehrheit Ihrer potenziellen Benutzer definieren. Das sind keine fiktiven Vermutungen. Natürlich erfordert die Erstellung von Käuferpersönlichkeiten viel qualitative und quantitative Forschung. Sie müssen Verhaltensmuster, Ziele, Fähigkeiten, Einstellungen und Hintergrundinformationen über Ihre Kunden studieren und erkennen.

Sammeln Sie so viele Informationen wie möglich über Ihre Benutzer.

Stellen Sie sicher, dass sich Ihre Benutzerpersönlichkeit auf die Gegenwart konzentriert. Sie müssen wissen, wie die Benutzer gerade jetzt mit Ihrem Produkt interagieren, und dürfen nicht darüber spekulieren, wie sie dies in Zukunft tun werden.

Sie sollten auch jede Eigenschaft Ihrer Käuferpersönlichkeit mit echten Daten verknüpfen. Sie können mehr als eine Person anlegen. In einem solchen Fall müssen Sie sie jedoch als die primäre (relevanteste) und sekundäre Person einstufen. Außerdem müssen Sie für jede Person unterschiedliche Benutzerabläufe gestalten.

ABBILDUNG VON BENUTZERREISEN

Der nächste kritische Aspekt der Kenntnis Ihrer Kunden ist die Abbildung ihrer Reise. Eine Benutzerreise ist eine Zeitleiste von Benutzeraktionen, die Ihnen verschiedene Berührungspunkte zwischen den Kunden und Ihrer Website zeigt. Es ermöglicht Ihnen zu verstehen, wie Benutzer mit Ihrer Website interagieren und was Sie tun können, um dieses Engagement zu verbessern. Zum Beispiel können Sie feststellen, dass das Entfernen oder Neuausrichten einer bestimmten Stufe von der Reise Ihre Umwandlungen verbessern kann.

Es besteht in der Regel aus Personas, Zeitachsen, Berührungspunkten und Engagement-Kanälen. Detaillierte Kundenpersönlichkeiten ermöglichen es Ihnen, die Auslöser oder Probleme Ihrer Kunden zu identifizieren. Die Zeitachse bestimmt, wie lange die Reise dauern wird, während Berührungspunkte die Phasen sind, in denen Benutzer interagieren oder bestimmte Aktionen durchführen, wie z.B. die Registrierung für Ihre E-Mail-Liste.

Engagement Kanäle sind nichts anderes als verschiedene Möglichkeiten, mit Ihren Kunden zu interagieren, wie z.B. das Versenden von Werbe-E-Mails, Textnachrichten oder Online-Chat. Eine Kundenreisekarte hängt jedoch weitgehend von Ihrer Marktnische und Ihren Kundenpersönlichkeiten ab.

DIE EINGANGSPUNKTE ZU IDENTIFIZIEREN

Neben den Benutzerpersönlichkeiten und der Käuferreise müssen Sie auch die verschiedenen Einstiegspunkte kennen. Einstiegspunkte sind die Art und Weise, wie Ihre potenziellen Kunden Ihre Website erreichen. Normalerweise gelangen sie über einen der folgenden Einstiegspunkte zu Ihrer Website.

• Direkte Eingabe der Webadresse Ihrer Website.
• Durch Social Media Seiten wie Facebook und Instagram. Sie klicken auf die Links in Ihrem Werbeinhalt, um zu Ihrer Website zu gelangen.
• Durch organische Suche (oder Pay-per-Click-Anzeigen, wenn Sie eine PPC-Kampagne durchführen), indem Sie die Suchanfragen in Suchmaschinen wie Google oder Bing eingeben.
• Durch Werbung und Verweise auf anderen Websites, Online-Foren und Blogging-Seiten.
• Über E-Mail-Links, die Sie in Ihren Werbe-E-Mails oder monatlichen Newslettern erhalten.

Das Wissen um diese Einstiegspunkte ist entscheidend, da sie sich auf Ihren Benutzerfluss auswirken. Beispielsweise ist ein Benutzer, der durch Anklicken eines Links in einer Werbe-E-Mail auf Ihre Website gelangt, wahrscheinlich ein wiederkehrender Kunde. Dieser Benutzer ist mehr daran interessiert, ein bestimmtes Angebot zu nutzen, das in der E-Mail erwähnt wird, als Ihre Website zu erkunden.

Auf der anderen Seite ist es wahrscheinlicher, dass jemand, der durch organische Suche oder Social Media Promotion kommt, zum ersten Mal Besucher wird. So werden sie Ihre Website für eine Weile durchsuchen und versuchen, mehr über Ihr Unternehmen herauszufinden, bevor sie irgendwelche Maßnahmen ergreifen. Sie werden einen längeren Benutzerfluss mit mehreren Mikrointeraktionen im Vergleich zu einem Stammkunden haben.

2. Vermeiden Sie es, Benutzer mit zu viel Inhalt zu überschütten.

In ihrem Versuch, Benutzer zu binden, erstellen die UX-Designer oft Benutzerströme, die von Inhalten überlaufen sind. Leider führt dies zu dem gegenteiligen Effekt. Überwältigende Inhalte oder Funktionen lenken die Benutzer eher ab oder frustrieren sie, was zu einer erhöhten Bounce-Rate führt.

ÜBERSCHÜSSIGEN INHALT MINIMIEREN

Ob übermäßiger Inhalt oder Oberflächenelemente, Sie müssen so viele visuelle Ablenkungen wie möglich minimieren. Sie sind nicht nur unnötig, sondern auch unattraktiv. Stellen Sie also sicher, dass Sie alle überflüssigen Inhalte, Grafiken, Animationen, auffälligen Text und flackernde Logos entfernen. Mit anderen Worten, Sie müssen eine gewisse Einfachheit beibehalten.

Deshalb ist der Trend vom minimalistischen Design aktuell so stark ausgeprägt.

Die meisten statischen und serviceorientierten Websites können mit einem minimalistischen Ansatz einfache, aber bemerkenswert attraktive Nutzerströme für ihre Websites gestalten. Erstellen Sie Standortlayouts mit nur den wesentlichen Elementen. Verwenden Sie eine ausgewogene Mischung aus Bildern, Text und anderen Funktionen, die Ihren Benutzerfluss ergänzen.

VERKÜRZUNG DER ANZAHL DER FUNKTIONEN UND OPTIONEN

Ein minimalistisches Design funktioniert auch für verschiedene Funktionen oder Optionen auf Ihrer Website. Sie müssen die Funktionen oder Auswahlmöglichkeiten auf Ihrer Website minimieren. Zu viele Entscheidungen können zu einer Entscheidungslähmung führen. Stellen Sie immer sicher, dass Sie klare Entscheidungen treffen, die zu einer bestimmten Aktion führen.

Der einfachste Weg, dies zu erreichen, ist, die richtigen Call-To-Actions (CTAs) zu erstellen und diese passend auf Ihrer Website zu platzieren. Wenn das Hauptziel beispielsweise darin besteht, Ihre E-Mail-Liste zu erweitern, sollte sich Ihr CTA darauf konzentrieren, Ihre potenziellen Kunden zu bitten, ihre E-Mail-ID mit Ihnen zu teilen. Sie können sie mit einem Rabattcoupon für den nächsten Einkauf locken oder mit einem monatlichen Newsletter.

3. Erstellen und testen Sie Ihre Prototypen

Sobald Sie einen festen Überblick über den Benutzerfluss haben, ist es an der Zeit, verschiedene Prototypen zu erstellen und zu testen. Ein Prototyp ist die greifbare Variante des Benutzerflusses Ihrer Website. Es ermöglicht Ihnen, potenzielle Probleme zu beheben, bevor das eigentliche Design erstellt wird, was Zeit und Geld spart.

TESTEN SIE IHREN PROTOTYP MIT ECHTEN ANWENDERN.

Es ist immer besser, Ihren User Flow Prototyp mit echten Benutzern zu testen. Sie können eine kleine Gruppe Ihrer Zielgruppe (die Ihrer Käuferpersönlichkeit entspricht) für Tests verwenden. Erstellen Sie so viele Prototypen, wie Sie benötigen. Bitten Sie diese Gruppe, sich Ihren Prototyp anzusehen und herauszufinden, welche Maßnahmen sie ergreifen. Ermutigen Sie sie, ehrliches Feedback zu geben.

Es ist immer besser, Ihren User Flow Prototyp mit echten Benutzern zu testen.

Sobald Sie ihr Feedback erhalten haben, versuchen Sie, die Engpässe und Frustrationsbereiche mit A/B-Tests zu beheben. Sie können mehr als eine Alternative anbieten, um ein bestimmtes Problem zu beheben. A/B-Tests helfen Ihnen, mit Sicherheit die bestmögliche Lösung zu wählen.

Natürlich ist es teuer, echte Kunden in die Prototypenprüfung einzubeziehen. Betrachten Sie dies jedoch als eine Investition in den Aufbau einer Website mit hohen Umsatzkonversionen. Alternativ können Sie auch einen UX-Experten beauftragen, um mögliche Probleme mit Ihrem bestehenden Benutzerfluss herauszufinden. Es wird billiger sein, aber vielleicht nicht so umfangreich wie das Testen mit echten Kunden.

WEITER OPTIMIEREN

Die Erstellung eines Benutzerflusses ist ein laufender Prozess. Die Verbraucher werden neue Einstiegspunkte nutzen, Ihre Wettbewerber werden bessere Elemente für den Benutzerfluss integrieren, und auch das Web wird sich ständig weiterentwickeln. Sie müssen auch Ihren Benutzerfluss regelmäßig optimieren, um für diese Änderungen relevant zu bleiben.

Sie können Ihrem Benutzer die folgenden Fragen stellen:

• Was lieben sie an Ihrer Website? Gibt es etwas Einzigartiges, das sie ermutigt, immer wieder zurückzukommen?
• Welches ist das attraktivste Merkmal Ihrer Website und warum?
• Welchen Teil der Website finden sie unattraktiv?
• Was würden sie sonst noch empfehlen, was Ihre Website haben sollte?
• Und schließlich, wie werden sie ihr Benutzererlebnis (oder Einkaufserlebnis) bewerten?
• Berücksichtigen Sie dieses Feedback bei der Aktualisierung Ihres Benutzerflusses. Zum Beispiel können Sie versuchen, die unattraktiven Elemente auf Ihrer Website basierend auf dem Kundenfeedback zu ändern und zu sehen, ob die Änderungen Ihren Umsatz verbessern können.

Fazit:

Benutzerfluss und Benutzererfahrung sind eng miteinander verknüpft. Wenn Sie den Benutzerfluss verbessern, wird auch die Benutzerfreundlichkeit verbessert. Aber bevor Sie mit der Gestaltung des Benutzerflusses beginnen, sollten Sie diese drei Punkte unbedingt durchgehen. Sie werden Ihnen helfen, sich auf eine umfassende Überarbeitung Ihrer Website vorzubereiten. Sobald Sie wissen, was gebaut werden muss, kann Sie nichts davon abhalten, Ihre potenziellen Kunden anzuziehen.

Der Beitrag 3 Tricks für effektive Benutzerführung erschien zuerst auf Digitalsuite.

1. Text, der fast unmöglich zu lesen ist

Bei so viel Fokus auf Lesbarkeit und Zugänglichkeit könnte dieser Trend ein wenig überraschend sein. Designer experimentieren mit schwer lesbaren Hero – Textelementen.

Es ist nicht so, dass die Textelemente unlesbar sind –  man muss nur anhalten und eine Minute lang darüber nachdenken.

Warum sollte diese Technik funktionieren? Text ist in diesen Fällen eher ein künstlerisches Element, und obwohl die Worte eine Bedeutung haben, ziehen sie unsere Aufmerksamkeit wegen der visuellen Komponenten auf sich. Der Text ist so konzipiert, dass Sie absichtlich länger darauf schauen.

Jedes der folgenden Beispiele macht dies auf eine etwas andere Weise:

evagher.com/en/

Hier wird das Wort EVA nur in Außenlinien über dem gesamten Bildschirm dargestellt. Man muss eine Weile überlegen um es zu erkennen aber dieser Effekt macht einen tollen Eindruck. Durch das zusätzlich überlagern des Schriftzuges „Makeup artist – Barcelona“ wird hier gekonnt mit verschiedenen Styles und Elementen gespielt um eine bleibende Wirkung zu erzielen.

davideperozzi.com

Bei diesem Design werden die Wörter Creative und Developer über den Bildschirm hinaus dargestellt. Auch hier muss einen Moment überlegt werden um zu verstehen was es mit diesen Wörtern auf sich hat. Dies ist besonders sinnvoll um Besucher 1-2 Sekunden länger an die Webseite zu binden und die Aufmerksamkeit hoch zu halten.

2. In Your Face Faces

Es ist schwierig, einen direkteren Weg zu finden, um sich mit einem Benutzer zu verbinden, als durch ein markantes Bild. Die Verwendung eines Gesichts zur Vermittlung von Emotionen schafft eine noch ausgeprägtere Verbindung.

Der Designtrend In „Your Face Faces“ tut dies mit atemberaubenden Nahaufnahmen von Menschen. Die Visuals schaffen einen unmittelbaren Fokus und Wirkung. Der Benutzer spürt etwas sofort, noch bevor er mit der Verarbeitung der Worte oder anderer Informationen auf dem Bildschirm beginnt.

Das Schöne an diesem Trend ist, dass er darauf ausgelegt ist, Benutzer mit Inhalten zu verbinden.

Bei jedem der folgenden Beispiele fällt es vielleicht schwer, wegzuschauen. Sie schauen zuerst auf das Gesicht auf dem Bildschirm. Es weckt die Neugierde. Sie beginnen, den Rest des Designs zu scannen, um herauszufinden, worum es geht.

Es ist leicht, sich von Anfang an in ein Design mit einer so starken, markanten Optik einzufügen. Das Beispiel aus der MakuUp Artist Seite vereint diesen Trend sogar auch, es wird mit einem sehr großen Gesichtsbild gearbeitet um Emotionen darzustellen. Dieses folgende Beispiel hat auch ein zusätzliches Element, mit einer Animation, die die Gesichter immer wieder interessanter macht.

gdw.kr

Hier werden sogar 2 Effekte überlagert, welche beide sehr starken Fokus auf Gesichter von Personen legen. Einerseits wurde das Hintergrundbild als Portrait mit aussagekräftigem Gesichtsausdruck verwendet und andererseits ist ein Ausschnitt eines weiteren Protraitbildes darüber gelegt. Ein netter Nebeneffekt ist, dass das überlagerte Bild der Maus folgt und sich beim Bewegen der Maus verändert. Sehr schöne Animation.

3. Der ganze Text nach links

Eine Zeit lang ging der Trend bei Hero-Headern dahin, großen Text in der Mitte des Bildschirms zu verwenden. Sie werden immer noch eine Menge solcher Designs sehen. (Das ist so ein Konzept, welches nie alt wird.) Was an Fahrt gewinnt, ist ein einseitiges Layout mit dem gesamten Text auf der linken Seite des Bildschirms, während Bilder und Grafiken auf der rechten Seite stehen. Es klingt verlockend, es linksbündig zu nennen, aber es ist mehr als das…

Dieses Layout erzeugt bei entsprechender Gewichtung eine andere Art von Symmetrie. Die Elemente auf der linken und rechten Seite des Bildschirms müssen sich gewichtsgleich anfühlen, damit das Auge gut über die Informationen wandern kann.

Responsive Design hat diesen Trend wirklich vorangetrieben:

few.io

Hier auch sehr schön zu erkennen, dass die textliche Gestaltung des Hero-Erscheinungsbildes komplett auf die Linke Seite verlagert wurde.

Text- und Bildelemente stapeln sich auf kleineren Bildschirmen. Das oberste linke Element – hier Text – schwebt auf kleinen Bildschirmen an den Anfang des Designs. Dies bietet eine hervorragende Anzeige für Messaging über dem Scroll auf einem kleinen Gerät, während das konsistente Aussehen und Design, das Desktop-Benutzer erleben, erhalten bleibt.

Was diese Konzentration des linken Texts wirklich gut aussehen lässt ist, dass er nicht flach ist. Jede der Websites verwendet atemberaubende Typografie und Farbe, um das Beste aus dem zu machen, was leicht ein langweiliges Display sein könnte.

Fazit

Nur weil etwas im Trend liegt, bedeutet das nicht immer, dass das Design „gut“ ist. Es bedeutet nicht, dass es auch nicht schlecht ist. Trenddesigns zeigen nur neue Techniken und visuelle Elemente, die regelmäßig auftauchen.

Es kann Spaß machen, ein paar Monate zurückzugehen und sich die Trendelemente anzusehen und zu sehen, ob der Trend von verpufft ist. Von den oben genannten erwarten wir, dass die „in your face faces“ eine Weile in der Nähe bleiben. Dieser Bildstil ist sehr eindrucksvoll, da hier Emotionen mehr im Vordergrund stehen und der Benutzer sich direkt angesprochen fühlt.

Quelle: webdesignerdepot.com

Der Beitrag 3 essentielle Webdesign Trends im Sommer 2019 erschien zuerst auf Digitalsuite.