UI-komponent
En UI-komponent är en återanvändbar del av ett användargränssnitt. Uppgiften avgör vilken presentation och vilket interaktionsbeteende som behövs.
Återanvänd en byggsten i gränssnittet
En UI-komponent är en avgränsad, återanvändbar del av ett användargränssnitt, exempelvis en knapp, ett fält eller en dialogruta. Beroende på uppgiften omfattar den presentation, gränssnitt för innehåll och beteende. En designkomponent och dess kodimplementation är inte nödvändigtvis automatiskt synkroniserade.
I ett tänkt portalexempel används samma knappkomponent för ”Spara adress” och ”Granska beställning”. Texterna och åtgärderna skiljer sig åt. Den gemensamma komponenten ger exempelvis synligt fokus och enhetlig presentation.
En generell knapp avgör inte om en adress uppfyller verksamhetens regler. Den regeln hör till det aktuella flödet. En designtoken ger enskilda designvärden till komponenten. Vid ändringar behöver berörda användningar och beteendets fortsatta lämplighet kontrolleras.
Källor
Relaterade begrepp
- DesignsystemEtt designsystem förenar designregler, återanvändbara komponenter och användningsvägledning. Underhåll och spårbara ändringar ingår också.
- KomponentvariantEn komponentvariant är en definierad form av en gemensam byggsten. Den skiljer sig från ett tillfälligt interaktionstillstånd.
- DesigntokenDesigntokens lagrar namngivna designbeslut. Flera komponenter kan använda dem och värden kan ändras på bestämda platser.
- DesignöverlämningVid en designöverlämning lämnas ett utkast vidare för implementering. Tillstånd, beteende och öppna beslut måste gå att förstå.
- KomponentbibliotekEtt komponentbibliotek samlar återanvändbara gränssnittsdelar. Vid användning spelar även beteende, varianter och rätt version roll.
Artiklar om ämnet
Ditt projekt med ASES
Beskriv ditt projekt för oss. Vi hör av oss med en första bedömning.