Een design system opzetten

Hoe zou het zijn om razendsnel te kunnen lanceren met nieuwe producten of applicaties? Om geen tijd te verliezen in onnodige design gerelateerde discussies? Om duidelijkheid te hebben binnen je gehele projectteam? Geweldig, toch? We nemen je mee in het fenomeen van het design system, die precies dit mogelijk maakt.

Wat is een design system?

Een design system is een verzameling van richtlijnen die bepaalt hoe jouw onderneming of merk zich visueel uit. Dit komt tot stand door het vastleggen van onder andere kleuren, typografie, componenten en code standaarden. Het is een nieuwe kijk op design waarbij componenten hergebruikt worden in plaats van het iedere keer opnieuw opbouwen hiervan. Zie het als een grote bak met LEGO - vol met verschillende stenen. Ieder in z'n eigen kleur en maat. Door deze stenen te hergebruiken kun je snel en eenvoudig nieuwe ontwerpen maken. Zo hoef je niet elk blokje individueel opnieuw te bouwen.

Waarom een design system?

Er zijn veel redenen waarom een design system niet meer weg te denken is bij bedrijven als Airbnb en Spotify.

Consistentie

Net als veel startups, liep Spotify in de eerste fase aan tegen een een steeds groter wordende inconsistentie in hun gebruikservaring. Ze hadden simpelweg geen richtlijnen. Dus moest alles keer op keer opnieuw ontworpen worden. Een design system brengt structuur en consistentie en zorgt voor een single source of truth voor design en code van nieuwe producten en applicaties.

Building a brand

Een design system zorgt ervoor dat jouw merk wordt gezien zoals jij dat wil. Dit zorgt voor herkenbaarheid en vertrouwen. Daarnaast geeft het ook intern duidelijkheid. Een design team die samenwerkt vanuit dezelfde regels. Het interne of externe development team die optimaal samen kunnen werken aan jouw brand.

Sneller lanceren

Doordat een design system wordt opgedeeld in verschillende componenten, kunnen nieuwe producten sneller gelanceerd worden. En dus sneller getest. En sneller doorontwikkeld. Veel voordelen dus, voor jou en jouw doelgroep.

Waar bestaat een design system uit?

Een design system bestaat uit verschillende componenten op het gebied van design en techniek. De eerste stap is het analyseren van bestaan inconsistenties. Welke punten kunnen aangepakt worden om het design system compleet te maken? Of beginnen we vanaf scratch? Het is belangrijk om meerdere disciplines binnen het bedrijf te betrekken bij de ontwikkeling.

De volgende punten worden in een design system opgenomen:

• Styleguide: een document waar alle richtlijnen op het gebied van het design van jouw bedrijf zijn vastgelegd, zoals kleuren, typografie, iconen, logo gebruik, etc.
• User Interface (UI) elementen: een verzameling van design elementen die over meerdere platformen en producten hergebruikt worden. Denk aan buttons, elementen en templates. Dit kan middels Atomic Design opgebouwd worden.
• Tech stack: een duidelijke documentatie van de gebruikte technieken. Hoe wordt de code opgebouwd? Welke richtlijnen worden hiervoor gehanteerd? Zo ontstaat er duidelijkheid en consistentie bij de developers en werken wij aan een schaalbaar product.

Wanneer ontwikkel je een design system?

Nu de voordelen van het ontwikkelen van een design system duidelijk zijn, is de vraag die rest; wat is het juiste moment om een design system te ontwikkelen? In het opzetten van een design system gaat natuurlijk tijd zitten en dat is best een investering. Gezien de vele voordelen levert het echter ook snel veel meerwaarde op.

Een design system wordt daarom idealiter in een zo vroeg mogelijk stadium opgezet. Zo staan alle gezichten direct dezelfde kant op en staat jouw brand op de kaart. Net als ieder bedrijf, verandert ook een design system door de tijd heen, door deze continu aan te scherpen of aan te vullen.

Daarbij is het belangrijk om de huidige doelen en uitdagingen in kaart te brengen. Zoek je meer connectie met de doelgroep? Wil je snel en efficiënt nieuwe functionaliteiten lanceren? Dan biedt een design system veel voordelen. Wil je een pilot draaien met een besloten groep? Wil je marktacceptatie testen? Dan is een design system fijn, maar niet noodzakelijk.

Conclusie

Een design system biedt op meerdere vlakken veel meerwaarde; voor het ontwikkelteam, de werknemers en jouw doelgroep. Het helpt je bedrijf aan meer consistentie en professionaliteit. En dat zorgt voor meer business. Is een design system een vereiste voor het succes van ieder bedrijf? Niet per se. Kan het veel bedrijven helpen naar de volgende stap? Zeer zeker!