Komponentvariant
En komponentvariant är en definierad form av en gemensam byggsten. Den skiljer sig från ett tillfälligt interaktionstillstånd.
Definiera skillnader inom en komponent
En komponentvariant är en medvetet definierad form av samma UI-komponent. Den kan skilja sig efter betydelse, storlek eller användning. Varje designsystem avgör vilka skillnader som utgör varianter.
I ett förenklat exempel har en knapp en primär variant för huvudåtgärden och en mer nedtonad variant för en sekundär åtgärd. Båda delar grundregler. Att ha tangentbordsfokus eller bearbeta en begäran beskriver däremot ett tillfälligt tillstånd.
Ett designverktyg kan representera varianter och tillstånd på tekniskt liknande sätt; den begreppsliga skillnaden är ändå användbar. En variant är inte heller en fristående kopia av komponenten. Kopior kan missa gemensamma uppdateringar. Nya varianter bör utgå från ett verkligt återkommande behov så att komponenten förblir begriplig.
Källor
Relaterade begrepp
- UI-komponentEn UI-komponent är en återanvändbar del av ett användargränssnitt. Uppgiften avgör vilken presentation och vilket interaktionsbeteende som behövs.
- DesignsystemEtt designsystem förenar designregler, återanvändbara komponenter och användningsvägledning. Underhåll och spårbara ändringar ingår också.
- 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.
- DesigntokenDesigntokens lagrar namngivna designbeslut. Flera komponenter kan använda dem och värden kan ändras på bestämda platser.
Artiklar om ämnet
Ditt projekt med ASES
Beskriv ditt projekt för oss. Vi hör av oss med en första bedömning.