UX schlägt mit Smart Design fehl
Eine Sache, auf die sich nicht genug Designer bei der Gestaltung von Websites konzentrieren, ist die Reduzierung von Benutzerfehlern. Das ist schade, denn Benutzerfehler haben direkte Auswirkungen auf die Nutzererfahrung einer Website ... was sich direkt auf die Conversions einer Website auswirkt ... was sich direkt darauf auswirkt, wie viel Geld Ihr Kunde verlieren könnte.
Anders gesagt: Wenn Sie sofort eine Sache tun können, um sicherzustellen, dass Ihr Kunde zufrieden bleibt und Design-Arbeiten auf Ihre Art und Weise durchführt, dann beugt dies präventiv Benutzerfehlern von Anfang an vor. Mit dieser proaktiven Philosophie zu arbeiten wird nicht nur die Benutzererfahrung drastisch verbessern, sondern Sie werden auch Ihre Kunden wirklich gut aussehen lassen.
Die Vermeidung von Benutzerfehlern beruht auf einem Prinzip, das in jedem Wertsystem eines Designers immer an erster Stelle stehen sollte: Design für den Endnutzer um jeden Preis.
Designmuster
Design Patterns sind Layouts und Interfaces, die den Benutzern bekannt vorkommen, weil sie sie in all den Jahren, in denen sie im Internet surfen, unzählige Male gesehen haben. Daher ist es nur sinnvoll, Ihren Benutzern Designs zu präsentieren, die sie bereits gesehen haben, um Benutzerfehler zu vermeiden. Wenn ein Benutzer Erfahrung mit der Navigation durch ein bestimmtes Design hat, ist es gut, dass er keine Fehler macht, wenn er auf Ihrer Website verloren geht, nicht versteht, was das Ziel der Seite ist, oder nicht, wie er funktioniert eine bestimmte Aktion.
Statistiken sagen das ungefähr 40% der Bevölkerung der Erde genießt derzeit einen Internetzugang. Diese Benutzer haben Ihr grundlegendes Navigationsmenü (horizontal, vertikal usw.) gesehen, wissen, wie Sie unterhalb der Falte blättern, verstehen, dass Calls to Action anklickbar sein sollen - und vieles mehr. Sie kennen auch verschiedene Designtrends, von Parallax-Scrolling über Flat-Design bis hin zu Minimalismus und der langen Scroll-Seite. Arbeite innerhalb dieser gut verstandenen Muster, um die Möglichkeit von Benutzerfehlern drastisch zu reduzieren!
Dillards Warenhäuser sind ein Beispiel für diesen grundlegenden, aber dennoch bekannten Ansatz des Webdesigns. Auf seiner Homepage können Sie deutlich sehen, wie viele Elemente es richtig macht:
- horizontales Navigationsmenü mit klarem und einfachem Zugang zu verschiedenen Abteilungen;
- Ein-Säulen-Design;
- weißer Raum, um die Aufmerksamkeit auf den Inhalt zu konzentrieren;
- Suchleiste, um gute UX zu ermöglichen, mit der Käufer schnell finden können, was sie wollen;
- große Bilder, die Produkte scharf und attraktiv zeigen.
Bei diesem Layout bewegen sich die Nutzer von Dillard zum ersten Mal sofort durch den E-Commerce-Conversion-Funnel, da die Benutzeroberfläche der Website bekannt ist.
Verlassen Sie sich auf die Affordanzen
Affordances sind die Hinweise, die Ihren Nutzern mitteilen, wie sie mit der Site Ihres Kunden interagieren können. Sie sind absolut notwendig für eine gute Benutzererfahrung und reduzieren daher Benutzerfehler.
Affordances gibt es in allen Formen und Größen:
- physisch;
- Sprache;
- Muster;
- symbolisch oder ikonisch.
Ohne klare Angebote oder überhaupt, selbst der erfahrenste Benutzer wird eine faulige Benutzererfahrung auf Ihrer Website haben.
Nehmen Sie zum Beispiel Sprachangebote, die die explizitste Art sind, Ihren Nutzern mitzuteilen, wie sie mit Ihrer Website interagieren können. Einer der häufigsten Orte, an denen Sie diese finden können, sind Webformulare, die den Benutzer bei der Eingabe in die verschiedenen Felder unterstützen.
Während einige Formen relativ kurz sein können, wird jeder Benutzer ohne sprachliche Angebote verloren gehen, um ihnen zu sagen, was sie in jedes Feld eingeben sollten.
Auf Dropbox's Auf der Startseite sehen Sie das Anmeldeformular, das gut sichtbar in der Mitte des Bildschirms angezeigt wird. Das Formular hat nur vier Felder, aber um dem Benutzer zu helfen, hat Dropbox in jedem Bereich Sprachangebote hinzugefügt, so dass alle Benutzer wissen, dass sie ihren Vor- und Nachnamen, E-Mail-Adressen und Passwörter eingeben müssen, um sich anzumelden.
Jetzt, wo sich die Benutzer 100% ig sicher sind, was in diese Felder eingegeben werden soll, werden sie keine Fehler machen, und als Ergebnis wird die Anmeldung äußerst reibungslos verlaufen, da es keine Reibung in diesem Prozess geben wird.
Verwenden Sie eine Löschfehlersicherung
Einer der häufigsten Benutzerfehler beruht auf dem versehentlichen Löschen von erstellten Werken, unabhängig davon, ob diese Arbeiten sehr zeitaufwändig sind, wie zum Beispiel schriftliche Berichte oder nur freigegebene Medien wie Fotos, die nur eine Sekunde benötigen. Es liegt daher nahe, dass die Schaffung wirksamer Schutzmaßnahmen gegen versehentliche Löschungen eine der besten Möglichkeiten ist, um Benutzerfehler zu reduzieren.
Die meisten haben irgendwann einmal eine Situation erlebt, in der er versehentlich einen wertvollen oder notwendigen Inhalt gelöscht hat. Die Kosten eines solchen Benutzerfehlers können oft mehr als nur die Frustration sein, wenn sie den falschen Knopf gedrückt haben oder es versäumt hat, die Pop-up-Fenster-Nachrichten sorgfältiger zu lesen. Versehentliche Löschungen können wertvolle Erinnerungen und arbeitsbezogene Dokumente, die echtes Geld kosten, dauerhaft löschen.
Das Bestätigungsdialogfeld, in dem Benutzer gefragt werden, ob sie wirklich einen Artikel löschen wollten, ist nach wie vor ein wichtiger Sicherheitsfaktor, der Teil eines jeden gut funktionierenden Designs sein muss. Das Schöne an dieser Ausfallsicherheit ist, dass alle Benutzer, im Einklang mit der Regel zur Verwendung von Entwurfskonventionen, sofort damit vertraut sind und dadurch ihre Wirksamkeit als System zur Verhinderung von Verlusten erhöhen.
Google Drive Die Benutzeroberfläche verwendet Bestätigungsdialoge, die die Aufmerksamkeit des Benutzers sofort erregen und sicherstellen, dass sie nicht ignoriert werden können.
Beachten Sie, dass die Bestätigungsfrage in der Box in einer größeren Schrift erscheint als der gesamte andere Text in der Box, als wäre es eine eigene Überschrift? Darüber hinaus beginnen aktionsorientierte Wörter wie "Löschen" mit der Frage, was es wahrscheinlich macht, dass Benutzer dies bemerken werden. Die Zeile mit der Warnung ist ebenfalls fett gedruckt und trägt zur Dringlichkeit der Frage bei. Beachten Sie schließlich, dass der Call-to-Action-Button von "Cancel" blau hervorgehoben ist, was den Wunsch der Designer nach einem versehentlichen Löschen von Benutzern auf den letzten Blick erkennen lässt.
Alles in allem fungiert eine solche Verwendung von Bestätigungsdialogfeldern als Ausfallsicherheit gegenüber überstürzten Benutzern, die möglicherweise nicht beabsichtigt haben, einen bestimmten Knopf zu drücken.
Fazit
Eine Sache, die wir ständig im Webdesign sagen, ist, wie wichtig es ist, immer mit dem Benutzer zu entwerfen. Die Benutzererfahrung sollte in erster Linie bei allen Designentscheidungen berücksichtigt werden. Der interessante Aspekt des Designs ist jedoch, wie Designer die Benutzererfahrung in der Regel mit dem in Zusammenhang bringen, was sie zu einem Design hinzufügen können, um die Benutzererfahrung zu verbessern. Sie nähern sich selten dem Entwurf mit dem Benutzer im Hinblick auf die Beseitigung potentieller Fehler, in die der Benutzer eingewickelt werden kann.
Deshalb ist es wichtig, dass Designer immer versuchen, sich in die Lage der Benutzer hineinzuversetzen und zu versuchen, vorauszusehen, wie er sich verhalten wird, wenn er in seinem Design navigiert. Nur dann können Benutzerfehler wirklich minimiert werden.