Usability-Probleme auf Websites und wie man sie vermeidet: Fehlendes Feedback Mittelstand-Digital Zentrum Fokus Mensch

In den Sprechstunden des Mittelstand-Digital Zentrums Fokus Mensch zeigen sich immer wieder ähnliche -Schwachstellen auf Websites von Start-ups und KMU. Diese Beitragsreihe stellt die häufigsten Usability-Probleme vor, erklärt ihre Hintergründe und gibt konkrete Lösungsvorschläge. Dieser Artikel widmet sich Usability Problem 4: Fehlendes Feedback.

Hintergrund

Nutzende erhalten auf Websites häufig zu wenig Rückmeldung darüber, wo sie sich gerade befinden, was aktuell im Hintergrund passiert (z.B. Ladevorgänge) oder ob eine Aktion erfolgreich ausgeführt wurde (z.B. Absenden eines Formulars).

Fehlt eine solche Rückmeldung, müssen Nutzende sich erneut orientieren oder selbst überprüfen, ob ihre Aktion erfolgreich war. Das kann zu Unsicherheit führen und erschwert die Navigation auf der Website.

Usability-Heuristik

Dieses Problem steht im Zusammenhang mit der Heuristik „Sichtbarkeit des Systemstatus“. Diese besagt, dass Nutzende stets darüber informiert sein sollten, was gerade passiert. Rückmeldungen sollten dabei möglichst zeitnah erfolgen.

Lösung

Position in der Navigation hervorheben

Die aktuelle Position sollte in den Menüpunkten der Navigation hervorgehoben werden. Das gilt sowohl für die Menüpunkte auf oberster Ebene als auch für die untergeordneten Seiten. So erkennen Nutzende auf einen Blick, in welchem Bereich der Website sie sich befinden.

Breadcrumbs einsetzen

Bei Websites mit einer umfangreichen oder tief verschachtelten Informationsarchitektur können sogenannte Breadcrumbs zusätzlich Orientierung bieten. Sie zeigen den Pfad von der Startseite bis zur aktuell aufgerufenen Seite und machen dadurch die Position innerhalb der Website nachvollziehbar. Gleichzeitig ermöglichen klickbare Pfadelemente eine schnelle Navigation zurück zu den übergeordneten Seiten.

Ladezustände sichtbar machen

Bei Aktionen, die etwas Zeit benötigen, ist eine sichtbare Rückmeldung wichtig. Wird beispielsweise ein Formular abgeschickt oder werden Inhalte geladen, sollte erkennbar sein, dass die Aktion verarbeitet wird. Ladeanzeigen oder andere Statusmeldungen können verdeutlichen, dass das System reagiert und der Vorgang noch nicht abgeschlossen ist.

Erfolgreiche Aktionen bestätigen

Nach abgeschlossenen Aktionen sollten Nutzende außerdem eine eindeutige Bestätigung erhalten. Nach dem Absenden eines Formulars kann beispielsweise eine Meldung wie „Ihre Anfrage wurde erfolgreich übermittelt“ anzeigen, dass die Aktion abgeschlossen ist. Dadurch müssen Nutzende nicht selbst überprüfen, ob ihre Eingabe übernommen wurde.

Beispiele

Navigation & Breadcrumbs

Auf der Website des Informationstechnikzentrums Bund ist die aktuelle Position auf allen Navigationsebenen hervorgehoben (Screenshot 1). Zusätzlich werden Breadcrumbs eingesetzt, um die Orientierung zu unterstützen (Screenshot 2).