Wie man allgemeine UX-Fallen vermeidet
Wie oft waren Sie auf einer Website, um frustriert und verärgert über die Erfahrungen zu sein, die Sie während Ihres Besuchs erhalten haben? Ob Sie es glauben oder nicht, ist dies eine ziemlich häufige Erscheinung, besonders wenn Websites gute UX-Praktiken ignorieren.
Wenn Sie in irgendeinen Aspekt eines Website-Builds involviert sind, müssen Sie häufig auftretende UX-Probleme vermeiden, wenn Sie in den Büchern Ihrer Benutzer bleiben wollen. Werfen wir einen Blick auf die 4 häufigsten UX-Fallen, in die Designer fallen und wie man sie vermeidet ...
Formen
Formulare sind notwendig, um Informationen über Benutzer, Kunden und Kunden zu sammeln. Sie können nicht mit ihnen umgehen, aber sie sollten nicht unerträglich sein, um auszufüllen. Formulare sollten nur sehr wenige Fragen haben, nach welchen Informationen eine Website sucht. Eines der größten Probleme von Online-Formularen ist, wenn es keine Anweisungen gibt.
Formatierung
Wenn Sie jemanden nach bestimmten Informationen fragen, betonen Sie, wonach Sie suchen. Wenn Sie ein spezielles Format für etwas benötigen, z. B. ein Datum, eine Uhrzeit oder andere formatierte Informationen, sollte es mit einem Beispiel kommen. Nichts ist ärgerlicher als das Ausfüllen eines Formulars, nur um eine Fehlermeldung zu erhalten, wenn Sie fertig sind.
Platzhaltertext
Es ist schön, wenn ein Designer ein wenig darüber hinaus geht und einen Hinweis auf die Art von Informationen gibt, nach denen er sucht, indem er Platzhaltertext im Formularfeld zur Verfügung stellt. Obwohl dies äußerst praktisch ist, habe ich mehrmals Platzhaltertext gefunden, der nicht verschwindet, wenn Sie mit der Eingabe in das Formularfeld beginnen. Dies ist ein großer Punkt der Frustration für jeden Benutzer, denn sie müssen aufhören zu tippen, wählen Sie alles aus, und löschen Sie es, beginnend von vorne. Sie können auch den unnötigen Typ auswählen und diesen löschen, was zu einer Unterbrechung ihres Denkprozesses während des Ausfüllens des Formulars führt. Wenn Sie Platzhaltertext verwenden, um auf die Art von Informationen hinzuweisen, nach denen Sie suchen, vergewissern Sie sich, dass er verschwindet, wenn jemand dieses Eingabefeld auswählt.
Fehlermeldungen
Es gibt nichts frustrierenderes als etwas auf einer Website zu tun, nur um eine Fehlermeldung zu erhalten, ohne ausreichende Informationen oder überhaupt keine. Wenn ein Website-Benutzer einen Fehler feststellt, sollte es eine Erklärung geben, was falsch ist und wie es zu beheben ist. Wenn Sie sich zum Beispiel mit einem Benutzernamen und einem Passwort bei einer Site anmelden, sollten Sie sich bei einem Fehler mit einem darüber informieren. Bei so vielen Logins auf Websites ist es leicht, mehrere Varianten von Nutzernamen und Passwörtern zu sammeln. In einigen Fällen musste ich meine übliche Kombination aus Benutzername und Passwort ändern, da sie nicht die Anforderungen einer Website-Registrierung erfüllte, wie beispielsweise 2 Großbuchstaben oder eine Zahl, einen Buchstaben und Satzzeichen oder ein Symbol.
Andere Beispiele wären: Wenn Passwörter nicht übereinstimmen, zeigen Sie während der Registrierung eine Fehlermeldung vor dem Senden an. Ein anderes Beispiel könnte sein, dass ein Benutzername bereits vergeben ist. Zeigen Sie dies, bevor jemand seine Registrierung einreicht.
Niemand mag es, etwas neu zu machen, besonders nachdem er schlechte Anweisungen erhalten hat. Sie werden viel mehr Engagement haben, wenn Sie es den Benutzern leicht machen, Ihnen beim ersten Mal die richtigen Informationen zur Verfügung zu stellen.
Große, feste Navigationsheader
Ich bin nicht sicher, wie das populär wurde, aber ich habe es viel gesehen, auf vielen Seiten im Internet. Das Problem mit solch einer großen Kopfzeile und all diesen Navigationselementen ist, wenn Sie die Seite nach unten scrollen, blockiert sie eine Menge Inhalt. Dies ist besonders frustrierend, wenn es Teile gibt, an die Sie gelangen müssen, oder wenn der Inhalt sonst die Höhe des Browsers ausfüllen würde, aber ein Teil davon wird durch die Navigation verdeckt.
Vor allem auf dem Handy
Was noch schlimmer ist, ist, dass manchmal, wenn eine Website auf mobile Größe heruntergebracht wird, der große Header immer noch an Ort und Stelle bleibt. Dies ist eine schlechte Erfahrung, da der Platz auf Smartphone-Bildschirmen bereits begrenzt ist. Es muss nicht von einem Navigationsmenü eingenommen werden, das sonst verborgen werden könnte. Wenn es bestimmte Navigationselemente gibt, die sichtbar bleiben müssen, verwandeln Sie diese in kleine Symbole oder platzieren Sie sie irgendwo aus dem Weg.
Geringer Kontrast
Meine Augen sind gut, aber ich bin kein Fan von dem Versuch, Kohletext oder Symbole auf schwarzem Hintergrund visuell zu erkennen. Niemand sollte das durchmachen müssen. Kontrast ist der Schlüssel, besonders im Webdesign.
Text
Jeder Text sollte leicht lesbar sein und genügend Gewicht haben, um das Lesen zu erleichtern. 100 Gewicht Schriftarten haben praktisch keinen Platz im Internet (außer in einigen speziellen Fällen). Die Verwendung einer super dünnen Schrift auf einem Smartphone verlangt einfach Ärger. Dort muss genug visueller Kontrast vorhanden sein, damit deine Augen die Buchstabenformen erkennen können.
Farbe
Für alle Elemente einer Website sollte es einen leicht erkennbaren Kontrast zwischen den Farben geben. Jeder Text sollte eine hohe Kontrastrate von seinem Hintergrund haben. Das gilt auch für Links, Navigationselemente oder Icons. Es sollte nicht schwer sein zu finden, wonach Sie suchen.
Aufrufe zu Aktionen
Genau wie andere Links und Navigationselemente sollten Ihre Call-to-Action-Elemente einen hohen Kontrast aufweisen. Wenn Sie möchten, dass ein Website-Besucher Maßnahmen ergreift, machen Sie ihn prominent, leicht zu lesen und zu laden und zu löschen. Viel zu oft sehen Sie einen Call-to-Action mit einer Schaltfläche, die nicht genug aus dem Hintergrund hervorsteht. Manchmal ist es überhaupt kein Button und es ist nur ein einfacher Textlink, der von Leerraum umgeben ist.
Ziele auf Mobilgeräten berühren
Ich sehe das auf vielen mobilen Websites und es ist eines der frustrierendsten Elemente, mit denen man sich auseinandersetzen muss. Wenn Sie eine Schaltfläche oder einen Link zum Klicken haben, geben Sie ihm genügend Platz, damit die Benutzer nicht versehentlich die falsche Seite treffen. Stellen Sie auf einem Smartphone sicher, dass alle Tasten oder Links weit genug von der Kante oder der Ecke des Bildschirms entfernt sind, sodass sie leicht angezapft werden können.
Oftmals ist ein Knopf, der zu nahe an einer der 4 Ecken eines Bildschirms platziert ist, zu schwierig, um präzise zu tippen. Wenn Sie größere Finger haben, registriert das Smartphone Ihre Aktion möglicherweise nicht. Dies führt dazu, dass der Benutzer mehrmals tippen muss, damit die Funktion funktioniert. Platz für diese Elemente ist extrem wichtig.
Fazit
Diese allgemeinen UX-Probleme können leicht mit ein wenig mehr Arbeit und Voraussicht vermieden werden. Wenn Sie möchten, dass Ihre Website-Besucher Ihre Website nutzen und genießen können, ist es wichtig, den Prozess einfach und flüssig zu gestalten. Wenn Sie vermeiden, dass Ihre Benutzer Aktionen und Prozesse wiederholen, werden Frustrationen reduziert und die Benutzererfahrung wird von einer gut gestalteten Website erwartet.