UI-Komponente
Eine UI-Komponente ist ein wiederverwendbarer Baustein einer Benutzeroberfläche. Zu ihrer Aufgabe gehören Darstellung und das erforderliche Verhalten.
Einen Oberflächenbaustein wiederverwenden
Eine UI-Komponente ist ein abgegrenzter, wiederverwendbarer Baustein einer Benutzeroberfläche, etwa ein Button, Eingabefeld oder Dialog. Je nach Aufgabe umfasst sie Darstellung, Inhaltsschnittstellen und Verhalten. Eine Entwurfskomponente und ihre Implementierung im Code müssen dabei nicht automatisch synchron sein.
In einem beispielhaften Portal wird derselbe Button-Baustein für „Adresse speichern“ und „Bestellung prüfen“ verwendet. Beschriftung und Aktion unterscheiden sich. Die gemeinsame Komponente sorgt etwa für den sichtbaren Fokus und eine einheitliche Darstellung.
Ob eine Adresse fachlich gültig ist, entscheidet nicht der allgemeine Button. Diese Regel gehört zum jeweiligen Ablauf. Ein Design-Token wiederum liefert einzelne Gestaltungswerte für den Baustein. Bei Änderungen muss geprüft werden, welche Verwendungen der Komponente betroffen sind und ob ihr Verhalten weiterhin passt.
Quellen
Verwandte Begriffe
- DesignsystemEin Designsystem verbindet Gestaltungsregeln, wiederverwendbare Bausteine und Nutzungshinweise. Es braucht Pflege und nachvollziehbare Änderungen.
- KomponentenvarianteEine Komponentenvariante ist eine definierte Ausprägung eines gemeinsamen Bausteins. Sie unterscheidet sich vom vorübergehenden Bedienzustand.
- Design-TokenEin Design-Token speichert eine benannte Gestaltungsentscheidung. Er lässt sich in mehreren Komponenten verwenden und gezielt ändern.
- 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.
Beiträge zum Thema
Ihr Vorhaben mit ASES
Beschreiben Sie uns Ihr Vorhaben. Wir melden uns mit einer ersten Einschätzung.