Komponentenvariante
Eine Komponentenvariante ist eine definierte Ausprägung eines gemeinsamen Bausteins. Sie unterscheidet sich vom vorübergehenden Bedienzustand.
Unterschiede innerhalb eines Bausteins festlegen
Eine Komponentenvariante ist eine bewusst definierte Ausprägung derselben UI-Komponente. Sie kann sich beispielsweise nach Bedeutung, Größe oder Einsatz unterscheiden. Welche Unterschiede Varianten bilden, legt das jeweilige Designsystem fest.
In einem vereinfachten Beispiel hat ein Button eine primäre Variante für die Hauptaktion und eine zurückhaltende Variante für eine Nebenaktion. Beide teilen grundlegende Regeln. Dass ein Button gerade den Tastaturfokus hat oder eine Anfrage verarbeitet, beschreibt dagegen einen vorübergehenden Zustand.
Ein Entwurfswerkzeug kann Varianten und Zustände technisch ähnlich abbilden; die fachliche Unterscheidung bleibt hilfreich. Eine Variante ist auch keine unabhängig kopierte Komponente. Bei einer Kopie können gemeinsame Änderungen verloren gehen. Neue Varianten sollten aus einem tatsächlichen wiederkehrenden Bedarf entstehen, damit der Baustein verständlich bleibt.
Quellen
Verwandte Begriffe
- UI-KomponenteEine UI-Komponente ist ein wiederverwendbarer Baustein einer Benutzeroberfläche. Zu ihrer Aufgabe gehören Darstellung und das erforderliche Verhalten.
- DesignsystemEin Designsystem verbindet Gestaltungsregeln, wiederverwendbare Bausteine und Nutzungshinweise. Es braucht Pflege und nachvollziehbare Änderungen.
- Design-HandoffBeim Design-Handoff wird ein Entwurf für die Umsetzung übergeben. Zustände, Verhalten und offene Entscheidungen müssen dabei nachvollziehbar sein.
- KomponentenbibliothekEine Komponentenbibliothek bündelt wiederverwendbare Oberflächenbausteine. Für ihre Nutzung zählen auch Verhalten, Varianten und die passende Version.
- Design-TokenEin Design-Token speichert eine benannte Gestaltungsentscheidung. Er lässt sich in mehreren Komponenten verwenden und gezielt ändern.
Beiträge zum Thema
Ihr Vorhaben mit ASES
Beschreiben Sie uns Ihr Vorhaben. Wir melden uns mit einer ersten Einschätzung.