Dateien & Vorlagen
08 / Komponenten

Klarheit, die sich bedienen lässt.

Interaktionen folgen derselben Haltung wie unsere Kommunikation: klare Aktionen, sichtbare Zustände und ein verständlicher nächster Schritt.

08.1

Eine Hauptaktion pro Abschnitt

Buttons benennen die nächste Aktion. Primär für den wichtigsten Schritt, sekundär für eine Alternative, Textlinks für ergänzende Wege. Jede Aktion bekommt einen sichtbaren Tastaturfokus.

08.2

Zustände verständlich machen

✓ Abgeschlossen◷ In Bearbeitung! Prüfung erforderlich

Text und Symbol tragen die Bedeutung gemeinsam. Fachliche Statusfarben werden nicht aus der Markenpalette abgeleitet. Für produktive Oberflächen die bestehenden Produktkomponenten verwenden.

08.3

Struktur statt Box um alles

Ein klarer nächster Schritt

Wissen, wer übernimmt.

Eine Überschrift, eine verständliche Erklärung, eine Aktion. Abstände und Typografie verbinden die Inhalte.

Sprache & Ton ansehen

Cards brauchen einen Grund: eine eigenständige Auswahl, ein Angebot oder ein klar abgegrenztes Ergebnis. Gewöhnliche Absätze brauchen keine eigene Box.