Usability & User Experience Design

Top 10 Fehler im Webdesign 

Die zehn größten Ärgernisse für Nutzer. Web-Design-Katastrophen  gibt es viele, obwohl viele Usability-Grausamkeiten inzwischen seltener vorkommen als früher.

 1. Eine schlechte Suchfunktion

Wortgenaue Suchmaschinen verringern die Benutzerfreundlichkeit, da sie Tippfehler, Pluralformen, Bindestriche und andere Varianten der Suchbegriffe nicht verarbeiten können. Solche Suchmaschinen sind für ältere Nutzer besonders schwierig, aber sie betreffen jeden.

Ein zusätzliches Problem besteht darin, dass Suchmaschinen Ergebnisse priorisieren, und zwar ausschließlich auf der Grundlage der Anzahl von Abfragebegriffen, die sie enthalten, und nicht auf Basis der Wichtigkeit jedes Dokuments.

Die Suche ist die Lebensader des Benutzers, wenn die Navigation fehlschlägt. Auch wenn eine erweiterte Suche manchmal helfen kann, funktioniert die einfache Suche am besten, und die Suche sollte als einfache Text-Box dargestellt werden, da die Benutzer danach suchen.

 

2. PDF-Dateien zum Online-Lesen

Benutzer hassen es, während des Surfens auf eine PDF-Datei zu stoßen, weil das den Lese-Fluß unterbricht. Selbst einfache funktionen wie das Drucken oder Speichern von Dokumenten werden schwierig, da Standard-Browser-Befehle nicht funktionieren. PDF-Layouts sind oft für ein Blatt Papier optimiert, das selten der Größe des Browserfensters des Benutzers entspricht. Bye-bye reibungsloses Scrollen. Hallo kleine Schriftarten.

Am schlimmsten ist, dass PDF ein undifferenzierter Inhalt ist, der schwer zu navigieren ist.

PDF eignet sich hervorragend zum Drucken und zum Verteilen von Handbüchern und anderen großen Dokumenten, die gedruckt werden müssen. Reservieren Sie sie für diesen Zweck und konvertieren Sie alle Informationen, die auf dem Bildschirm gelesen oder gelesen werden müssen, in echte Webseiten.

 

3. Die Farbe der besuchten Links nicht ändern

Ein gutes Verständnis über die abgeschlossenen Navigationsschritte hilft Ihren Kunden, Ihren aktuellen Standort zu verstehen, an dem sie sich befinden. Wenn man seine "Vergangenheit" und "Gegenwart" kennt, kann ma leichter entscheiden, wohin man als nächstes gehen möchten. Links sind ein Schlüsselfaktor in diesem Navigationsprozess. Benutzer können Links übegehen, die sich bei früheren Besuchen für sie als nutzlos erwiesen haben. Umgekehrt könnten sie Links wieder aufsuchen, die sie in der Vergangenheit hilfreich fanden.

Am wichtigsten ist es, wenn sie wissen, welche Seiten sie bereits besucht haben, so dass Benutzer dieselben Seiten nicht versehentlich immer wieder aufrufen müssen.

Diese Vorteile entstehen nur unter einer wichtigen Annahme: dass Benutzer den Unterschied zwischen besuchten und nicht besuchten Links erkennen können, da sie in verschiedenen Farben anzeigt werden. Wenn besuchte Links ihre Farbe nicht ändern, weisen die Benutzer beim Usability-Test mehr navigatorische Desorientierung auf und kehren unbeabsichtigt wiederholt auf denselben Seiten zurück.

 

4. Nicht scannbarer Text

Eine Wand aus Text ist tödlich für ein interaktives Benutzererlebnis. Einschüchternd. Langweilig. Mühevoll zu lesen. Schreiben Sie für online, nicht für Print. Verwenden Sie gut etablierte Techniken, um Benutzer in den Text hineinzuziehen und die Scanbarkeit zu unterstützen:

  • Zwischenüberschriften
  • Listen mit Aufzählungszeichen
  • hervorgehobene Schlüsselwörter
  • kurze Absätze
  • ein einfacher Schreibstil, und
  • lockere Sprache ohne Marketing-Floskeln

 

5. Feste Schriftgröße

CSS-Stylesheets geben Websites leider die Möglichkeit, die Schaltfläche "Schriftgröße ändern" eines Webbrowsers zu deaktivieren und eine feste Schriftgröße anzugeben. In ungefähr 95% der Fälle ist diese feste Größe zu klein, was die Lesbarkeit für die meisten Menschen über 40 erheblich verringert.

Respektieren Sie die Benutzereinstellungen und lassen Sie sie den Text nach Bedarf skalieren. Geben Sie außerdem Schriftgrößen relativ an - nicht als absolute Anzahl von Pixeln.


6. Seitentitel mit geringer Sichtbarkeit der Suchmaschine

Die Suche ist die wichtigste Art, wie Benutzer Websites entdecken. Die Suche ist auch eine der wichtigsten Möglichkeiten, wie Benutzer sich auf einzelnen Websites zurechtfinden. Der einfache Seitentitel ist Ihr wichtigstes Tool, um neue Besucher aus Suchlisten zu gewinnen und Ihren vorhandenen Nutzern dabei zu helfen, die benötigten Seiten zu finden.

Der Seitentitel ist im HTML-Tag <title> enthalten und wird fast immer als klickbare Überschrift für Einträge auf Suchergebnisseiten (SERP) verwendet. Suchmaschinen zeigen normalerweise die ersten 66 Zeichen des Titels, also ist es wirklich Micro-Content.

Seitentitel werden auch als Standardeintrag in den Favoriten verwendet, wenn Benutzer eine Site mit einem Lesezeichen versehen. Beginnen Sie für Ihre Homepage mit dem Firmennamen, gefolgt von einer kurzen Beschreibung der Website.

Für alle anderen Seiten starten Sie den Titel mit einigen der auffälligsten informationstragenden Wörtern, die die Besonderheiten dessen beschreiben, was Nutzer auf dieser Seite finden. Da der Seitentitel als Fenstertitel im Browser verwendet wird, wird er auch als Bezeichnung für dieses Fenster in der Tab-Leiste verwendet. Dies bedeutet, dass Benutzer zwischen mehreren Fenstern unter Hinweis des jeweils ersten oder zweiten Worts wechseln. Wenn alle Ihre Seitentitel mit denselben Wörtern beginnen, schränken Sie die Benutzerfreundlichkeit für Ihre Benutzer mit mehreren Fenstern stark ein.


7. Alles, was wie Werbung aussieht

Selektive Aufmerksamkeit ist sehr verbreitet und Web-Nutzer haben gelernt, nicht mehr auf Anzeigen zu achten, die ihre zielgerichtete Navigation behindern. Die einzige Ausnahme sind reine Textanzeigen für Suchmaschinen.

Leider ignorieren Benutzer auch legitime Design-Elemente, die wie gängige Werbeformen aussehen. Wenn man etwas ignoriert, studierst man es nicht im Detail, um herauszufinden, was es ist.

Daher ist es am besten, Design-Elemente zu vermeiden, die wie Werbung aussehen. Die genauen Auswirkungen dieser Richtlinie werden bei neuen Werbeformen variieren. Befolgen Sie die folgenden Regeln:

  • Bannerblindheit bedeutet, dass Benutzer ihre Augen niemals auf etwas fixieren, das aufgrund von Form oder Position auf der Seite wie eine Bannerwerbung aussieht
  • Animationsvermeidung bewirkt, dass Benutzer Bereiche mit blinkendem oder blinkendem Text oder anderen aggressiven Animationen ignorieren
  • Pop-up-Bereinigungen bedeuten, dass Benutzer Pop-up-Fenster schließen, bevor sie vollständig gerendert wurden.

 

8. Verstoß gegen Design-Konventionen

Konsistenz ist eines der wichtigsten Usability-Prinzipien: Wenn sich die Dinge immer gleich verhalten, müssen sich die Benutzer keine Gedanken darüber machen, was passieren wird. Stattdessen wissen sie, was aufgrund früherer Erfahrungen geschehen wird.

Je besser die Erwartungen der Nutzer erfüllt sind, desto mehr fühlen sie sich in der Kontrolle des Systems und desto mehr werden sie es mögen. Und je mehr das System mit den Erwartungen der Nutzer bricht, desto unsicherer werden sie sich fühlen.

Jakobs Web-User Experience besagt, dass "Nutzer die meiste Zeit auf anderen Websites verbringen".

Dies bedeutet, dass ihre Erwartungen an eine Website auf den üblicherweise auf den meisten anderen Websites ausgeführten Erwartungen basiert. Wenn Sie davon abweichen, wird Ihre Website schwieriger zu verwenden sein und Benutzer werden gehen.

 

9. Öffnen eines neuen Browser-Fensters

Das Öffnen neuer Browser-Fenster ist wie eine Staubsauger-Verkäuferin, die einen Besuch beginnt, indem sie einen Aschenbecher auf dem Teppich des Kunden ausleert.

Designer öffnen neue Browserfenster mit der Theorie, dass die Benutzer auf ihrer Website bleiben. Aber selbst wenn man die nutzer-feindliche Nachricht außer Acht lässt, die mit der Übernahme des Computers des Benutzers einhergeht, ist die Strategie selbstzerstörerisch, da sie die Schaltfläche "Zurück" deaktiviert, was normalerweise der Fall ist, wenn Benutzer zu früheren Websites zurückkehren. Benutzer bemerken oft nicht, dass ein neues Fenster geöffnet wurde, besonders wenn sie einen kleinen Bildschirm verwenden, bei dem die Fenster maximiert sind, um den Bildschirm zu füllen. Ein Benutzer, der versucht, zum Ursprung zurückzukehren, wird durch einen ausgegrauten Zurück- Button verwirrt.

Links, die sich nicht wie erwartet verhalten, untergraben das Verständnis der Benutzer für ihr eigenes System. Ein Link sollte ein einfacher Hypertext-Verweis sein, der die aktuelle Seite durch neuen Inhalt ersetzt. Benutzer hassen ungerechtfertigte Pop-up-Fenster. Wenn das Ziel auf einer neuen Seite angezeigt werden soll, können sie den Befehl "In neuem Fenster öffnen" des Browsers verwenden. Dabei wird vorausgesetzt, dass der Link kein Code ist, der das Standardverhalten des Browsers beeinträchtigt.

 

10. Keine Beantwortung von Benutzerfragen

Benutzer sind im Web sehr zielorientiert. Sie besuchen Websites, weil sie etwas erreichen möchten - vielleicht sogar Ihr Produkt kaufen. Der ultimative Fehler einer Website besteht darin, die gesuchten Informationen nicht zu liefern.

Manchmal ist die Antwort einfach nicht da und Sie verlieren den Verkauf, weil Benutzer davon ausgehen müssen, dass Ihr Produkt oder Ihre Dienstleistung nicht ihren Bedürfnissen entspricht, wenn Sie ihnen nicht die Einzelheiten mitteilen. In anderen Fällen sind die Besonderheiten unter einer dicken Schicht von Marketing und Slogans begraben. Da Benutzer keine Zeit haben, alles zu lesen, könnten solche versteckten Informationen fast genauso gut nicht da sein.

Das schlimmste Beispiel dafür, die Fragen der Benutzer nicht zu beantworten, besteht darin, den Preis von Produkten und Dienstleistungen nicht zu nennen. Keine B2C-E-Commerce-Website würde diesen Fehler machen, aber es ist weit verbreitet in B2B, wo die meisten "Enterprise-Lösungen" präsentiert werden, so dass Sie nicht sagen können, ob sie für 100 Personen oder 100.000 Personen geeignet sind. Der Preis ist die spezifischste Information, die Kunden verwenden, um die Art eines Angebots zu verstehen. Wenn sie nicht zur Verfügung gestellt werden, fühlen sich die Kunden verloren und reduzieren ihr Verständnis für eine Produktlinie.

Selbst B2C-Sites machen oft den Fehler, Preise in Produktlisten zu vergessen, etwa in Kategorieseiten oder Suchergebnissen. In beiden Situationen ist es wichtig, den Preis zu kennen. So können Nutzer zwischen Produkten unterscheiden und zu den relevantesten Produkten wechseln.