Steeds meer organisaties maken voor de bouw van digitale diensten en producten gebruik van een Design System. Een Design System maak je niet zomaar. Het kost wat tijd en toewijding om het goed neer te zetten, maar de voordelen zijn groot.

Met een Design System kun je sneller ontwerpen, beter bouwen. Je hebt meer tijd voor onderzoek. Je merkervaring wordt consistenter. Je toegankelijkheid krijgt een boost – zo kunnen we nog wel even doorgaan.

Dus als je de komende tijd ergens in investeert, laat het dan een Design System zijn. 

Met een Design System kunnen designers zich richten op de ervaring van de klant, in plaats van zich druk te maken over pixels en de grootte van buttons.

Bjorn Post

Verder praten?

Bjorn Post — Lead Product Design

bjorn@valsplat.nl 020 330 54 54
Overzicht van componenten in het design system van NS (Nessie)
Een preview van Nessie – het Design System dat we ontwierpen voor NS.

Wat is een Design System precies?

Een Design System is moeilijk te definiëren – het is namelijk heel veel tegelijk. Als we het samenvatten, komt het ongeveer neer op het volgende:
 

  1. Een Design System is een werkwijze. Het maakt duidelijk wat binnen een organisatie de manier is om interfaces te ontwikkelen. Welke processen gevolgd worden. Het versimpelt en versoepelt de samenwerking tussen ontwerpers, ontwikkelaars, marketeers en andere stakeholders.
     
  2. Een Design System is een toolbox, een georganiseerde bibliotheek van herbruikbare componenten. Het bevat code, design en richtlijnen – voor bijvoorbeeld toegankelijkheid, typografie, kleurgebruik, componenten, patronen en templates.
Een preview van Brandshift – het Design System dat we ontwierpen voor Randstad
Een preview van Brandshift – het Design System dat we ontwierpen voor Randstad.

Zo bouwen wij je Design System

De kwaliteit van je Design System valt of staat met de manier waarop het tot stand komt. Er zijn verschillende aanvliegroutes, verschillende manieren van werken. Op hoofdlijnen pakken wij het zo aan:
 

  1. Team samenstellen. Je hebt een team van experts nodig. De naam​‘Design System’ wekt misschien de indruk dat het een design-feestje is, maar dat is niet zo: development speelt net zo’n grote rol.
     
  2. Inventariseren. Is er een styleguide? Welke componenten worden nu gebruikt? En waar zitten de inconsistenties? We gaan door je huidige producten en diensten heen. Op basis daarvan maken we een lijst van componenten die we nodig hebben.
     
  3. De fundamentals. Voordat we je componenten ontwerpen, werken we aan de fundamentals, de basis van je ontwerp: kleuren, typografie, iconen.
     
  4. Componenten ontwikkelen. We ontwerpen de componenten die uit de inventarisatie zijn gekomen. Met die componenten kun je straks al je digitale producten en diensten in elkaar klikken.
     
  5. Patterns en templates. Het is zonde als er binnen je teams dubbel werk wordt gedaan. Daarom nemen we veel voorkomende patronen en pagina’s ook op in het Design System.
     
  6. Adoptie. We kunnen het allermooiste Design System ontwerpen, maar als teams het niet gebruiken, is het weinig waard. Daarom nemen we de uiteindelijke gebruikers van het Design System mee in alles wat we doen – vanaf de eerste dag.

Wat je van ons mag verwachten

We zijn designers die altijd denken vanuit de klant. Designers met een onderzoeksbril. Dit is wat je van ons mag verwachten als we voor je aan de slag gaan:
 

  • We ontwerpen toegankelijk. We vinden het belangrijk dat een zo groot mogelijke groep uit de voeten kan met ons design – ook mensen met een (fysieke) beperking of beperkte digitale vaardigheden. 
     
  • Functionaliteit op één. Design moet niet alleen sexy zijn – het moet vooral heel fijn werken. Een strakke informatiestructuur. Intuïtieve interacties. Copy die lekker leest en duidelijk is. Goed design maakt moeilijke dingen makkelijk.
     
  • Altijd op basis van inzicht. Achter al ons ontwerp zit een idee. We maken niet zomaar iets. Goed design komt voort uit uitzicht: in de klant, in de organisatie, in wat technisch kan. 
Bjorn Post

Aan de slag met je Design System?

Bjorn Post — Lead Product Design

bjorn@valsplat.nl 020 330 54 54