UI-komponent
En UI-komponent er en genbrugelig del af en brugergrænseflade. Opgaven bestemmer den nødvendige visning og interaktionsadfærd.
Genbrug en byggesten i grænsefladen
En UI-komponent er en afgrænset, genbrugelig del af en brugergrænseflade, eksempelvis en knap, et felt eller en dialogboks. Afhængigt af opgaven omfatter den visning, grænseflader til indhold og adfærd. En designkomponent og dens kodeimplementering er ikke nødvendigvis automatisk synkroniseret.
I et tænkt portaleksempel bruges samme knapkomponent til “Gem adresse” og “Kontrollér bestilling”. Tekster og handlinger er forskellige. Den fælles komponent sørger eksempelvis for synligt fokus og ensartet visning.
En generel knap afgør ikke, om en adresse opfylder forretningsreglerne. Reglen hører til det konkrete forløb. En designtoken leverer enkelte designværdier til komponenten. Ved ændringer skal det kontrolleres, hvilke anvendelser der påvirkes, og om adfærden stadig passer.
Kilder
Relaterede begreber
- DesignsystemEt designsystem forbinder designregler, genbrugelige komponenter og brugsvejledning. Vedligeholdelse og sporbare ændringer hører også til.
- KomponentvariantEn komponentvariant er en defineret udgave af en fælles byggesten. Den adskiller sig fra en midlertidig betjeningstilstand.
- DesigntokenDesigntokens gemmer navngivne designbeslutninger. Flere komponenter kan bruge dem, og værdierne kan ændres definerede steder.
- DesignoverdragelseVed designoverdragelse afleveres et design til implementering. Tilstande, adfærd og åbne beslutninger skal være forståelige.
- KomponentbibliotekEt komponentbibliotek samler genanvendelige grænsefladeelementer. Adfærd, varianter og den rigtige version tæller også ved brugen.
Artikler om emnet
Dit projekt med ASES
Beskriv dit projekt for os. Vi vender tilbage med en første vurdering.