Terug

Design Systems, dé manier om snel producten op te schalen en uit te breiden.

Auteur: Joost Wiltink - UX Designer

In de snelle dynamische wereld van digitale productontwikkeling is consistentie cruciaal. Dat is een van de redenen waarom we bij Nerds & Company werken met design systems. Een design system is een uitgebreide set van gestandaardiseerde componenten en richtlijnen die ervoor zorgen dat jouw merk- en gebruikerservaring over alle producten en platforms consistent blijft en beleeft wordt. Maar er zijn nog veel meer redenen waarom wij fan zijn van design systems! 

Wat zijn design systems en waarom zetten wij ze graag in?

Design systems zijn in feite dus een soort uitgebreide handleidingen voor het ontwerpen en ontwikkelen van websites, apps of andere software applicaties binnen een organisatie. Ze bevatten vaak gedetailleerde richtlijnen over kleurgebruik, typografie, ruimtelijke relaties tussen elementen, interactiepatronen en nog veel meer. Een goed design system zorgt dus voor meer consistentie, efficiëntie en schaalbaarheid bij het ontwikkelen van nieuwe digitale producten. We vertellen je graag waarom wij zo fan zijn van design systems in waarom we deze inzetten in ons ontwikkelproces.

6 redenen om design systems in te zetten in jouw project.

1. Consistentie voor een betere gebruikerservaring

Het grootste voordeel van een design system is de mogelijkheid om consistente gebruikerservaringen te creëren. Consistentie in je design draagt bij aan het verbeteren van de herkenbaarheid van een merk en verhoogt het gebruiksgemak tijdens het gebruik van software aanzienlijk. Met een design system kun je ervoor zorgen dat de visuele identiteit van jouw bedrijf wordt gestandaardiseerd over al je verschillende (digitale) producten.

2. Efficiëntie om te besparen op ontwikkelkosten en middelen

Een design system bevat een verzameling van herbruikbare componenten zoals knoppen, invoervelden, navigatiebalken, etc. Deze componenten zijn uitgewerkt in zowel het visuele design in bijvoorbeeld Figma, en in code. In plaats van zo'n button of knop elke keer opnieuw te programmeren, wordt er een component van gemaakt die makkelijk te hergebruiken is. Dit zorgt ervoor dat designers en developers snel en efficiënt kunnen werken en dat de uitwerking uiteindelijk ook consistent is. Een goed design system bespaart dus enorm op ontwikkelkosten en middelen, waardoor het bouwen veel efficiënter en effectiever verloopt. 

3. Een betere samenwerking en communicatie

Een design system biedt een gemeenschappelijke taal voor ontwerpers, developers, product managers en andere betrokkenen. Het helpt dus misverstanden te voorkomen en zorgt ervoor dat iedereen op hetzelfde niveau zit. Dit bevordert de samenwerking tussen de verschillende mensen die betrokken zijn bij een productontwikkelproces. 

4. Een betere schaalbaarheid gericht op de toekomst

Een design system is schaalbaar. Het helpt om sneller nieuwe functionaliteiten uit te denken en te implementeren zonder dat de kwaliteit van de consistentie erop achteruit gaat. Of je nu een nieuw product introduceert of een bestaand product uitbreidt, het design system kan snel worden ingezet en aangepast om nieuwe functies en elementen te ondersteunen.

5. Toegankelijkheid voor iedereen

Een goed ontworpen design system houdt rekening met alle soorten gebruikers, ook de mensen met bijvoorbeeld een beperking. Door dit soort richtlijnen consistent door te voeren, zorg je ervoor dat je producten toegankelijk zijn voor een breed scala aan mensen.

6. Makkelijk in onderhoud

Met een design system wordt het makkelijker om designs en code te onderhouden. Wanneer er een wijziging moet worden doorgevoerd, kunnen deze in het design system worden aangepast, waarna ze automatisch worden doorgevoerd in alle digitale producten waarin het design system wordt toegepast.

Het toepassen van design systems

Een design system is dus niet alleen een efficiënt hulpmiddel voor ontwerpers en ontwikkelaars, het is een strategische investering in de toekomst van je bedrijf. Design systems zijn vooral interessant voor partijen die één of meerdere digitale producten hebben die bestaan uit veel verschillende onderdelen. Door het toepassen van een design system in je digitale producten zorg je dus voor een betere consistentie die het gebruiksgemak aanzienlijk verbeterd, een efficiëntere manier van ontwikkelen, het verbeteren van de samenwerking en communicatie, het verhogen van de schaalbaarheid van jouw producten, het toegankelijk maken voor allerlei soorten gebruikers, je producten zijn makkelijker te onderhouden en het is makkelijker om wijzigingen door te voeren.

Case: Het inzetten van een design system voor We Are Eves

Wist je dat je gemiddeld vijf cosmeticaproducten koopt voordat je uiteindelijk het product vindt dat echt werkt voor jou? That's where We Are Eves comes in… We Are Eves wordt gezien als hét cosmetica-platform met honderdduizenden productreviews. Niet gesponsord, wel eerlijk. Zij hebben als doel het meest betrouwbare cosmetica-platform worden waar mensen over de hele wereld van elkaar leren, elkaar helpen en zo de beste producten kunnen ontdekken. We Are Eves zat met hun handen in het haar… Een outdated ontwerp van hun platform met wel wat nieuwe ideeën, echter waren deze niet realiseerbaar en niet schaalbaar. Niets was consistent en ze werkten met mobile-only. Maar misschien nog wel het grootste achterliggende probleem was toch wel om zonder designers toch een consistent platform te creëren met de beste user experience. Een van de wensen van We Are Eves is dat de pagina’s op het nieuwe platform flexibel op te zetten zijn, zodat ze zelf de mogelijkheid hadden om gemakkelijk wijzigingen door te voeren. Voor ons als Nerds een goede reden om de keuze te maken om gebruik te maken van een design system. Dit zorgt namelijk voor consistentie in het ontwerp en een verhoging van de algehele gebruikerservaring op de site. Daarnaast krijgen de developers hierdoor een handvat om schaalbaar te bouwen zonder consistentie te verliezen.  

Atomic Design principe

Bij het maken van het nieuwe design system voor We Are Eves hebben we gebruikgemaakt van het Atomic Design principe. Dit principe is bedacht door Brad Frost. Op deze manier kunnen we bestaande componenten makkelijk hergebruiken en opnieuw combineren, wat de ontwikkeltijd aanzienlijk verkort. Door het inzetten van een design system is het toewerken naar een nieuw platform voor We Are Eves een stukje makkelijker geworden en zetten zij een grote stap richting de toekomst.

Net zo fan geworden van design systems als wij?

Ben je nu ook fan geworden van design systems? Of ben je benieuwd naar hoe een design system jouw bedrijf kan helpen groeien? Neem gerust vrijblijvend contact met ons op!