UI-komponent
En UI-komponent er en gjenbrukbar del av et brukergrensesnitt. Oppgaven avgjør hvilken presentasjon og interaksjonsatferd som trengs.
Gjenbruk en byggestein i grensesnittet
En UI-komponent er en avgrenset, gjenbrukbar del av et brukergrensesnitt, for eksempel en knapp, et felt eller en dialogboks. Avhengig av oppgaven omfatter den presentasjon, grensesnitt for innhold og atferd. En designkomponent og kodeimplementeringen er ikke nødvendigvis automatisk synkronisert.
I et tenkt portaleksempel brukes samme knappkomponent til «Lagre adresse» og «Kontroller bestilling». Tekstene og handlingene er forskjellige. Den felles komponenten gir for eksempel synlig fokus og ensartet presentasjon.
En generell knapp avgjør ikke om en adresse oppfyller forretningsreglene. Den regelen hører til det aktuelle forløpet. En designtoken leverer enkelte designverdier til komponenten. Ved endringer må det kontrolleres hvilke brukssteder som påvirkes, og om atferden fortsatt passer.
Kilder
Beslektede begreper
- DesignsystemEt designsystem samler designregler, gjenbrukbare komponenter og bruksveiledning. Vedlikehold og sporbare endringer hører også med.
- KomponentvariantEn komponentvariant er en definert utgave av en felles byggestein. Den er forskjellig fra en midlertidig betjeningstilstand.
- DesigntokenDesigntokener lagrer navngitte designbeslutninger. Flere komponenter kan bruke dem, og verdier kan endres på definerte steder.
- DesignoverleveringVed designoverlevering gis et utkast videre til implementering. Tilstander, oppførsel og åpne beslutninger må være forståelige.
- KomponentbibliotekEt komponentbibliotek samler gjenbrukbare grensesnittdeler. Ved bruk teller også oppførsel, varianter og riktig versjon.
Artikler om temaet
Ditt prosjekt med ASES
Beskriv prosjektet ditt for oss. Vi tar kontakt med en første vurdering.