UX-Design-Checkliste – Prüfliste zur Barrierefreiheit der Benutzererfahrung

Die Seriosität einer Website wird häufig nur nach ihrem Erscheinungsbild beurteilt. Der Begriff Ästhetik ist quälend unpräzise, ​​unterliegt sowohl persönlichen Vorlieben als auch Trends, was bedeutet, dass das gesamte Benutzererlebnis umso entscheidender ist. Es geht darum, mit gutem UX-Design in die Köpfe Ihrer Besucher einzudringen. Es geht darum, jeden ihrer Schritte vorauszusehen und eine Website zu entwerfen, die einfach zu bedienen, intuitiv und unterhaltsam ist.

Leider gibt es keine einfache Lösung oder Wunderwaffe, wenn es um gutes UX-Design geht. Es ist das Ergebnis einer Reihe kleinerer Anpassungen. Jeder trägt zu einer besseren Benutzererfahrung auf Ihrer Website bei. Behalten Sie diese Checkliste im Hinterkopf, wenn Sie das nächste Mal ein UX-Projekt starten. Es wird Ihnen dabei helfen, Ihre Geschäftsziele auf Kurs zu halten, Ihre Benutzer zu verstehen und kostspielige Fehler zu vermeiden.

Was sind die wichtigsten Dinge, die Sie beim Entwerfen von UX für eine neue Website beachten müssen? Beim UX-Design spielen viele verschiedene Faktoren eine Rolle. Einige der wichtigsten sind jedoch Funktionalität, Inhalt auf der Seite und Einfachheit.

Wenn Sie an einem Website-Designprojekt arbeiten, verwenden Sie unbedingt diese UX-Checkliste als Leitfaden für Ihre Arbeit. Indem Sie alle Grundlagen in Bezug auf die Benutzererfahrung abdecken, können Sie eine Website erstellen, die einfach zu verwenden ist und Ihren Besuchern ein großartiges Erlebnis bietet. Denken Sie daran, dass das Ziel immer darin besteht, Ihre Benutzer an die erste Stelle zu setzen. Wenn Sie das tun, sind Sie auf dem besten Weg, eine erfolgreiche Website zu entwerfen.

01. Sich wiederholende Aktionen oder häufige Aktivitäten fühlen sich mühelos an

Wussten Sie, dass sich wiederholende Aktionen, wie das Ausfüllen verschiedener Formulare mit denselben Informationen, tatsächlich eine anstrengende Aufgabe sein können, die dem Benutzer nicht hilft, seine Ziele schneller zu erreichen? Dies bedeutet, dass Sie Benutzer frustrieren, indem Sie häufig dieselben Fragen stellen, wenn sie versuchen, sich mit Ihren Inhalten zu beschäftigen und ein Formular auf der Website auszufüllen. Wenn ein Benutzer merkt, dass Sie lange brauchen, um seine Anforderung zu erfüllen, besteht die Möglichkeit, die Seite zu verlassen. Solche Dinge geben ihnen eine schnelle Möglichkeit, nach anderen ähnlichen Unternehmen zu suchen, die ihnen schneller helfen können.

Der beste Weg, diese Lücke zu schließen, ist die Analyse des Nutzerverhaltens auf allen Service- und Produktseiten. Zur Analyse des Nutzerverhaltens können Sie das Tool Google Analytics nutzen. Mit diesem Tool können Sie wichtige Berichtsmetriken wie Zeit auf Seiten, Engagement-Rate, Tracking-Ereignisse, Conversions und vieles mehr kennen, um sich wiederholende Aktionen zu finden, die überall vorhanden sind. Um dies zu vermeiden, können Sie ihnen Autofill-Daten geben, die sie bereits bei der Anmeldung für ein Konto auf der Website eingegeben haben. Wenn beispielsweise ein Benutzer bereits ein Konto auf Ihrer Website hat und jetzt einen neuen Kauf auf Ihrer Website tätigen möchte, müssen Sie nicht nach Informationen fragen, um die Sie bereits gebeten haben.

02. Fehler können von Benutzern leicht behoben werden

Wenn Benutzer versehentlich oder falsch handeln und nicht die gewünschten Ergebnisse erzielen, sind sie oft frustriert, schuldig oder beides. Wenn Sie das Vertrauen und die Zufriedenheit der Benutzer erhalten möchten, ist es wichtig, dass sie sich in der Lage fühlen, dorthin zurückzukehren, wo sie waren, und nicht von vorne beginnen müssen. Aus diesem Grund ist es wichtig, dass Sie beim Entwerfen Ihrer Website für Fehler, die versehentlich wiederholt auftreten können, z. B. die Auswahl der falschen Option in einem Dialogfeld, den Benutzern erlauben, ihre Aktionen zu wiederholen.

Es gibt Möglichkeiten, viele dieser Fehler machbar zu verhindern. Sie können durch Fehlermeldungen anzeigen. Fehlermeldungen sollten klar formuliert sein, damit sie ausreichend darüber informieren, was während der Arbeit an der Website passiert ist. Der Text sollte idealerweise auch Schritte enthalten, die das Problem potenziell beheben können. Dies schult Benutzer (wenn sie keine Schuld haben) und veranlasst sie, das Problem selbst zu beheben, bevor sie sich an den Support wenden.

Stellen Sie bei der Durchführung von Usability-Tests sicher, dass Sie Szenarien erstellen, in denen der Benutzer höchstwahrscheinlich Aufgaben ausführen wird, um zu testen, was passiert, wenn er einen Fehler macht. Wenn ein Benutzer beispielsweise einen Antrag ausfüllt, stellen Sie ihm Felder für Kontaktinformationen und eine Kreditkartennummer zur Verfügung. Erstellen Sie Fehlerzustände für diese Felder, damit der Benutzer sehen kann, wie einfach es ist, Fehler auf der Website zu beheben.

03. Die Benutzer werden ihrem Kenntnisstand entsprechend unterstützt

Es ist wichtig sicherzustellen, dass unerfahrene Benutzer Ihres Produkts eine reibungslose Lernerfahrung haben. Sobald sie jedoch bereits mit dem Produkt vertraut sind, sollte dies Tools weichen, die ihnen helfen. Beachten Sie auch, welche anderen neuen Funktionen Ihr Produkt hat, und zögern Sie nicht, sie zu zeigen, um den Benutzer zu beschäftigen und ihn dazu zu bringen, mehr von Ihrer Website zu erkunden.

Eines der wichtigsten Dinge, wenn es um Usability geht, ist sicherzustellen, dass die Benutzer entsprechend ihrem Kenntnisstand angemessen unterstützt werden. Wenn beispielsweise ein unerfahrener Benutzer auf ein Problem stößt, sollte er die Antwort auf der FAQ-Seite Ihrer Website oder in einem entsprechenden Video finden können. Auch wenn Experten auf Probleme mit Ihrer Benutzeroberfläche stoßen, sollten sie Sie per Chat oder E-Mail kontaktieren können.

04. Der Zugriff auf die Hilfe behindert den Fortschritt des Benutzers nicht

Kunden jeder Art wissen, wie wichtig der Hilfebereich eines Produkts ist. Wenn Sie jemandem erlauben, in jedem Teil Ihres Produkts um Hilfe zu bitten, können Sie kontinuierlich Fortschritte erzielen. Allerdings muss keine Unterstützung erreicht werden, bevor ein Benutzer den Fortschritt fortsetzen kann – nur eine weitere Option für ihn.

Das Ärgerlichste daran, Hilfe zu bekommen, ist, dass es den Arbeitsablauf eines Benutzers unterbricht, oft wenn er mitten in einer Sache steckt. Wenn Sie also Testszenarien für Ihr Produkt erstellen, stellen Sie sicher, dass es den Benutzern die Möglichkeit bietet, zu dem zurückzukehren, was sie getan haben, bevor sie auf „Hilfe!“ geklickt haben. Taste.

05. Nicht mehr als drei Grundfarben

Es ist schwierig genug, eine Website oder Marke zu erstellen, die sich durch zu viele Farben abhebt. Daher ist die empfohlene Zahl für jede Marke 3. Da es sich jedoch nicht um eine feste Zahl handelt, sollten sich Geschäftsleute keine Sorgen über Risiken bei der Verwendung von mehr als drei machen. Beim Farbkreis geht es um Abwechslung, sodass Sie bei der Planung Ihres Designs aus einer Reihe von Auswahlmöglichkeiten wählen können. Und es ist wichtig, sich daran zu erinnern, dass je mehr Kombinationen Sie auf Ihrer Website haben, desto schwieriger wird es für Besucher, zu navigieren und zu verstehen, worum es auf Ihrer Seite geht.

Wenn es um Farbe geht, ist einer der Schlüssel zum Verständnis ihrer Bedeutung, dass sie uns hilft, Informationen zu verarbeiten. Dies führt zu einer verbesserten Klarheit der beabsichtigten Nachricht. Wie können Sie dies also mit einem Produkt tun, das Sie bereits erstellt haben? Indem Sie Ihrem Produkt oder Ihrer Dienstleistung eine Reihe von Farben hinzufügen, geben Sie den Menschen Zugang zu Ihrer Marke und der gesamten damit verbundenen Funktion.

06. Farbe allein dient nicht dazu, Hierarchie, Inhalt oder Funktionalität zu vermitteln

Sie denken vielleicht, dass es ein Pluspunkt ist, ein barrierefreies Produkt zu haben. Sie könnten zum Beispiel denken, dass drei kräftige Farben auf der Seite alles hervorheben werden. Wenn Sie sich jedoch ausschließlich auf Farbe verlassen, um Hierarchie, Inhalt oder Funktionalität zu vermitteln, bedeutet dies, dass Menschen mit Sehbehinderungen, wie z. B. Farbenblindheit, Ihr Produkt nicht verwenden können und eine ausgeschlossene Bevölkerungsgruppe darstellen. Auch wenn dies zunächst unbequem klingen mag, ist es wichtig zu verstehen, wie Menschen mit Behinderungen die Welt anders sehen – und wie sie Produkte anders verwenden. Aus diesem Grund ist es wichtig, bei der Erstellung eines digitalen Produkts die Zugänglichkeit im Auge zu behalten.

07. Der Benutzer wird durch eine visuelle Hierarchie zur erforderlichen Aktion geleitet

Die visuelle Hierarchie ist entscheidend für die Erfahrung eines Benutzers mit Ihrem Produkt. Wenn Sie nicht verstehen, was Benutzer sehen, wenn sie mit Ihrer Website oder App interagieren, kann dies ihre Erfahrung beeinträchtigen und die gewünschte Reihenfolge der Vorgänge beeinträchtigen. Die richtige Führung von Benutzerinteraktionen durch Beachtung der visuellen Hierarchie ist ein wichtiger Teil des Verständnisses, wie Menschen mit Ihren Seiten interagieren sollten.

Um besser zu verstehen, wie die Abläufe in Ihrem Produkt funktionieren, müssen Sie zunächst die visuelle Hierarchie verstehen. Benutzer verlassen sich auf die Produkthierarchie und Hinweise, um zu wissen, was zu tun ist und wohin sie gehen müssen. Stellen Sie sicher, dass Sie dem Benutzer klare Hinweise geben und ihn richtig anleiten, damit er seine Aufgabe mühelos erledigen kann.

08. Elemente an der Spitze der visuellen Hierarchie sind die wichtigsten

Dank der visuellen Hierarchie können Benutzer Informationen schnell scannen und Inhalte basierend auf ihren aktuellen Anforderungen priorisieren. Die Elemente ganz oben in der visuellen Hierarchie müssen für das Unternehmen am wichtigsten und für die Benutzer am relevantesten sein.

Machen Sie einen Screenshot Ihrer digitalen Ausgabe und verwischen Sie sie dann mit einem Gaußschen Unschärferadius von ungefähr 5 Pixeln. Wenn Sie sich das Endprodukt ansehen, werden Sie sofort die Hierarchie bemerken und welche Teile hervorstechen. Sind das die wichtigsten für das Unternehmen und den Benutzer?

09. Primäre und sekundäre Akte sind optisch unterschiedlich

Der Schlüssel, um sicherzustellen, dass Menschen einfach mit Ihrem Produkt interagieren können, besteht darin, Ihre primäre Aktion visuell von Ihren sekundären Aktionen zu unterscheiden. Auf diese Weise wird der Benutzer nicht darüber verwirrt, was die einzelnen Aktionen bewirken, und es ist weniger wahrscheinlich, dass er Fehler macht, wenn er mit Ihrem Produkt interagiert. Beispielsweise müssen „Senden“ und „Abbrechen“ klar voneinander getrennt sein.

Es gibt viele Möglichkeiten, eine Erfahrung zu schaffen, die für Ihre Benutzer gut funktioniert, aber eines der wichtigsten Dinge ist, zu verstehen, was sie brauchen, und es ihnen zu geben – oder ihnen zumindest eine gute Möglichkeit zu geben, ihre beabsichtigten Aufgaben auszuführen. Dies ist etwas, was Sie tun müssen, wenn Sie Usability-Tests durchführen.

10. Es gibt keine abstrahierten interaktiven Funktionen

Wenn es um digitale Produkte geht, gibt es viele Erwartungen, die sich aus unseren bisherigen Erfahrungen mit anderen Produkten ergeben. Unsere vergangenen Erfahrungen haben uns gelehrt, wie Schaltflächen aussehen und funktionieren sollten, aber auch, dass interaktive Elemente sich abstrahiert anfühlen können und ein Element von Druck oder Kraft erfordern, um sie zu aktivieren. Deshalb ist es wichtig, dass Benutzer mit Ihrem digitalen Produkt interagieren können, damit Sie unabhängig davon, wer Sie sind, egal wo Sie sich befinden und welches Gerät Sie verwenden, Ihr gewünschtes Ergebnis finden.

In einigen Fällen kann es ein guter Ausgangspunkt sein, nach Bereichen zu suchen, in denen gängige Muster nicht verwendet werden. Suchen Sie bei der Überprüfung Ihres Produkts oder Ihrer Website nach Links, die nicht wie Links aussehen.

11. Das Absenden des Formulars wird sichtbar bestätigt

Alle Ihre Produkte sollten überprüft werden, wo die Eingabe abgeschlossen werden kann, mit einigen wichtigen Elementen im Prozess. Erstens sollten Sie ein Bestätigungsfenster haben, um sicherzustellen, dass der Benutzer am Ende seiner Eingabe zufrieden ist. Dadurch wird verhindert, dass sie versehentlich Änderungen löschen, die sie während der Eingabe vorgenommen haben. Zweitens sollten Sie nach der letzten Eingabe zu Ihrem Produkt einen Bestätigungsbildschirm auslösen, in dem Sie gefragt werden, ob der Benutzer seine erste Aktion erfolgreich abgeschlossen hat oder nicht. Dies ist hilfreich, da es von Benutzern übersprungen werden kann und dazu beiträgt, Klarheit darüber zu gewinnen, was während des gesamten Prozesses mit ihnen passiert ist.

Wenn es um Ihre Website geht, sind Formularübermittlungen ein entscheidender Teil Ihres Geschäfts. Nachdem der Benutzer alle erforderlichen Informationen eingegeben hat, ist es Ihre Aufgabe, die korrekte Eingabe der Daten zu überprüfen. Es ist wichtig sicherzustellen, dass Sie die Ereignisverfolgung auf der Schaltfläche zum Senden des Formulars und auf der Bestätigungsseite oder -nachricht haben, um zu wissen, wo Benutzer mit Fehlern konfrontiert sind und was Sie tun müssen, um eine Benutzeraktion erfolgreich abzuschließen.

12. Warnmeldungen sind konsistent

Warnmeldungen sollen Benutzern eine sofortige Nachricht geben, auf die sie achten müssen. Wenn Sie eine konsistente Warnmeldung haben, bedeutet dies, dass der Benutzer immer versteht, was sofort Aufmerksamkeit verdient, und entsprechend handeln kann. Wenn wir den gleichen visuellen Stil, aber unterschiedliche Namen für jede der Warnungen hätten, müsste der Benutzer jedes Mal, wenn eine neue Warnung auftaucht, mehr mentale Arbeit leisten.

Verwenden Sie beim Erstellen einer Warnung dasselbe Farbschema und positionieren Sie sie im selben Bereich. Auf diese Weise können Benutzer leicht erkennen, was sie als Warnung sehen, anstatt ein visuelles Durcheinander zu haben.

13. Die Navigation ist konsistent

Wenn Sie ein Produkt oder eine Dienstleistung erstellen, denken Sie darüber nach, wie Ihre Benutzer darin navigieren und welche Hindernisse sie daran hindern könnten, ihre Ziele zu erreichen. Ein navigierbares Design bringt die perfekte Balance zwischen Effizienz und Benutzerfreundlichkeit, damit sich Ihre Benutzer bei der Verwendung des Produkts wohl fühlen. Konsistenz ist der Schlüssel: Stellen Sie sicher, dass Ihre Navigation auf Ihrer Website oder App konsistent ist.

Benutzer kommen auf eine Website, suchen etwas und verlassen sie dann, weil sie es nicht finden können. Oder sie können nicht verstehen, wie sie durch Ihre Website navigieren sollen. Es ist wichtig, dass Sie während des gesamten Prozesses den Überblick über die Navigation Ihrer Website behalten. Stellen Sie sicher, dass jeder Link anklickbar ist und dass es keine Sackgassen oder defekten Links gibt.

14. Es gibt Raum für Verbesserungen

Als Designer denken wir immer darüber nach, wie wir das Benutzererlebnis verbessern können. Aber manchmal, wenn eine Marke wächst und neue Funktionen/Inhalte entstehen, wird es schwierig, Ihr Interface-Design auf dem neuesten Stand zu halten. Wie rüsten Sie Ihr aktuelles Design nach, um mehr Kategorien/Themen zu unterstützen, ohne es zu beschädigen? Design mit Raum für Wachstum bedeutet, dass große Design- und Entwicklungsanstrengungen problemlos über die Benutzeroberfläche skaliert werden können.

Wenn Sie ein neues Produkt entwickeln, ist es wichtig, an die Zukunft zu denken. Welche Inhalte werden im Laufe der Zeit wachsen? Werden Videos ein wichtiger Bestandteil Ihrer Marketingstrategie sein? Es gibt viele Möglichkeiten, Menschen dazu zu bringen, über Ihr Produkt oder Ihre Dienstleistung zu sprechen. Am besten fragen Sie alle Beteiligten, was ihrer Meinung nach in der Zukunft passieren wird und wie sich dies auf die Weiterentwicklung des Produkts auswirken könnte.

15. Es werden nicht mehr als zwei verschiedene Schriftfamilien verwendet

Ein Grund, warum manche Designer der Einfachheit halber an der Verwendung von zwei Schriftfamilien festhalten, ist, dass Benutzer die Hierarchie in einem Dokument leichter erkennen können. Wenn Sie beispielsweise Arial und Helvetica verwenden, können Benutzer leicht erkennen, wessen Text welcher ist, indem sie ihre Schriftarten lesen. Wenn Sie mehr als zwei Schriftarten in Ihrem gewählten Design haben, besteht außerdem die Gefahr, dass die verschiedenen Textstile verwechselt werden. Ohne die Unterscheidung der Textstile ist Ihre Schrifthierarchie schwieriger zu entziffern und Ihre Benutzerfreundlichkeit leidet darunter.

Mehr als zwei Schriftarten werden normalerweise nicht empfohlen, da es schwierig sein kann, die resultierende typografische Hierarchie auszugleichen. Aus benutzerfreundlichen und visuellen Gründen vereinfacht das Festhalten an zwei Ihre typografische Hierarchie, was das Verständnis verbessert. Eine Möglichkeit sicherzustellen, dass Ihre Designs nicht schlampig und schwer lesbar aussehen, besteht darin, nur zwei Schriftfamilien in jedes Design aufzunehmen: eine Serife und eine Sans-Serif.

16. Schriftarten für Textinhalte müssen mindestens 12 Pixel groß sein

Auch dies ist keine feste Regel; Sie könnten theoretisch kleinere Größen für ganz bestimmte Anwendungen verwenden, aber die Lesbarkeit wird bei Breiten unter 12 Pixeln drastisch verringert. Prüfen Sie Ihr gesamtes Material darauf, dass die verwendeten Schriften mindestens 12 Pixel groß sind.

17. Beschriftungen, Überschriften und Akronyme sollten alle in Kleinbuchstaben geschrieben werden

Es ist allgemein anerkannt, dass die Beschränkung der Verwendung von Großbuchstaben es leichter zu verstehen macht – es ist weniger visuell gewichtig und leichter zu absorbieren. Es sollte nur zur Hervorhebung oder in sehr speziellen Situationen verwendet werden, z. B. bei Akronymen. Führen Sie eine gründliche Inhaltsüberprüfung durch und stellen Sie sicher, dass Großbuchstaben ausschließlich auf Überschriften, Bezeichnungen und Akronyme beschränkt sind.

18. Inhalte und Steuerelemente werden durch unterschiedliche Schriftarten getrennt

Was ist Inhalt und was sind Steuerelemente – das heißt, womit der Benutzer interagieren kann – muss identifiziert werden. Größe, Farbe, Positionierung, Schriftart und andere Faktoren können als Hinweise verwendet werden. Die Verwendung mehrerer Schriftstile oder -familien stellt sicher, dass der Benutzer nicht verwirrt wird und schnell erkennen kann, womit interagiert werden kann. Erstellen Sie eine Liste aller Steuerelemente in Ihrem Produkt und stellen Sie sicher, dass sie sich vom Rest des Inhalts abheben. Achten Sie bei der Durchführung von Usability-Tests darauf.

19. Schriftgröße und -stärke unterscheiden Inhaltstypen

Es hat einen erheblichen Einfluss auf die Lesbarkeit und das Verständnis. Eine klare Trennung zwischen Überschriften, Zwischenüberschriften und Absätzen hilft, eine mentale Überlastung beim Aufnehmen von Informationen zu vermeiden. Es hat auch ästhetische Vorteile, da es besser aussieht und sich besser anfühlt.

So stellen Sie es auf die Probe: Stellen Sie sicher, dass Überschriften, Unterüberschriften und Absätze alle unterschiedliche Schriftgrößen und -stärken haben, während Sie den Text in Ihrem Produkt analysieren.

20. Nähe und Ausrichtung sind zwei der wichtigsten Faktoren, die es zu berücksichtigen gilt

Der Benutzer neigt dazu, Elemente zu gruppieren, die funktional oder kontextuell ähnlich sind. Eine Navigationsleiste ist ein hervorragendes Beispiel. Wenn Sie diesem Muster folgen und verwandte Elemente gruppieren, wird sichergestellt, dass der Benutzer Ihre Benutzeroberfläche sofort versteht. Zum Testen Suchen Sie nach funktional vergleichbaren Elementen und prüfen Sie, ob sie gruppiert sind (falls möglich).

21. Bei mehrstufigen Vorgängen ist eine Fortschrittsanzeige hilfreich

Insbesondere bei mehrstufigen Verfahren kann der Benutzer überfordert sein oder sich fragen, wie lange die Durchführung dauern würde. Eine Fortschrittsanzeige hilft ihm bei der Orientierung, fördert aber auch das Erfolgserlebnis und minimiert Abbrecherquoten. Überprüfen Sie alle Prozesse in Ihrem Produkt, bei denen es mehrere Schritte zur Erledigung einer Aufgabe gibt, und stellen Sie sicher, dass der Fortschritt über eine Anzeige signalisiert wird.

22. Elemente im Vordergrund (wie Inhalte und Steuerelemente) heben sich vom Hintergrund ab

Wichtig für Menschen mit Sehbehinderung. Es unterstützt auch das Verständnis und die Lernkurve des Benutzers. Die Navigation wird durch eine klare Trennung unterstützt, die die Aufmerksamkeit auf die Schaltflächen lenkt und die allgemeine Benutzerfreundlichkeit verbessert. Machen Sie einen Screenshot Ihres Produkts und verwischen Sie es mit einem Gaußschen Weichzeichner in einem Radius von 3 bis 5 Pixeln. Können Sie bestimmen, was vorne und was im Hintergrund ist, wenn Sie sich das fertige Produkt ansehen?

23. Käuferpersönlichkeiten an Leserpersönlichkeiten ausrichten

Nicht alle Ihre Kunden werden Ihr Material lesen und nicht alle Ihre Leser werden es kaufen. Bevor Sie jedoch überhaupt an UX denken, sollten Sie sowohl Ihre Käufer- als auch Ihre Leserpersönlichkeiten gut verstehen. Diese fiktiven, verallgemeinerten Darstellungen Ihrer idealen Kunden werden Ihnen dabei helfen, nützlichere Inhalte zu erstellen. Ein maßgeschneidertes Benutzererlebnis entsteht, wenn Ihre Käufer- und Leserprofile aufeinander abgestimmt sind.

Es kann sehr hilfreich sein, Ihrem Leser eine Vielzahl von Formaten, Branchen und Branchen zur Auswahl zu geben. Es kann auch von Vorteil sein, sein Fachgebiet oder seine Funktion zu kennen.

24. Stellen Sie sicher, dass die Reise aus jedem Blickwinkel Sinn macht

Ein guter Benutzerfluss hilft Ihren Benutzern, dorthin zu gelangen, wo sie hinwollen. Möchten Sie, dass sie einen Termin mit Ihnen vereinbaren? Möchten Sie etwas kaufen? Möchten Sie Ihr eBook erhalten?

Nicht jeder wird am Anfang anfangen und nicht alle werden die gleichen Ziele haben. Stellen Sie sicher, dass Ihr Benutzer von Anfang bis Ende einen klaren Pfad hat.

25. Kommunizieren Sie eine leicht erkennbare Markenbotschaft

Es ist schwierig, sich in einer Fremdsprache zu verständigen. Noch schwieriger ist es, eine Sprache zu finden, die die Persönlichkeit Ihrer Marke widerspiegelt und über alle Medien hinweg konsistent ist. Bevor Sie beginnen, sollten Ihre Texter klare Markenregeln aufstellen. Stellen Sie sicher, dass Sie und Ihre Designer jederzeit eine Kopie der Richtlinien vor sich haben, um Konsistenz zu gewährleisten. Ihre Autoren – ebenso wie Ihre Kunden – werden es Ihnen danken.

26. Überprüfen Sie die Benutzerfreundlichkeit auf allen Geräten

Es gibt eine Vielzahl von Geräten auf dem Markt, jedes mit seiner eigenen Bildschirmgröße, Auflösung und anderen Besonderheiten. Dasselbe Produkt kann auf jedem von ihnen sehr unterschiedlich aussehen. Denken Sie daran, dass Benutzer nicht nur das sehen, was Sie auf Ihrem Bildschirm sehen. Sie bemerken vielleicht etwas, von dem Sie nicht einmal wussten, dass es existiert. Verlassen Sie sich bei Usability-Tests also nicht nur auf Ihren Bildschirm. Testen Sie Ihr Produkt auf so vielen verschiedenen Geräten wie möglich, um potenzielle Probleme nicht zu übersehen.

27. Finden Sie Ihren Geschwindigkeits-Sweetspot

Die Ladezeit einer Website ist eine zunehmend wichtige Metrik, die beim Erstellen einer Website berücksichtigt werden muss, da sie sich auf die Benutzererfahrung und die Konversionsraten auswirkt. Bevor Sie beim Hosting oder einem CDN Geld sparen, denken Sie daran, dass 40 % der Menschen eine Website verlassen würden, wenn das Laden länger als drei Sekunden dauert. Die Verkürzung der Ladezeit Ihrer Website von acht auf zwei Sekunden kann die Konversionsrate um 74 % steigern.

Zusätzlich zu den Auswirkungen auf Ihr Endergebnis schaden langsame Ladezeiten Ihrer SEO, da Google schnellere Websites in den Suchergebnissen höher einordnet. Die durchschnittliche Seitenladezeit von Top-Ranking-Websites beträgt etwa 1,5 Sekunden.

28. Lassen Sie UX-KPIs für Ihre Geschäftsziele arbeiten

Key Performance Indicators sollten in jedem Projekt enthalten sein (KPIs). Was unterscheidet diese von altbewährten Conversion Rates? Sie ermöglichen es Ihnen, tiefer in das Problem einzudringen, um eine Lösung zu finden. Ein KPI könnte beispielsweise die Zeit sein, die Ihre Benutzer zum Klicken benötigen. Je länger dies andauert, desto deutlicher wird, dass Hindernisse wie Ladezeit oder Inhaltslänge im Weg stehen.

29. Holen Sie Feedback von Ihren Benutzern ein

Ihre Kunden sind diejenigen, die Ihr Produkt herstellen oder zerstören, daher ist es wichtig, sie an Bord zu halten und zufrieden zu stellen. Der Schlüssel zu ihrer Zufriedenheit ist ein erstklassiger Kundenservice. Es geht nicht nur darum, Fehler zu beheben oder Rückerstattungen zu leisten – es geht darum, Ihre Kunden und ihre Bedürfnisse zu verstehen, damit Sie ihnen ein besseres Erlebnis bieten können.

Wenn Sie in der Entwicklung von Software tätig sind, ist Ihr Kundendienstteam eines der wichtigsten Elemente für den Erfolg. So stellen Sie sicher, dass sie ihre Arbeit richtig machen:

Stellen Sie sicher, dass sie wissen, was sie tun: Stellen Sie sicher, dass Ihr Kundensupport-Team weiß, wie es mit Problemen im Zusammenhang mit Benutzerfreundlichkeit, Benutzererfahrung und anderen technischen Problemen umgeht. Der Kundendienst sollte in der Lage sein, ein Problem mit Ihrer App oder Website zu erkennen und Feedback zur Lösung zu geben.

Teams aufeinander abstimmen: Stellen Sie sicher, dass das Verkaufspersonal anerkannt wird, und richten Sie eine Methode ein, bei der Kundendienstmitarbeiter Usability-Probleme umgehend melden können. Richten Sie Ihre Teams aufeinander aus und lassen Sie sie wissen, dass Sie von ihnen erwarten, dass sie zur Verbesserung Ihres Produkts beitragen.

Richten Sie eine Feedback-Schleife ein: Ihr Kundendienstteam ist der Schlüssel zur Lösung von UX-Problemen.

30. Wer bist du und was machst du?

Ihre nächste große Aufgabe wird es sein, Ihre Besucher sofort zu informieren. Wie heißen Sie? Also, was genau machst du? Und welchen Wert kannst du ihnen zusprechen? Dies wird als Wertversprechen bezeichnet und ist so bedeutend, dass es einen eigenen Blogpost verdient hat. Sie haben nur wenige Sekunden, um Ihre Besucher zu überzeugen, also machen Sie das Beste daraus!

Ein gut ausgearbeitetes Wertversprechen macht deutlich, was Sie einzigartig macht und Sie von anderen Unternehmen in Ihrer Branche unterscheidet. Es beschreibt auch die greifbaren Vorteile, die ein Kunde durch die Zusammenarbeit mit Ihnen erfahren wird.

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

Die Beseitigung aller Bedenken oder Ängste Ihrer Besucher ist ein wichtiger Bestandteil des UX-Designs. Eine der häufigsten Bedenken neuer Besucher ist, ob sie Ihnen vertrauen sollten oder nicht – insbesondere, wenn Ihre Website brandneu ist.

Ihnen zu zeigen, dass hinter den Kulissen eine echte Person steckt, ist eine Methode, um ihre Angst zu lindern. Geben Sie eine gültige Anschrift, eine Telefonnummer und eine gültige E-Mail-Adresse an. (KEIN Kontaktformular – Menschen misstrauen ihnen eher als einer E-Mail-Adresse.)

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

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

Verwenden Sie „Breadcrumbs“, um zu verdeutlichen, wo sie sich im Prozess befinden, und bieten Sie ihnen zusätzlich einen schnellen Neustart an. Hier sind große Fortschrittsbalken praktisch. Wenn Sie sich beispielsweise mitten im Bezahlvorgang befinden, teilen Sie Ihren Benutzern mit, wo sie sich befinden und was sie als Nächstes tun müssen.

Das ist wieder einmal einfache Psychologie. Ein Spaziergang zum Beispiel ist viel anstrengender, wenn man nicht weiß, wo man hinkommt. Wenn wir eine Karte haben, fühlen wir uns wesentlich wohler. Das gleiche Konzept kann im Internet verwendet werden.

33. Verwenden Sie die Hierarchie, um Benutzern zu zeigen, wohin sie als Nächstes gehen sollen

Sie sollten hoffentlich eine gut definierte „Benutzerreise“ im Auge haben. Stellen wir uns vor, Sie haben eine Website, auf der Sie Online-Kurse unterrichten. Das Folgende ist ein Beispiel für eine einfache Benutzerreise:

> Lesen Sie den neuesten Blog > Melden Sie sich für die E-Mail-Liste an und laden Sie den kostenlosen Bericht herunter, bevor Sie sich für Ihren kostenpflichtigen Online-Kurs anmelden.

Sie können eine visuelle Hierarchie entwerfen, um Benutzer dorthin zu schicken, wo Sie sie haben möchten, wenn Sie eine klare Reise haben. Sie würden sicherstellen, dass Ihr Blog das erste ist, was die Leute in diesem Szenario sehen. Dann fangen Sie an, viele Links zu Ihrer Mailingliste in Ihre E-Mails aufzunehmen.

34. Gruppieren Sie verwandte Elemente zusammen

Dies ist für E-Commerce-Websites konzipiert, kann aber auf jeder Website verwendet werden. Ähnliche und vergleichbare Gegenstände sollten zusammengehalten werden. Das bedeutet, dass Ihre Besucher und Kunden ein viel personalisierteres Erlebnis erhalten, als ob Sie ihre Anforderungen vorhergesehen hätten.

Physische Produkte, wie zum Beispiel die „more like this“-Auswahl von Amazon, können auf diese Weise verwendet werden. Wenn Sie einen verwandten Inhaltsbereich verwenden, können Sie mit Blogbeiträgen und Artikeln etwas Ähnliches erreichen.

Es hält Benutzer länger auf Ihrer Website, senkt die Absprungraten und bietet ihnen ein personalisierteres Erlebnis.

35. Halten Sie alles konsistent

Das Letzte, was Sie wollen, ist, dass ein Besucher denkt, er sei zu einer anderen Website navigiert, nachdem er auf einen Link geklickt hat.

Stellen Sie sicher, dass Ihre Navigationsleiste an der gleichen Stelle bleibt, unabhängig davon, wo Sie sich auf der Website befinden. Stellen Sie sicher, dass Ihr Logo ständig sichtbar ist und dass das Farbschema konsistent ist. Obwohl es verlockend ist, eine „charakteristische“ Farbe zu verwenden, ist es immer am besten, bei einer oder zwei Hauptfarben für die Marke zu bleiben, anstatt sie überall zu verwenden.

Wenn Sie ein Bild haben, das Ihr Unternehmen repräsentiert, stellen Sie sicher, dass es durchgehend verwendet wird.

36. Entwerfen Sie das Layout für das Augenscannen

Die Art, wie wir ein Buch lesen, unterscheidet sich von der Art, wie wir eine Website lesen. Wenn wir ein Buch lesen, beginnen wir normalerweise in der oberen linken Ecke und gehen die Seite hinunter – wir schauen uns jedes Wort an und sehen jede Textzeile, sobald sie ins Blickfeld kommt. Aber wenn wir durch ein Online-Magazin blättern oder durch eine Webseite scrollen, huschen unsere Augen herum. Wir scannen nach allem, was uns auffällt.

Wir lesen Websites die meiste Zeit in einem F-Muster, aber große Bilder und Handlungsaufforderungen ziehen bekanntlich zuerst unsere Aufmerksamkeit auf sich.

Fragen Sie sich also beim Entwerfen Ihrer Website: Was sollen die Leute zuerst bemerken? Und was sollten sie als Zweites beachten? Denn wenn Sie keinen Plan haben, werden Ihre Besucher nach eigenem Ermessen entscheiden, was sie sich ansehen möchten.

37. Bauen Sie Vertrauen mit Testimonials und Social Proof auf

Die Mehrheit der Besucher Ihrer Website ist wachsam, wenn sie ankommen. Sie sind von Natur aus misstrauisch gegenüber neuen Websites und sind noch nicht bereit, bei Ihnen zu kaufen. Wie ich bereits erwähnt habe, ist es ein wichtiger Bestandteil des UX-Designs, diese Barrieren abzubauen und dafür zu sorgen, dass sich Kunden auf Ihrer Website wohl fühlen. Die Leute werden sich wohler fühlen, wenn Sie ein paar gut platzierte Erfahrungsberichte und Fakten verwenden. Wir sehen gerne, dass andere Personen (idealerweise signifikante Namen) Ihre Waren oder Dienstleistungen genutzt und genehmigt haben.

38. BEGRENZUNG DES FESTSTELLTEXTS

Es gibt in der Tat wichtigere Gründe als diese. Großbuchstaben werden langsamer gelesen als Kleinbuchstaben. Infolgedessen sind Scannen und Lesen deutlich anspruchsvoller (so lesen wir im Allgemeinen das Internet).

Die Feststelltaste sollte nur verwendet werden, wenn Sie wirklich eine Aussage machen müssen. Dies kann der Fall sein, wenn Sie wütend sind und schreien möchten, oder wenn Sie sich über etwas freuen und es betonen möchten. In beiden Fällen wird es Ihnen helfen, nicht wie ein Narr auszusehen, weil es Ihre Fähigkeit, effektiv zu kommunizieren, verlangsamt.

Die wichtigste Erkenntnis hier ist, dass das Großschreiben von Buchstaben die Lesbarkeit nicht verbessert, aber die Lesegeschwindigkeit verlangsamt. Wenn Sie also keinen guten Grund für die Verwendung der Feststelltaste haben (z. B. Schreien), vermeiden Sie sie ganz, da sie einfach nur nervig ist!

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

Das Ziel der Benutzererfahrung ist es, eine Verbindung mit Ihrem Benutzer herzustellen, indem menschliche Interaktionen simuliert werden. Was sind die Ziele und Träume Ihrer Besucher? Empathie ist dabei ein wichtiger Bestandteil. Was hat sie bis zu diesem Punkt zurückgehalten?

Lassen Sie sie sofort wissen, dass Sie ihre Situation verstehen. Sie können dies tun, indem Sie ein Bild verwenden, mit dem sie sich identifizieren können, oder eine Aussage, die ihre Hauptanliegen zusammenfasst.

Ihr Besucher wird denken: „Diese Website versteht mich!“ Das ist eine fantastische Benutzererfahrung.

40. Testen Sie die Benutzererfahrung mithilfe von UX/UI-Designtools

Es gibt viele Gründe, warum Sie UX/UI-Designtools verwenden sollten, und diese Liste ist nur eine Momentaufnahme einiger der Hauptgründe. Egal, ob Sie nach einer Möglichkeit suchen, die Benutzererfahrung auf Ihrer Website zu verbessern oder bessere Benutzeroberflächen für Softwareanwendungen zu erstellen, diese Tools können Ihnen dabei helfen, Ihre Arbeit zu erledigen. Egal, ob Sie als Designer anfangen oder bereits ein erfahrener Profi sind, sehen Sie sich diese Tools unbedingt an und sehen Sie, wie sie Ihrer Arbeit zugute kommen könnten.

Wie kann VOCSO helfen?

The importance of companies connecting with users through a consistent, intuitive user experience. Every time you interact with an app or website, you're entrusting your personal data to it – and that means these organizations need to be held accountable for the way they collect and use this information. Customers are now aware of what companies are doing in their name, and if companies want to succeed in a competitive industry like digital marketing, they must create experiences that are both seamless and personalized.

As a business owner, you know that good customer experience is key to success. That's why it's so important to find a UX design company that can help you craft an effective user interface for your website or app. Not only will this make your customers happy, but studies have shown that user interfaces with well-designed elements can result in increased revenue and lower costs associated with customer support. If you're looking for a company that can help you create a high-quality user experience, VOCSO is the top name to work with!

We're a leading web design agency that understands your website is not only a representation of your business but also an extension of yourself and your team. We work tirelessly to ensure that every detail on your website is accounted for, from the layout and design to the functionality and SEO. Whether you are starting from scratch or need a refreshment after years of stagnation, our team can help turn your vision into reality. Check out our UX/UI design projects or contact us today to get started!

Fazit

Overall, following these UX design checklist items will help ensure your next website project is successful. By taking the time to consider each item on the list, you can create a user-friendly website that meets the needs of your target audience. Do you have any other tips for ensuring a successful website project? Share them with us in the comments below!