UI-Richtlinien erstellen
UI-Richtlinien legen verbindliche Standards fest, nach denen Teams, Agenturen und Entwickler einheitlich arbeiten.
Ausgangslage
Ohne gemeinsame Regeln liest jedes Team das Corporate Design etwas anders. Die Folge sind uneinheitliche Oberflächen, doppelte Arbeit und lange Abstimmungen. Mit UI-Richtlinien finden sich neue Partner schneller zurecht, und deine Marke tritt überall gleich auf.
Inhalt guter UI-Richtlinien
Grundlagen: Farben, Schrift, Raster, Abstände und Icons.
Komponenten: Varianten und Zustände von Buttons, Formularen, Menüs und Tabellen.
Interaktion: Verhalten bei Eingaben, Fehlern, Wartezeiten und Übergängen.
Barrierefreiheit: feste Regeln nach WCAG 2.2 AA für jede Komponente.
Sprache: Ton, Anrede und Regeln für Buttons und Fehlermeldungen.
Lebende Dokumentation
Ein PDF ist oft schon beim ersten Release veraltet. Wir setzen deshalb auf eine Bibliothek in Figma und echte Komponenten im Code, etwa in Storybook. Beide nutzen dieselben Design Tokens. Eine Änderung wirkt also in Design und Code zugleich. Die Dokumentation ist im Browser erreichbar, auch für externe Partner.
Vorgehen
Bestehende Regeln sammeln und Abweichungen zeigen.
Mit deinem Team verbindliche Standards festlegen.
Jede Komponente mit Beispielen und Code beschreiben.
Die Richtlinien in einer Schulung vorstellen.
Pflege und Verantwortung
Mit dir klären wir, wer Änderungen freigibt und wie neue Komponenten dazukommen. Auf Wunsch übernehmen wir die Pflege.