Sinds mei 2020 is de eerste versie van het NL Design System beschikbaar. Hoe is deze versie van het NL Design System tot stand gekomen? En hoe gaat de doorontwikkeling ervan? Reinout Tiekstra, digitaal strateeg bij DUO, stond aan de wieg van het design system en vertelt hier meer over.
Design system: kant-en-klare bouwstenen
DUO begon vijf jaar geleden met het ontwikkelen van een design system. ‘De ambitie was groot’, vertelt Reinout. ‘We wilden een consistente gebruiksvriendelijke ervaring voor alle gebruikers van onze websites en bijbehorende applicaties. Om dat te kunnen realiseren moest er één bron van informatie komen om het ontwerp en de ontwikkeling van al die verschillende websites makkelijker te maken.’
Gemeenschappelijke taal
‘Dat klinkt misschien logisch’ vervolgt Reinout, ‘maar het heeft veel tijd gekost om te realiseren. Voor het ontwikkelen van gebruiksvriendelijke digitale diensten zijn namelijk verschillende expertises en verschillende teams nodig. En om tot een eenduidig design system te komen moesten we allemaal dezelfde taal spreken. Daarom zijn we vaak bij elkaar gekomen om te bepalen wat de basis wordt van het design system zodat iedereen er mee uit de voeten kan. Dat proces kost nou eenmaal veel tijd.’
Vuistregels vaststellen
Allereerst zijn ontwerpprincipes en vuistregels vastgesteld. Een belangrijke eerste stap vertelt Reinout, ‘want als je dat namelijk niet doet, is het bijna onmogelijk om later de juiste keuzes te maken in interactiepatronen en componenten die je wilt gaan gebruiken. We hebben alleen díe componenten opgenomen in Uno die volgens ons aan de principes voldeden. Daarna hebben we gekeken hoe ieder DevOps-team binnen DUO er mee zou kunnen werken. Het design system mag geen belemmering vormen in een sprint. Een team heeft de vrijheid zelf een component te bouwen en aan Uno aan te bieden. Maar het team kan ook bugs melden en wensen doorgeven bij het Uno-team dat het design system continue onderhoudt en verbetert.’
De voordelen
Het design system heeft DUO veel opgeleverd. ‘We hoeven niet steeds opnieuw dezelfde functionaliteit te ontwerpen en te bouwen en terugkerende discussies over eenzelfde functionaliteit behoren tot het verleden’, zegt Reinout. ‘Daarnaast kunnen we veranderingen in bijvoorbeeld huisstijl gemakkelijk aanpassen. Voorheen kostte dat ontzettend veel tijd en energie om dit soort wijzigingen door te voeren. Ook het doorontwikkelen van de verschillende websites scheelt ons tijd; we hebben nu immers de bouwblokken al klaar! Daardoor kunnen we ons focussen op wat echt belangrijk is: het verbeteren van de kwaliteit van onze digitale diensten.’
Krachtig en robuust
Reinout is trots op het design system dat er nu ligt. Hij noemt het ‘krachtig’ en ‘robuust’. Onlangs heeft DUO een basis versie gedoneerd aan Gebruiker Centraal. ‘Ik heb er alle vertrouwen in dat Gebruiker Centraal het naar een hoger niveau kan tillen zodat het goed bruikbaar én breed gedragen wordt binnen de overheid.’
Eigenlijk is het NL Design System al van de overheid. Reinout roept met name designers en developers binnen de overheid op om mee te helpen het design system verder te ontwikkelen. ‘Denk, doe en help mee. Alles wat je aandacht geeft groeit en dat geldt natuurlijk ook voor het NL Design System’, aldus Reinout.
Op weg naar een betere overheidsdienstverlening
‘Daar sluit ik me volledig bij aan, vult Angela Imhof, projectleider NL Design System bij Gebruiker Centraal, aan. ‘Een design system dat niet actief gebruikt wordt heeft ten slotte geen waarde. Ik ben erg blij met de overdracht van de whitelabel variant van DUO naar Gebruiker Centraal. De software is open source (EUPL-licentie) en daarmee zonder drempels voor iedereen beschikbaar.’
Doorontwikkelen
De komende tijd wordt het NL Design System doorontwikkeld om er een stabiele, volwassen en breed in te zetten versie van te maken. Angela: ‘Dat doen we in werksessies waarin we onder meer de wensen en eisen van gebruikers in kaart brengen en criteria vaststellen voor het gebruik en beheer ervan. Verder pakken we voor de herkenbaarheid ook het ontwerp van het NL Design Sytem aan.’
Meedoen?
Wil je meer weten of graag meedoen? Neem dan contact op met Angela Imhof. Voor meer informatie kun je je ook aanmelden op ons Slackkanaal.