Artikel 7 Usability-Fehler, die Ihrer Marke schaden

Veröffentlicht: 2022-08-12

Usability ist einer der wichtigsten Faktoren für den Erfolg einer Website. Aber es wird oft übersehen. Wir haben immer wieder erlebt, dass Unternehmen gegen Best Practices in Sachen Usability verstoßen.

Es schadet Ihrer Marke und Ihrem Endergebnis, in 100 % der Fälle.

In diesem Artikel schlüsseln wir sieben der häufigsten Fehler auf, damit Sie wissen, worauf Sie achten müssen, und bei Ihren Benutzern guten Willen aufbauen können, anstatt ihn zu verlieren.

Wir setzen uns mit Jason Wolter (Information Architect) und Cynthia Stipeche (Director of Brand Experience) zusammen, um diese sieben Fehler durchzugehen und zu erläutern, wie sich jeder einzelne auf Ihre Marke auswirkt.

  • Fehler Nr. 1: Das „Hamburger-Menü“
  • Fehler Nr. 2: Keine Home-Links verwenden
  • Fehler Nr. 3: Keine Suchfunktion
  • Fehler Nr. 4: Rotierende Karussells
  • Fehler Nr. 5: Videos automatisch abspielen
  • Fehler Nr. 6: Zweispaltige Formulare
  • Fehler Nr. 7: Platzhaltertext

Fehler Nr. 1: Das „Hamburger“-Menü

Jason: Beginnen wir mit den großen Geschützen. Das größte ist also wahrscheinlich das Hamburger-Menü. Die Leute nutzen das Hamburger-Menü ziemlich oft, aber es hat eine sehr niedrige Auffindbarkeitsrate. Die Leute sehen nicht immer die Speisekarte, besonders wenn es die drei Bars sind.

Die drei Balken werden oft nicht erkannt. In der Branche, in der wir tätig sind, ist es für uns selbstverständlich, ein Hamburger-Menü zu verwenden. Aber bei Feldversuchen wissen die Leute nicht, was diese drei Balken darstellen. Es blendet das Menü bei geringer Auffindbarkeit zur besseren Option aus.

Wenn Sie ein Hamburger-Menü verwenden müssen (z. B. bei der Anzeige auf einem Mobilgerät), verwenden Sie am besten eine Schaltfläche mit der Aufschrift „Menü“ und einer Umrandung, um deutlich zu machen, dass es sich um eine anklickbare Schaltfläche handelt. Aber es ist kein Ersatz für sichtbare Navigation. Im Idealfall ist das wirklich der Weg, den Sie gehen möchten.

Viele Agenturen verwenden es, weil es sauberer ist. Aber es ist für die Leute schwer zu sehen. Bei der Benutzerfreundlichkeit geht es darum, die Dinge reibungslos zu gestalten und es den Benutzern leicht zu machen, mit ihnen zu interagieren. Und wenn Benutzer lernen müssen, wie sie Ihre Website nutzen, um mit ihr zu interagieren, wie hoch ist die Wahrscheinlichkeit, dass sie wiederkommen?

Es heißt kognitive Belastung. Sie gehen mit einem leeren Blatt rein, aber je schwieriger es für jemanden ist, etwas zu finden, oder je mehr Sie ihn auf eine Information warten lassen, desto wahrscheinlicher ist es, dass er Sie verlässt. Die Lösung besteht darin, eine einfachere Lösung zu schaffen, die für sie funktioniert.

Es ist einer der größten Usability-Fehler; Das Hamburger Menü muss weg!

Cynthia: Ich werde das ein wenig in Zusammenhang bringen. Viele Leute kennen das Hamburger-Menü nicht und Tests beweisen das. Aber gleichzeitig hängt es von der Zielgruppe eines Unternehmens ab.

Wenn es sich beispielsweise um eine Unterhaltungs- oder Spieleseite handelt und das Publikum viel jünger ist, werden sie wahrscheinlich genau wissen, was diese drei Zeilen bedeuten. Es gibt Best Practices aus dem Testen, aber oft ist es eine Vielfalt von Altersgruppen. Wenn Ihr Unternehmen viele jüngere Kunden hat, wissen diese genau, was das ist. Im Moment sollten Sie sich wahrscheinlich nicht auf dieses Hamburger-Menü verlassen, insbesondere wenn Sie eine B2B-Site betreiben.

Zielgruppen und Personas sind wichtig. Wenn Sie eine Website haben, die nur für alle geeignet ist, ist dies ein großer Fehler. Benutzer werden ohne Kontext und ohne Informationen, die ihnen gerecht werden, überwältigt. Sie müssen den Zweck jeder Seite definieren. Wenn es nicht definiert ist, dann ist es nicht richtig strukturiert. Und wenn es nicht richtig strukturiert ist, wird es nicht richtig funktionieren.

Wenn Sie Personas entwickeln und diese nicht auf Forschung basieren, können Sie am Ende eine Website entwerfen, die Ihr Publikum im Stich lässt. Den Endbenutzer zu beobachten, mit dem Endbenutzer zu sprechen, mit dem Kunden zu sprechen, ist so entscheidend für die Benutzerfreundlichkeit und die Verwaltung Ihrer Marke über Ihre Website. Und das tun wir. Wir führen viele Kundenstudien durch, um unsere Zielgruppe und ihre Schmerzpunkte besser zu verstehen.

Wenn Sie Empathie für Ihre Zielgruppe entwickeln wollen, sollte diese in echten Menschen verwurzelt sein. Sie sollte auf Beobachtungen beruhen und nicht auf Annahmen.

Fehler Nr. 2: Keine Home-Links verwenden

Jason: Viele Websites verlassen sich darauf, dass die Leute wissen, dass ein Klick auf das Logo oben links oder wo auch immer das Markenlogo ist, Sie immer zurück zur Startseite führt.

Tests zeigen, dass dies nicht der Fall ist.

Viele Menschen wissen nicht, dass Sie in der Lage sind, auf diese Weise zu navigieren. Am Ende klicken die Leute also auf die Schaltfläche „Zurück“ in ihrem Browser, um zu versuchen, zur Startseite zurückzukehren. Ein dauerhafter Link auf internen Seiten schafft also eine klare Möglichkeit für Benutzer, zu dieser Homepage zurückzukehren. Und das ignorieren viele.

Cynthia: Manchmal möchten wir auf internen Seiten wieder deutlich einen Button mit der Aufschrift „Startseite“ einfügen. Ich denke, das liegt an den Generationenunterschieden. Ein jüngeres Publikum wird wahrscheinlich erwarten, dass ich nach Hause komme, wenn ich auf das Logo klicke. Aber im Moment zeigen die Tests, dass es keine bewährte Methode ist, das Logo als einzige Möglichkeit zu verwenden, um zurück zur Startseite zu navigieren.

Fehler #3: Keine Suchfunktion ️‍️

Jason: Suche ist eine andere Sache. Es gibt eine Untergruppe von Benutzern, die Websites über die Suche navigieren. Wenn Sie also keine Suchoption haben oder Ihre Suchoption weder mit einer exponierten Suchleiste noch mit einer Suchschaltfläche hervorheben, die sich von Ihrer Navigation abhebt, schrecken Sie ein bestimmtes Publikum ab. Dies ist besonders wichtig bei großen Sites mit einer tiefen Architektur. Eine Studie des Search Engine Journal ergab, dass fast ein Drittel der Benutzer angibt, dass sie von einem fehlenden Suchfeld auf einer Website abgeschreckt werden. Mehr als 40 % sagen, dass ein Suchfeld das wichtigste Feature auf einer Website ist.

Das absolute Minimum sollte ein Symbol sein, das sich optisch von Ihrer Navigation unterscheidet. Es gibt einen Test, bei dem Sie Ihre Augen zusammenkneifen und in die Mitte des Bildschirms starren. Ihre Sicht wird verschwommen und Sie suchen nach Gegenständen, die hervorstechen und die Sie visuell identifizieren können. Wenn Sie sehen können, dass das Suchsymbol aus dem Navigationstext herausragt, ist das passabel. Aber das Beste, was Sie tun können, wäre eine exponierte Suchleiste, damit klar ist, wo Sie mit Ihrer Suche beginnen müssen.

Cynthia: Mein anderes Problem ist, wenn Sie eine Suche auf Ihrer Website anbieten und den Leuten dann keine Möglichkeit geben, Suchergebnisse zu filtern. Oder selbst wenn Sie eine Suchfunktion haben, fehlt der resultierenden Seite die Möglichkeit, beispielsweise nach Dateityp zu filtern. Es schafft mehr Reibung für den Benutzer, wenn er versucht, Informationen zu finden.

Ein weiterer Fehler bei der Suchfunktion auf Websites ist die Unfähigkeit, auf der Ergebnisseite erneut zu suchen. Wir haben in der Vergangenheit Tests durchgeführt und festgestellt, dass viele Leute, die jünger sind, das Hauptmenü nicht verwendet haben, um die Website zu durchsuchen oder Inhalte zu finden. Sie gingen direkt zur Suchfunktion.

Sie verwirren sich nicht mit der Navigation und gehen direkt zur Suche. Für eine Generation, die dazu aufgewachsen ist, Informationen über Suchmaschinen wie Google zu finden, werden Sie sie verlieren, wenn Ihre Suchfunktion auf Ihrer Website nicht funktioniert.

Fehler Nr. 4: Rotierende Karussells

Jason: Automatisch rotierende Karussells – oder Karussells im Allgemeinen – sind nicht sehr effektiv. Die Leute scrollen im Allgemeinen an ihnen vorbei. Wenn Sie also nur eine Seite scannen, könnte ein Laufschrift vier Schlüsselbotschaften enthalten, aber die meisten Leute werden nur die erste sehen, weil sie einfach zum Inhalt scrollen werden.

Ein Autokarussell ist schlimmer. Je nachdem, welchen Inhalt Sie dort haben, haben die Benutzer nicht wirklich die Kontrolle über die Nachricht, die sie sehen. Sie könnten also an einer Ihrer Schlüsselbotschaften interessiert sein, und dann rutscht sie ab, bevor sie in der Lage sind, alles zu konsumieren. Oder sie haben es gesehen und möchten darauf zurückkommen. Dann scrollen sie wieder nach oben und es ist nicht da und sie müssen klicken und es finden.

Sie lassen sie also arbeiten. Was auf die kognitive Belastung zurückgeht. Und wenn sie dann die gesuchte Nachricht gefunden haben, bleiben sie fünf Sekunden lang dran und dann schaltet sie wieder um. Sie müssen darauf klicken, um zurückzugehen. Das ist einfach ein ganzes Durcheinander.

Wenn Sie beispielsweise fünf Testimonial-Folien haben, werden 95 % Ihrer Benutzer nur die erste sehen. Sie werden nicht hineinklicken und versuchen, sie alle anzuzeigen. Aber das hat keine besonders hohe Priorität, also ist das in manchen Fällen akzeptabel.

Wirklich schlimm ist es in Ihrem Festzelt, wo Sie drei oder vier Hauptbotschaften und einen CTA haben. Dies sind Schlüsselbotschaften, die Sie wirklich zu vermitteln versuchen, und die Leute sehen sie nie. Es ist in Ordnung, wenn sie drei Ihrer vier Testimonials nicht sehen, aber es ist schlecht, wenn ein rotierendes Karussell dazu führt, dass ein Benutzer wichtige Botschaften verpasst.

Cynthia: Normalerweise vermeiden wir Karussells wie die Pest, aber viele Unternehmen nutzen sie immer noch. Es macht insbesondere in einem Festzelt keinen Sinn, da dem Benutzer möglicherweise eine wichtige Information entgeht. Es wäre wahrscheinlich besser, wenn Sie wichtige Inhalte nicht ausblenden, auch wenn sie sich ganz oben auf der Seite befinden.

Manche Leute wollen alles oben auf die Seite stopfen und das ist alles, woran sie denken. Aber wenn Informationen im Festzelt versteckt sind, tut es nichts für Sie.

Fehler Nr. 5: Videos automatisch abspielen

Jason: Viele Websites verwenden gerne Bewegung in ihren Laufschriften. Es könnte ein Video geben und wenn sie auf der Seite landen, wird das Video abgespielt. Manche Leute mögen das nicht. Sie mögen die Bewegung nicht und wollen das Video nicht sehen.

Um dies zu umgehen, möchten Sie eine Pause-Schaltfläche einbauen. Sie möchten etwas haben, das dem Benutzer die Möglichkeit gibt, es herunterzufahren, wenn er es nicht sehen möchte. Die bessere Praxis wäre wahrscheinlich, dort hinten ein Bild zu haben und einen Play-Button wirklich hervorzuheben, um dem Benutzer die Option zu geben: "Möchte ich dieses Video sehen oder nicht?" Sie drängen es ihnen nicht einfach auf und bringen sie dazu, es zu sehen.

Sogar Autoplay-Videos in anderen Bereichen einer Website können den Informationsfluss des Benutzers unterbrechen. Daher ist es im Allgemeinen keine gute Idee, jemals etwas automatisch abzuspielen.

Cynthia: Autoplay-Videos sind schrecklich. Es ist eine erschütternde Erfahrung. Sie möchten keine Website besuchen und automatisch ein Video starten lassen. Es wäre schlecht, ein Video mit ausgeschalteter Lautstärke abzuspielen. Noch schlimmer wäre es mit eingeschalteter Lautstärke. Wenn Sie die Leute davon überzeugen möchten, Ihre Website einfach wie die Pest zu meiden, legen Sie ein Autoplay-Video ab.

Wenn Sie nun einen starken Videoinhalt haben, würde ich wahrscheinlich ein Segment dieses Videos nehmen und eine passive Schleife erstellen. Dann ist es nicht so auffällig und prominent. Es könnte in einer Schleife von etwa drei Sekunden abgespielt werden und einen Call-to-Action enthalten, um das gesamte Video anzusehen. Dann ist es nicht erschütternd oder wirft Sie ab. An diesem Punkt reicht es gerade aus, den Benutzer dazu zu bringen, zu sagen: „Ich möchte mehr darüber erfahren.“ Sie geben ihnen die Möglichkeit, sodass sie nicht überrascht sind, wenn der Ton angeht und das Video abgespielt wird. Der Benutzer sollte jederzeit die Kontrolle behalten. Daran denken die Leute oft nicht.

Wir müssen Empathie für den Benutzer haben. Was bedeutet das? Ein Unternehmen wird seine eigenen Ziele haben. Aber das darf den Bedürfnissen der Endnutzer selbst nicht im Wege stehen. Eine Schlüsselfrage lautet: „Wie serviere ich das, was ich anbiete, im Rahmen ihrer Erfahrung am besten? Wenn Sie also Empathie für Ihren Endbenutzer haben, laden Sie ihn ein, die Website zu besuchen und mehr über sie zu erfahren. Und unterstützen Sie sie dabei, mehr zu erfahren.

An diesem Punkt gibt es ein Gefühl des guten Willens. Wenn Sie Ihre Website so angehen, dass Sie versuchen, das Beste für den Benutzer zu tun, anstatt das zu tun, was direkt das Beste für Ihr Endergebnis ist, zahlt sich dies langfristig aus.

Fehler #6: Zweispaltige Formulare ‍

Jason: Es ist viel praktischer, Felder in einer vertikalen Linie zu haben, anstatt Felder links und rechts unten auf einer Seite. Die Leute sind es gewohnt, durch etwas zu blättern, und sie erwarten, dass sie auf der Seite nach unten gehen. Wenn Sie zwei Spalten haben, gibt es zu viele verschiedene Tab-Muster. Sie wissen nicht, ob es nach unten geht. Sie wissen nicht, ob es nach rechts geht. Es gibt eine Erwartung dessen, was passieren sollte, und das ist, sich nach unten zu bewegen. Sie erfüllen diese Erwartung also nicht immer, wenn Sie mehrere Spalten haben. Es ist also gut, eine einzelne Spalte zu haben, damit die Leute sich einfach im Formular nach unten bewegen.

Two-Column Form Fields

Fehler Nr. 7: Platzhaltertext

Jason: Sie möchten keinen Platzhaltertext verwenden. Platzhalter sollen einem Benutzer helfen, den Inhalt zu verstehen, den Sie dort einfügen sollen. Der Benutzer sollte in der Lage sein, ohne Platzhaltertext zu erkennen, was in dieses Feld gehört.

Sie möchten Ihre Etiketten also außerhalb dieses Feldes haben. Wenn sie sich als Platzhalter darin befinden, verschwindet der Text, wenn Sie darauf klicken. Wenn Sie eine Aufgabe verlassen, kommen Sie möglicherweise zurück und sind sich nicht sicher, welches Feld Sie ausfüllen.

Best Practice for Form Fields

Dies wirkt sich auch auf die Zugänglichkeit mit Screenreadern aus. Labels teilen einem Benutzer mit einem Screenreader mit, was dieser Inhalt sein sollte. Wenn die Bezeichnung ein Platzhalter ist und nicht als externe Anweisungen enthalten ist, kann dies Personen mit Bildschirmlesegeräten verwirren.

Der größte Fehler: Ästhetik über Funktionalität

Stellen Sie niemals Ästhetik über Funktionalität oder umgekehrt. Sie möchten eine gute Mischung aus beidem haben. Wenn Sie erwägen, einen Designtrend zu implementieren, stellen Sie sicher, dass er für Ihre Website sinnvoll ist und Sie ihn aus dem richtigen Grund verwenden. Ein Designelement mag wirklich cool aussehen, ist aber für die meisten Benutzer unpraktisch. Sie möchten also sicherstellen, dass die Dinge funktionieren.

Ihre Marke ist Ihr Ruf. Wenn Ihre Website schwierig zu verwenden ist, werden Sie sie wahrscheinlich irreparabel beschädigen.