Commit e8e48387 authored by Hendrik Kahlen's avatar Hendrik Kahlen

usability-fehler

parent c0234523
---
layout: post
title: "Die häufigsten und schlimmsten Usability-Fehler"
subtitle: Usability-Fehler findet man zahlreich auf beinahe jeder Webseite, mit größeren und kleineren Auswirkungen. Wir wollen in diesem Artikel bei der Veranschaulichung der wichtigsten Usability-Fehler unter anderem Fragen beantworten wie: „Warum ist der Usability-Fehler so schlimm?“, „Welche Auswirkungen hat dieser Fehler?“ und „Wie kann ich lernen diese Fehler zu vermeiden?“. Ziel dabei ist es insgesamt ein klareres Verständnis für Usability-Fehler und deren Vermeidung zu schaffen, sodass Besucher Ihrer Seite nicht durch Usability-Fehler gestört oder gar abgeschreckt werden.
category: usability
author: Hendrik Kahlen
---
Gliederung
- Falsches Design
- Navigation
- Formulare
## Falsches Desing
Eine der wohl am häufigsten gemachten Fehler [welovecontent.de] ist der eines falschen Designs. Dieses muss nicht etwa schillernd, blinkend und/oder bunt sein, es reicht aus, wenn das gewählte Design nicht zum Content passt und damit den Besucher verwirrt. Als Besucher eines eines großen Unternehmens erwartet man schließlich auch ein schlichtes und seriöses design und kein "flippiges Start-up"-Design. Ist dies nicht so, sorgt dies für Verwirrung aufgrund des Kontrasts zu den Erwartungen. Ebenso wichtig ist es dabei, dass sich das gewählte Design über die gesamte Webseite erstreckt, ein Bruch auf Unterseiten verwirrt den Nutzer ebenfalls.
Auch ist es möglich, dass Hintergründe und andere Designelemente so gewählt sind, dass Sie Informationsaufnahme stören. Ein Beispiel dafür sind Texte die kaum eienn [Kontrast zum Hintergrund] bieten. Zu bemerken sei an dieser Stelle aber, dass es für gewisse Zwecke durchaus sinnvoll ist den Kontrast niedrig zu halten, z.B. wenn man die Aufmerksamkeit auf einen anderen Bereich legen möchte. Vergewissern Sie sich also, dass Sie ihre Schriftart, Schriftfarbe und den Hintergrund richtig gewählt haben.
Zudem sind viele Webseiten nicht Responsive sind. Man stelle sich vor, auf dem Smartphone oder einem anderen Browser sind Bedienelemente nicht mehr zu erreichen, weil sie außerhalb des Bildbereichs liegen. Würden Sie noch weiter auf dieser Webseite verweilen?. Achten Sie also darauf, dass Ihr Design für die gängigsten Endgeräte und Browser funktioniert. Ein Auflistung von mehreren guten Beispielen finden Sie auf [designmodo.com].
Natürlich gibt es noch mehr Fehler hinsichtlich falschen Design-Entscheidungen, aber dies würde den Rahmen des Artikels sprengen. Für weitere Informationen empfehlen wir die Auflistung auf [bypeople.com], die nicht nur schlechte, sondern auch gleich gute Beispiele liefert.
## Navigation
Ein weiterer häufiger Fehler laut [welovecontent.de] ist der einer schlechten Navigation, in Dergestalt, dass es zu viele Unterpunkte gibt, Navigationselemente alle auf einmal angezeigt werden und/oder die Navigation sich über den gesamten Bildschirm oder mindestens die Hälfte erstreckt, um nur mal ein paar mögliche Fehler zu nennen. Nun was genau ist aber jetzt so schlimm daran? Die meisten Nutzer haben meist nur ein kleines Navigationsbedürfnis und möchten sich zu deren Erfüllung nicht durch die gesamten Elemente ohne Selektion quälen - eine Schachtelung ist also hilfreich
Ein weiteres schlechtes Beispiel bieten bereits angesprochenen vielen Unterpunkte in einer Navigation. Es gibt Navigation , bei denen Unterpunkte erst auftauchen, wenn man den darüberliegenden Punkt mit der Maus überflogen (hoover) hat. Rutscht man dann irgendwann ab, muss man den ganzen Mühseligen Weg mit der Maus erneut fahren – das ist nicht Usability-Komform. Achten Sie also darauf, dass ihre Seiten nicht zu tief verschachtelt sind und gewählte Bedienelemente nicht störend auf den Nutzer einwirken oder ihn gar überfordern. Für eine breitere Übersicht und ein noch besseres Verständnis empfehlen wir folgende Seite zur [richtigen Nutzung von Navigation].
Ganz wichtig ist hierbei auch, dass der Nutzer (z.B. in Form von Breadcrumbs) immer genau weiß, auf welchen Unterseiten er sich befindet, wenn er dorthin navigiert wurde/ist.
Einige Beispiele mit weiteren Erklärungen, wie Navigationselemente attraktiv und Usability-Komform gestaltet werden können findet sich auf [swimbi.com] oder auch auf [smooster].
## Formulare
Haben Sie schonmal Angaben in einem Formular machen müssen, die auf Sie nicht zutreffen, aber erforderlich waren um z.B. der Bestellung/Anmeldung voranzukommen? Falls ja, dann haben Sie schonmal einen Eindruck davon was man bei Formularen alles falsch machen kann. Ein häufiger Fehler wurde nun eben schon angesprochen, zu viele Pflichtfelder oder gar das Verlangen von Informationen, die auf Benutzer/Käufer nicht zutreffen.
Formulare auszufüllen ist im allgemeinen schon Mühsam, da eine Mitarbeit vom Nutzer gefordert ist, alle Punkte, die hierbei den Ablauf erschweren oder behindern, können im schlimmsten Fall dazu führen, dass der Besuch/Kauf abgebrochen wird. Besser also, fragliche Felder als optional deutlich zu kennzeichnen.
Zu erschwerenden Fehlern zählt auch, wenn Nutzer nicht die Möglichkeit haben ihre Informationen vor dem Abschluss nochmals zu überprüfen oder gar zu ändern, denn niemand möchte etwas falsches abschicken. Weiterer schwerer Fehler ist es, wenn Nutzer keine Ahnung haben in welchem Abschnitt des Formulars Sie sich gerade befinden. Dies insbesondere bei Formularen kritisch, die sich über mehrere Seiten erstrecken. Auch wird häufig vergessen, adäquate Fehlermeldungen zu geben und diese auch rechtzeitig, also am besten live. Die Überprüfung, ob ein Passwort oder eine E-Mail der Norm entspricht sollte bereits beim Verlassen des entsprechenden Feldes aufmerksam gemacht werden. Diese sollten auch wahrnehmbar für den Nutzer platziert werden, also nicht erst am Ende der Seite. [eResult] hat dazu eine ganz gute Auswertung herausgearbeitet.
[Diese kleine Gliederung] soll Ihnen einen genaueren Überblick geben wie Formulare aufgebaut sein sollten, zusammen mit anderen kleinen Tipps.
Wir hoffen der Artikel hat Ihnen ebenso gefallen wie uns und Sie konnten einige grundlegende Tipps bzgl. Usability-Fehlern mitnehmen. Wenn wir jetzt Ihr Interesse geweckt haben, empfehlen wir den [Testmethoden], um sich optimal gegen Usability-Fehler zu schützen oder [Konventionen], um einen größeren Überblick über Usability-Komforme Webseiten zu erhalten.
### Quellenangabe
* http://www.welovecontent.de/conversion-optimierung/die-haeufigsten-usability-fehler-bei-websites/, Zuletzt gesehen am 15.11.2015
* http://www.shopbetreiber-blog.de/2013/05/10/die-7-haufigsten-fehler-bei-der-gestaltung-von-website-formularen/, Zuletzt gesehen am 15.11.2015
* http://www.eresult.de/ux-wissen/forschungsbeitraege/einzelansicht/news/nutzergerechte-formulargestaltung/, Zuletzt gesehen am 15.11.2015
* http://jendryschik.de/weblog/2015/01/07/usability-und-barrierefreiheit-von-formularen/, Zuletzt gesehen am 15.11.2015
* http://www.smooster.com/de/blog/6-webdesign-beispiele-wie-du-deine-navigation-zum-kreativen-highlight-werden-laesst, Zuletzt gesehen am 15.11.2015
[Diese kleine Gliederung]: <http://jendryschik.dew/geblog/2015/01/07/usability-und-barrierefreiheit-von-formularen/>
[richtigen Nutzung von Navigation]: <http://www.smooster.com/de/blog/6-webdesign-beispiele-wie-du-deine-navigation-zum-kreativen-highlight-werden-laesst>
[welovecontent.de]: <http://www.welovecontent.de/conversion-optimierung/die-haeufigsten-usability-fehler-bei-websites/>
[Kontrast zum Hintergrund]: <https://www.usertesting.com/blog/2014/12/02/color-ux-conversion-rates/>
[designmodo.com]: <http://designmodo.com/responsive-design-examples/>
[bypeople.com]: <http://www.bypeople.com/great-websites-with-ugly-design/>
[swimbi.com]: <http://swimbi.com/blog/22-principles-of-good-web-navigation-and-maximum-usability/>
[smooster]: <http://www.smooster.com/de/blog/6-webdesign-beispiele-wie-du-deine-navigation-zum-kreativen-highlight-werden-laesst>
[eResult]: <http://www.eresult.de/ux-wissen/forschungsbeitraege/einzelansicht/news/nutzergerechte-formulargestaltung/>
[Testmethoden]: <>
[Konventionen]: <>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment