UI-component
Een UI-component is een herbruikbaar onderdeel van een gebruikersinterface. De taak bepaalt de benodigde weergave en het interactiegedrag.
Een interfacebouwsteen hergebruiken
Een UI-component is een afgebakend, herbruikbaar onderdeel van een gebruikersinterface, zoals een knop, invoerveld of dialoogvenster. Afhankelijk van de taak omvat die weergave, aansluitingen voor inhoud en gedrag. Een ontwerpcomponent en de implementatie in code zijn niet vanzelf gesynchroniseerd.
In een voorbeeldportaal wordt dezelfde knopcomponent gebruikt voor ‘Adres opslaan’ en ‘Bestelling controleren’. De labels en acties verschillen. De gedeelde component zorgt bijvoorbeeld voor zichtbare focus en een eenduidige weergave.
Een algemene knop beslist niet of een adres aan de bedrijfsregels voldoet. Die regel hoort bij de betreffende werkwijze. Een designtoken levert afzonderlijke ontwerpwaarden voor de bouwsteen. Bij wijzigingen moet worden gecontroleerd welke toepassingen worden geraakt en of het gedrag nog past.
Bronnen
Verwante begrippen
- DesignsysteemEen designsysteem verbindt ontwerpregels, herbruikbare componenten en gebruiksrichtlijnen. Onderhoud en navolgbare wijzigingen horen erbij.
- ComponentvariantEen componentvariant is een vastgelegde vorm van een gedeelde bouwsteen. Ze verschilt van een tijdelijke bedieningstoestand.
- DesigntokenEen designtoken bewaart een benoemde ontwerpkeuze. Meerdere componenten kunnen die gebruiken en de waarde op één vastgelegde plek laten wijzigen.
- OntwerpoverdrachtBij ontwerpoverdracht gaat een ontwerp naar de ontwikkeling voor uitvoering. Toestanden, gedrag en open besluiten moeten daarbij duidelijk zijn.
- ComponentenbibliotheekEen componentenbibliotheek bundelt herbruikbare interfaceonderdelen. Bij gebruik tellen ook gedrag, varianten en de juiste versie mee.
Artikelen over dit onderwerp
Uw project met ASES
Beschrijf ons uw project. We nemen contact met u op met een eerste inschatting.