Ein Papierkorb, eine Lupe, ein Pluszeichen: Viele Bedienoberflächen kommen mit erstaunlich wenig Text aus, weil vertraute Symbole Aufgaben schnell erkennbar machen. Doch ein Icon ist keine Dekoration. Es muss zur Handlung passen, im richtigen Moment auftauchen und auch dann verständlich bleiben, wenn jemand die Anwendung zum ersten Mal öffnet.
Bei der Auswahl hilft ein nüchterner Blick auf die Aufgabe. Eine Lupe steht meist für Suche, ein Zahnrad für Einstellungen. Weniger eindeutig sind Symbole, die je nach Produkt etwas anderes bedeuten können. Wer ältere Bootstrap-Oberflächen pflegt, findet etwa eine Sammlung von glyphicon icons. Entscheidend ist nicht die Größe der Auswahl, sondern ob das gewählte Zeichen im konkreten Zusammenhang verständlich ist.
Das Symbol braucht einen Kontext
Ein Icon neben einer kurzen Beschriftung lässt sich leichter einordnen als dasselbe Zeichen allein. In einer Navigationsleiste kann ein Haus für die Startseite stehen, während es in einer Verwaltungssoftware auch eine bestimmte Objektart bezeichnen könnte. Der umgebende Text, die Position und die Reaktion auf einen Klick bilden gemeinsam die Bedeutung.
Bei seltenen oder folgenreichen Aktionen sollte die Oberfläche nicht verlangen, dass Menschen ein Symbol erraten. Ein beschrifteter Button für „Rechnung stornieren“ ist klarer als ein einzelnes, möglicherweise missverständliches Zeichen. Bei häufigen Standardaktionen kann ein bekanntes Icon dagegen Platz sparen, sofern die Funktion an anderer Stelle eindeutig bleibt.
Einheitlichkeit schlägt Abwechslung
Wenn mehrere Symbole dieselbe visuelle Sprache sprechen, können Nutzerinnen und Nutzer Muster schneller erkennen. Dazu gehören ähnliche Strichstärken, einheitliche Größen und konsistente Abstände. Ein einzelnes Icon aus einer anderen Sammlung fällt schnell auf. Das kann als bewusste Hervorhebung funktionieren, wirkt in vielen Fällen aber wie ein unbeabsichtigter Stilbruch.
Vor der Auswahl lohnt sich eine kurze Prüfung im tatsächlichen Interface. Ein Zeichen, das auf einer Übersichtsseite deutlich wirkt, kann in einer schmalen Tabellenzeile kaum erkennbar sein. Auch die Darstellung bei kleiner Bildschirmbreite zählt. Wer die Icons erst am Ende eines Projekts einfügt, entdeckt solche Probleme oft spät.
Barrierefreiheit von Anfang an mitdenken
Farbe oder Form allein reicht nicht immer aus, um eine Funktion zu erklären. Ein rotes Kreuz könnte einen Fehler markieren, ein Element schließen oder eine Auswahl entfernen. Eine passende Beschriftung oder ein zugänglicher Name für die Schaltfläche schafft Klarheit, auch für Menschen, die assistive Technologien verwenden. Dekorative Zeichen sollten dagegen nicht unnötig vorgelesen werden.
Bei Symbolen ohne sichtbaren Text braucht es außerdem eine verlässliche Möglichkeit, die Aktion zu verstehen. Ein Tooltip kann auf dem Desktop helfen, ersetzt aber keine zugängliche Beschriftung und funktioniert auf Touchscreens nicht immer gleich. Für zentrale Aktionen sollte die Oberfläche deshalb auch ohne Hover verständlich bleiben.
Vor dem Einsatz kurz prüfen
Ein kleiner Review verhindert, dass sich missverständliche Zeichen über viele Ansichten verbreiten. Diese Fragen helfen bei der Entscheidung:
- Passt das Symbol zur konkreten Aktion und nicht nur zum allgemeinen Thema?
- Erkennen neue Nutzerinnen und Nutzer seine Bedeutung ohne Erklärung?
- Bleibt es bei der tatsächlich verwendeten Größe gut lesbar?
- Gibt es bei einer riskanten Aktion zusätzlich einen eindeutigen Text?
- Hat die Schaltfläche einen zugänglichen Namen, der ihre Funktion beschreibt?
- Passt das Zeichen zu den übrigen Icons der Oberfläche?
Icons funktionieren am besten, wenn sie Entscheidungen erleichtern, statt neue Fragen aufzuwerfen. Dafür braucht es keine möglichst große Symbolsammlung. Eine kleine, konsistente Auswahl, geprüft im realen Nutzungskontext, macht eine Oberfläche oft verständlicher als ein dichtes Feld dekorativer Zeichen.