Designsysteem
Een designsysteem verbindt ontwerpregels, herbruikbare componenten en gebruiksrichtlijnen. Onderhoud en navolgbare wijzigingen horen erbij.
Gemeenschappelijke regels voor digitale interfaces
Een designsysteem is een onderhouden samenhang van ontwerpgrondslagen, herbruikbare componenten en gebruiksregels. Het kan kleuren, typografie, formuliervelden en foutgedrag beschrijven. Verantwoordelijkheden en wijzigingen horen er ook bij.
In een voorbeeldbedrijf gebruiken het klantportaal en de interne administratie hetzelfde invoerveld. Het designsysteem bepaalt het label, de hulptekst en de foutweergave. Elke toepassing beslist nog steeds welk adres of klantnummer volgens de bedrijfsregels geldig is.
Een componentenbibliotheek levert de bouwstenen; een designsysteem legt ook uit wanneer en hoe die worden gebruikt en verder ontwikkeld. Alleen een verzameling mooie ontwerpen vervult die taak niet. De reikwijdte moet passen bij werkelijk terugkerende interfaces, zodat onderhoud en opbrengst in verhouding blijven.
Bronnen
Verwante begrippen
- DesigntokenEen designtoken bewaart een benoemde ontwerpkeuze. Meerdere componenten kunnen die gebruiken en de waarde op één vastgelegde plek laten wijzigen.
- UI-componentEen UI-component is een herbruikbaar onderdeel van een gebruikersinterface. De taak bepaalt de benodigde weergave en het interactiegedrag.
- FocusvolgordeDe focusvolgorde bepaalt de route door elementen die focus kunnen krijgen. Ze moet betekenis en bedienbaarheid behouden, ook bij dynamische wijzigingen.
- ToetsenbordvalIn een toetsenbordval blijft de bediening in een gebied steken. Het bewust begrenzen van focus in een dialoog vraagt om een met het toetsenbord bedienbare uitgang.
- SkiplinkEen skiplink springt over herhaalde navigatie heen naar de hoofdinhoud. Ook de volgende toetsenbordstap moet op de juiste plek doorgaan.
- Toegankelijke naamDe toegankelijke naam benoemt een bedieningselement voor hulptechnologie. De naam moet de actie uitleggen en bij de zichtbare tekst passen.
Artikelen over dit onderwerp
Design & UX met ASES
Gebruikerservaring, interfaces en merkuitstraling