Konsistenz im Interface ist das Prinzip, gleiche Dinge in einer Oberfläche gleich zu benennen, gleich zu gestalten und gleich reagieren zu lassen. Wer den Speichern-Button einmal oben rechts gefunden hat, sucht ihn auf jeder weiteren Ansicht dort. Konsistenz spart damit Aufmerksamkeit, die für den Inhalt gebraucht wird, und sie gilt innerhalb eines Produkts ebenso wie gegenüber den Gewohnheiten aus anderen Websites.
- Konsistenz im Interface
Das Prinzip, gleiche Dinge in einer Oberfläche gleich zu benennen, gleich zu gestalten und gleich reagieren zu lassen.
Beispiel: „Der Button heißt im Portal Abschicken und im Shop Bestellen, obwohl er dasselbe tut.“Abgrenzung zum Design System: Das System ist das Werkzeug, mit dem Konsistenz hergestellt wird. Das Prinzip gilt auch ohne System, und ein System allein sorgt noch nicht dafür, solange die Regeln für den Einsatz fehlen.
Konsistenz nach außen heißt, verbreitete Muster zu übernehmen. In Nielsens vierter Heuristik steht sie gleichrangig neben der Konsistenz nach innen und wiegt im Zweifel schwerer.
Auf welchen Ebenen Konsistenz gilt
Konsistenz greift in der Optik, in der Sprache, im Verhalten und in der Position. Gleiche Bausteine sehen gleich aus, dieselbe Sache heißt überall gleich, dieselbe Handlung führt zum selben Ergebnis, und gleiche Elemente stehen an derselben Stelle. Am häufigsten reißt die Sprache: In vielen Projekten trägt derselbe Vorgang je nach Ansicht drei Namen, weil die Texte zu unterschiedlichen Zeiten von unterschiedlichen Leuten geschrieben wurden.
Die Barrierefreiheit verlangt hier ein Minimum. Das Erfolgskriterium 3.2.4 der WCAG schreibt vor, dass Funktionen, die auf mehreren Seiten dasselbe tun, auch gleich bezeichnet werden.
Wann eine Abweichung die bessere Wahl ist
Konsistenz ist ein Mittel und kein Selbstzweck. Wo eine Handlung sich nicht zurücknehmen lässt, darf sie aus dem Muster fallen: Ein Löschen-Button in derselben Farbe wie „Speichern“ ist konsistent und gefährlich. Auch eine bewusst herausgehobene Stelle, etwa der eine Abschluss-Button in einem langen Formular, lebt davon, dass sie auffällt. Die Regel lautet deshalb: Gleich aussehen darf, was gleich funktioniert.
Wie Konsistenz im Alltag gehalten wird
Konsistenz hält sich dort, wo die Abweichung mehr Arbeit macht als der vorgesehene Weg. Praktisch heißt das: ein benannter Wert je Entscheidung, überall referenziert, statt einer Zahl, die in jedem Baustein neu eingetragen wird.
:root {
--color-action: #1d4ed8;
--radius-control: 6px;
--space-control-y: 0.75rem;
}
.button,
.input {
border-radius: var(--radius-control);
padding-block: var(--space-control-y);
}Für die Sprache gibt es das Gegenstück in einer kurzen Wortliste: eine Spalte mit den Begriffen, die benutzt werden, eine mit denen, die dafür nicht mehr vorkommen. Zwei Seiten genügen, und sie beantworten im Redaktionsalltag mehr Fragen als ein ausführliches Regelwerk.