Die vollständige 25-Trick UX-Design Checkliste

Die Idee hinter dem UX-Design ist einfach: Glückliche, selbstbewusste Benutzer kaufen eher bei Ihnen. Sie vertrauen Ihnen eher, melden sich bei Ihren Mailinglisten an oder laden Ihre App herunter.


Ich denke oft an User Experience Design (oder UX Design) als Psychologie und nicht als Entwicklung.

Bei gutem UX-Design geht es darum, in den Kopf Ihrer Besucher zu gelangen.

Es antizipiert jede Bewegung und erstellt eine Website, die einfach, intuitiv und benutzerfreundlich ist.

Leider gibt es keine einfache Antwort oder Silberkugel für ein gutes UX-Design. Es ist der Höhepunkt vieler kleiner Verbesserungen. Jeder verbessert die Erfahrung auf Ihrer Website.

Vor diesem Hintergrund habe ich eine Checkliste mit 25 kleinen (und einfachen) Verbesserungen zusammengestellt, die Ihr UX-Design zum Leuchten bringen.

Contents

1. Geschwindigkeit

Die Geschwindigkeit der Website ist Ihre erste Chance, einen guten Eindruck zu hinterlassen. Es ist Ihre erste UX-Hürde.

Website-Geschwindigkeit

(Bildquelle)

Zu langsam und Ihre Besucher sind bereits aufgeregt und vertrauen Ihnen weniger. Wir verbinden Geschwindigkeit instinktiv mit Professionalität, und die meisten Besucher erwarten, dass Ihre Website innerhalb von zwei Sekunden geladen wird.

Alles, was langsamer ist, und es ist von Anfang an eine schlechte Benutzererfahrung.

Stellen Sie sicher, dass Ihre Servergeschwindigkeit auf dem neuesten Stand ist, und verringern Sie das Gewicht Ihrer Website, damit sie schnell geöffnet wird.

2. Wer bist du und was machst du??

Ihre nächste große Herausforderung besteht darin, Ihre Besucher schnell zu informieren. Wer bist du? Wie geht’s? Und welchen Wert können Sie ihnen geben?

Netflix-Wertstütze

Dies wird als Wertversprechen bezeichnet und ist so wichtig, dass wir einen ganzen Blog-Beitrag darüber geschrieben haben. Sie haben nur wenige Sekunden Zeit, um Ihre Besucher zu überzeugen!

Probieren Sie es jetzt aus: Fassen Sie Ihre gesamte Website in einem Satz zusammen und geben Sie an, wohin die Besucher als Nächstes gehen sollen.

3. Stellen Sie sicher, dass Besucher mit Ihnen in Kontakt treten können

Ein zentraler Bestandteil des UX-Designs ist die Beseitigung von Sorgen und Ängsten Ihrer Besucher.

Eine der größten Sorgen für neue Besucher ist, ob sie Ihnen vertrauen sollten oder nicht – insbesondere, wenn Sie eine neue Website sind.

Eine Möglichkeit, diese Angst zu beseitigen, besteht darin, ihnen zu zeigen, dass sich hinter den Kulissen eine echte Person befindet. Fügen Sie eine Geschäftsadresse, eine Telefonnummer und eine echte E-Mail-Adresse hinzu. (KEIN Kontaktformular – die Leute neigen dazu misstraue ihnen im Vergleich zu einer direkten E-Mail-Adresse).

Noch besser, Verwenden Sie eine Live-Chat-Box So können Benutzer sofort Fragen stellen.

Tagove Live Chat

Wenn etwas schief geht, ist es gut zu wissen, dass sie sich leicht melden können.

4. Geben Sie den Besuchern immer einen Weg zurück nach Hause

Wir haben uns alle schon einmal auf Websites verlaufen. Sie folgen Links und landen in einem Kaninchenbau.

In diesem Fall werden Ihre Besucher aufgeregt und frustriert. Sie drücken instinktiv auf die Schaltfläche “X”, um den Browser zu schließen.

Stellen Sie stattdessen sicher, dass es eine klare und definierte Home-Schaltfläche gibt, damit sie immer von vorne beginnen können. In der Regel erwarten Benutzer, dass Ihr Logo auch wieder auf die Startseite verweist. Stellen Sie daher sicher, dass dies der Fall ist.

5. Noch besser, lassen Sie Semmelbrösel, damit sie wissen, wo sie sind

Verwenden Sie nicht nur einen schnellen Neustart, sondern auch Brotkrumen, um zu erklären, wo sie sich gerade befinden.

Große Fortschrittsbalken sind dafür großartig. Wenn dies beispielsweise während des Bestellvorgangs geschieht, teilen Sie Ihrem Benutzer genau mit, wo er sich befindet und was noch zu tun ist.

Checkout-Fortschrittsbalken

(Bildquelle)

Auch dies ist eine einfache Psychologie. Zum Beispiel ist ein Spaziergang viel anstrengender, wenn Sie nicht wissen, wo das Ende ist. Wir fühlen uns viel wohler, wenn wir eine Karte haben. Die gleiche Idee gilt online.

6. Entfernen Sie alle sich wiederholenden Aktionen

Es ist sehr frustrierend, dieselben Daten zweimal in ein Formular einzugeben (z. B. eine Rechnungsadresse und eine Lieferadresse). Versuchen Sie, sich wiederholende Aktionen zu entfernen, die den Kaufprozess verlangsamen.

Es sind solche Dinge, die zum Verlassen des Wagens führen. Ihre Besucher werden woanders suchen.

Erstellen Sie noch besser ein System, das sich an die Vorlieben Ihrer Kunden erinnert. Es wird sie überraschen und erfreuen, wenn alles wieder auf sie wartet. Dies ist eine einfache Sache, die die Chancen für Stammkunden verbessert.

7. Verwenden Sie Tooltipps, um Neulingen zu helfen (aber behindern Sie die Experten nicht!)

Einige Ihrer Besucher werden Stammgäste sein. Sie werden Ihre Anmeldeunterlagen und Ihren Kaufprozess durchgehen. Andere werden brandneu sein und möglicherweise einige Fragen haben.

Kleine “Tooltip” -Symbole (oft mit einem Fragezeichen gekennzeichnet) helfen den Neulingen zu verstehen, was sie tun müssen. Gleichzeitig behindern sie Ihre Experten nicht.

Tooltips

(Bildquelle)

Sie können sogar Verknüpfungen oder Überholspuren bereitstellen, um die Experten zu beschleunigen. Auf den meisten Website- und App-Erklärungen werden beispielsweise häufig Links zum Überspringen angezeigt.

8. Erstellen Sie einen großen, mutigen Aufruf zum Handeln

Eine Handlungsaufforderung teilt Ihrem Besucher genau mit, was zu tun ist: Zum Beispiel “Anmelden” oder “Jetzt kaufen”. Stellen Sie sicher, dass es befehlend und unkompliziert ist und erklärt, welchen Wert dies hat.

CTA

(Bildquelle)

Besser noch, machen Sie es zu einer klaren, kräftigen Farbe (Grün und Orangen wirken hier Wunder) und umgeben Sie es mit Leerzeichen. Dies sollte die Aufmerksamkeit Ihrer Benutzer direkt darauf lenken und ihnen einen klaren Hinweis darauf geben, dass Sie dies von ihnen erwarten.

9. Machen Sie eine klare Unterscheidung zwischen primären und sekundären Handlungsaufforderungen

Bei vielen Handlungsaufforderungen sehen Sie zwei Optionen. Zum Beispiel “Senden” und “Abbrechen”. Oder “Jetzt herunterladen” und “Kostenlose Testversion”.

spotify-cta

Es ist klar, welche Aktion der Besucher ausführen soll. Stellen Sie daher sicher, dass er sie kennt. Schauen Sie sich die Spotify-Homepage an. Sie haben den “Go Premium” -Knopf fett und auffällig gemacht. Sie haben die Schaltfläche “Kostenlos spielen” in den Hintergrund gerückt.

Dies ist wieder nur einfache Psychologie. Sie lassen Ihre Benutzer auf subtile Weise wissen, auf welche sie klicken sollen.

10. Verwenden Sie die Hierarchie, um den Benutzern anzuzeigen, wohin sie als Nächstes gehen sollen

Hoffentlich sollten Sie eine klare „Benutzerreise“ im Auge haben. Angenommen, Sie unterrichten Online-Kurse über Ihre Website. Eine einfache Benutzerreise könnte folgendermaßen aussehen:

Lesen Sie den neuesten Blog > Laden Sie den kostenlosen Bericht herunter und melden Sie sich bei der Mailingliste an > Melden Sie sich für Ihren bezahlten Online-Kurs an.

Wenn Sie eine klare Reise haben, können Sie eine visuelle Hierarchie erstellen, um Benutzer dorthin zu leiten, wo Sie sie möchten. In diesem Fall stellen Sie sicher, dass Ihr Blog das erste ist, was sie sehen. Dann werden Sie viele Links zu Ihrer Mailingliste hinzufügen.

11. Leg dich nicht mit den erwarteten Elementen an!

Es ist oft schwer, dem Drang zu widerstehen, mit Layouts und Elementen kreativ zu werden. Aber die Sache ist, wir alle wissen, wie ein Online-Shop aussehen soll. Wir erwarten, dass Produkte in einfachen Kategorien angeordnet werden. Wir erwarten Produktbeschreibungen, Bewertungen und einen vertrauten Kaufprozess.

Apfelkasse

Versuchen Sie nicht, das Rad mit diesen entscheidenden Aspekten neu zu erfinden! Halte es einfach.

12. Halten Sie sich an eine einfache 3-Farben-Palette

Auch hier geht es darum, dem Drang zu widerstehen, Dinge zu komplizieren. Das Kombinieren von mehr als 3 Primärfarben ist schwierig und verwirrt Ihre Benutzer häufig.

Palette

(Bildquelle)

Farbe ist auch sehr nützlich, um die Benutzererfahrung so zu gestalten, wie sie ist eng mit der Psychologie verbunden und Emotionen. Zum Beispiel verbinden wir Blau mit Vertrauen (es gibt einen Grund, warum Facebook Blau verwendet!)

Passen Sie Ihre Farbpalette an Ihr Produkt an.

13. Warum erhalte ich eine Fehlermeldung? Und was mache ich jetzt??

Manchmal gehen Dinge schief und 404 Fehler sind unvermeidlich. Sie können dies jedoch tatsächlich in eine positive Benutzererfahrung verwandeln.

Erklären Sie genau, warum dieser Fehler auftritt, indem Sie benutzerdefinierte 404- und 504-Seiten erstellen. Der “Fail Wale” von Twitter war dafür berühmt.

Twitter scheitern Wal

Versichern Sie den Benutzern bei unbekannten Fehlern, dass Sie daran arbeiten, und leiten Sie sie zurück zu Ihrer Website.

Sackgassen sind wie Fehlerseiten gefährlich. Benutzer greifen natürlich nach dem Kreuz. Beruhige sie und schicke sie zurück.

14. Geben Sie den Benutzern einen High-Five, wenn sie etwas abgeschlossen haben

Menschen werden von einem Gefühl der Leistung und Vollendung angetrieben. Wenn sie eine Aufgabe erledigt haben, lassen Sie sie wissen und zeigen Sie ihnen, wohin sie als nächstes gehen sollen.

Sie können dies tun, nachdem sie ihre E-Mail-Adresse übermittelt haben, nachdem sie ein Produkt gekauft haben, nachdem sie etwas in ihren Warenkorb gelegt haben oder einfach wenn sie das Ende eines Blogposts erreicht haben.

Es ist eine einfache, leichte und positive Erfahrung. Es gibt den Benutzern auch ein Gefühl der Zusammenarbeit. als ob Sie ihnen tatsächlich helfen, ihre Ziele zu erreichen.

15. Halten Sie sich an nur zwei Schriftfamilien

Konsistenz und Branding sind der Schlüssel zu einer guten Benutzererfahrung.

Es ist sehr verwirrend, wenn Ihre Logo-Schrift Futura ist, Ihr Körpertext Times New Roman ist, Ihr Aufruf zum Handeln Comic Sans ist und Ihre Überschriften Windings sind …

Schriftarten

Halten Sie sich an nur zwei Schriftfamilien. Es ist einfacher zu lesen und sieht professioneller und vertrauenswürdiger aus.

16. Verwenden Sie eindeutige und konsistente Warnmeldungen

Manchmal werden Ihre Benutzer etwas falsch machen. Möglicherweise haben sie ihr Passwort falsch eingegeben und konnten sich nicht anmelden. Vielleicht haben sie vergessen, eine Postleitzahl in das Anmeldeformular aufzunehmen.

Warnungen

(Bildquelle)

In diesen Fällen möchten Sie eine einfache, aber eindeutige Fehler- oder Warnmeldung. Stellen Sie sicher, dass es sich in Farbe und Stil von allen anderen Elementen auf Ihrer Website unterscheidet. Es gibt einen klaren Hinweis darauf, dass etwas gehandelt werden muss.

Sie sollten diese Warnmeldungen auch auf Ihrer gesamten Website konsistent machen. Verwenden Sie keine andere Farbe, keinen anderen Stil oder keine andere Platzierung, da dies nur verwirrend wird.

17. LIMIT CAPS LOCK TEXT

Es ist nur nervig.

Eigentlich gibt es wichtigere Gründe. Wir lesen tatsächlich Großbuchstaben langsamer als Kleinbuchstaben. Es ist also viel schwieriger, Lesevorgänge zu scannen wie wir allgemein das Internet lesen).

Reservekappenschloss für den Fall, dass Sie wirklich etwas bewirken müssen.

18. Gruppieren Sie verwandte Elemente

Dies gilt speziell für E-Commerce-Websites, funktioniert jedoch auf ganzer Linie.

Versuchen Sie, ähnliche und verwandte Gegenstände am selben Ort aufzubewahren. Dies bedeutet, dass Ihre Besucher und Kunden einen viel maßgeschneiderten Service erhalten, fast so, wie Sie es erwartet haben.

gruppierte Elemente

Sie können dies mit physischen Produkten tun, z. B. mit der Auswahl “Mehr davon” von Amazon. Ähnliches können Sie auch mit Blog-Posts und Artikeln tun, indem Sie einen verwandten Inhaltsbereich verwenden.

Es sorgt dafür, dass Besucher Ihre Website durchsuchen, Ihre Absprungrate reduzieren und eine persönlichere Erfahrung schaffen.

19. Halten Sie alles konsistent

Als letztes möchten Sie, dass ein Besucher auf einen Link klickt und das Gefühl hat, zu einer anderen Website navigiert zu sein.

Stellen Sie sicher, dass Ihre Navigationsleiste an derselben Stelle bleibt, unabhängig davon, wo Sie sich auf der Site befinden. Stellen Sie sicher, dass Ihr Logo immer sichtbar ist und die Farbpalette gleich bleibt.

20. Entwerfen Sie das Layout für das Scannen der Augen

Wir lesen keine Websites wie ein Buch. Unsere Augen springen und suchen nach wichtigen Informationen.

F-Muster

Normalerweise lesen wir Websites in einem F-Muster, Es ist jedoch auch bekannt, dass mutige Bilder und Handlungsaufforderungen zuerst ins Auge fallen.

21. Bauen Sie Vertrauen mit Testimonials und sozialen Beweisen auf

Die meisten Besucher Ihrer Website kommen mit ihrer Wache an. Sie sind natürlich vorsichtig mit neuen Websites und sind sicherlich noch nicht bereit, bei Ihnen zu kaufen.

Wie gesagt, ein wesentlicher Teil des UX-Designs besteht darin, diese Barrieren zu beseitigen und den Menschen das Gefühl zu geben, sich auf Ihrer Website wohl zu fühlen. Ein paar gut platzierte Testimonials und Factoids sorgen dafür, dass sich die Menschen wohler fühlen. Wir möchten sehen, dass andere Personen (im Idealfall große Namen) Ihr Produkt und Ihre Dienstleistung genutzt haben, und stimmen dem zu.

22. Lassen Sie die Benutzer wissen, womit sie spielen können!

Websites bestehen normalerweise aus zwei Teilen: Nummer eins: Inhalt – er ist statisch und wir können nicht damit interagieren. Und Nummer zwei: Steuerelemente – das sind Dinge, auf die wir klicken und spielen und mit denen wir interagieren können.

Wechselwirkungen

Twitter ist großartig darin. Einfacher schwarzer Text für den Inhalt. Blauer Text zeigt an, auf was Sie klicken und mit dem Sie interagieren können. Symbole werden beim Rollover mit Farbe gefüllt, um zu zeigen, womit Sie spielen können.

Laden Sie Leute ein, mit Ihrer Website zu spielen!

23. Erstellen Sie eine sanfte Lernkurve

Niemand mag es, auf einer verwirrenden und schwierigen Website hängen zu bleiben.

Versuchen Sie, Ihren Besuchern fast sofort einen schnellen Gewinn zu bescheren. Erleichtern Sie sie und machen Sie es einfach – insbesondere, wenn Sie ein kniffliges Geschäftsangebot anbieten.

24. Finden Sie einen Weg, sich schnell in Ihren Besucher hineinzuversetzen

Bei der Benutzererfahrung geht es darum, eine menschliche Beziehung nachzuahmen und eine Verbindung mit Ihrem Benutzer herzustellen. Empathie ist ein großer Teil davon – Was sind die Ziele und Träume Ihrer Besucher? Was hat sie bisher zurückgehalten??

Lassen Sie sie sofort wissen, dass Sie ihr Problem verstehen. Sie können dies mit einem Bild tun, auf das sie sich beziehen können, oder mit einem Satz, der ihre größten Probleme zusammenfasst.

Ihr Besucher wird denken, “Diese Website bringt mich!”, Was eine großartige Benutzererfahrung ist.

25. Verwenden Sie Mikrointeraktionen, um einen Dialog zu erstellen

Versuchen Sie, Ihrem Benutzer auf jedem kleinen Teil der Reise Feedback zu geben. Es wird eine echte Kommunikation und Beziehung geschaffen, auf die Benutzer reagieren.

Sie können dies mit einer Kopie tun, z. B. “Gute Arbeit!” “Wir dachten, das könnte Ihnen gefallen”, “möchten Sie mit einem Experten sprechen?”

Fortschrittsanzeige

Oder kleine Grafiken und Grafiken wie Daumen hoch, ein Smiley oder eine tickende Uhr auf einer Ladeseite.

———

Wenn Sie diese kleinen Verbesserungen kombinieren, schaffen Sie eine Benutzererfahrung, die Vertrauen schafft, sich mit Ihrer Zielgruppe verbindet und sie glücklich und mit einem Erfolgserlebnis fühlen lässt.

Verwenden Sie einen dieser UX-Designtricks? Ich würde gerne von allem hören, was ich verpasst habe! Lass es mich im Kommentarbereich wissen.

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