Ga naar hoofdinhoud

Project

Veelgestelde vragen

Op deze pagina geven we antwoord op vragen die regelmatig aan het kernteam van NL Design System gesteld worden.

Wat is het NL Design System?

NL Design System is een project dat specialisten van verschillende overheidsorganisaties laat samenwerken aan concrete oplossingen voor websites en applicaties. Denk bijvoorbeeld aan code, ontwerp en richtlijnen.

Het doel: organisaties hoeven minder vaak hetzelfde wiel uit te vinden, en hebben meer tijd om gebruikers centraal te stellen. Zo worden online overheidsomgevingen consistenter, gebruiksvriendelijker en toegankelijker.

Hoe werkt het NL Design System?

Het NL Design System bestaat uit verschillende soorten onderdelen:

  • Richtlijnen: adviezen over verschillende onderwerpen, zoals het maken van formulieren.
  • Componenten: bouwblokken waarmee websites en applicaties worden opgebouwd, zoals buttons, invulvelden en tabellen.
  • Patronen: voorbeelden van hoe componenten samen kunnen worden gebruikt voor specifieke taken die gebruikers willen doen, op basis van inzichten uit gebruikersonderzoek.
  • Er is ook een handboek over het gebruik van NL Design System.

De community neemt het initiatief voor deze onderdelen, bijvoorbeeld wanneer een gemeente of ministerie een specifiek component of patroon nodig heeft.

Het kernteam geeft ondersteuning als blijkt dat meer organisaties datzelfde component willen gebruiken. Dan wordt er samengewerkt aan een ultieme versie, waarop het kernteam regie voert, kwaliteit bewaakt en garanties geeft. Dit doen we met het ‘estafettemodel’. Hierin krijgen richtlijnen, componenten en patronen een status, die aangeeft hoe ver ze zijn gevorderd.

Wat is het estafettemodel? Hoe werkt dat model?

De aanpak binnen NL Design System om samen te werken noemen we het ‘estafettemodel’. Hierin krijgen richtlijnen, componenten en patronen een status, die aangeeft hoe ver ze zijn gevorderd. Zo gaan onderdelen van ‘Help Wanted’ naar ‘Community’ naar ‘Candidate’ naar ‘Hall of Fame’. Elke stap heeft een eigen checklist, waarmee we kwaliteit waarborgen en bepalen wie wat doet.

Elke stap heeft ook een eigen doel. De ‘Community’ stap geeft organisaties alle vrijheid om te innoveren en van elkaar te gebruiken. In de ‘Candidate’ stap is het onderdeel algemener gemaakt, breder ingezet en klaar voor de laatste feedback. Tot slot wordt het onderdeel definitief in de ‘Hall of Fame’ stap, met garanties op toegankelijkheid en gebruiksvriendelijkheid.

Door zo'n uitgebreid stappenplan te doorlopen, zorgen we voor een aantal zekerheden:

  • Goed onderzocht: we nemen gebruikersonderzoek als basis voor bruikbare richtlijnen, componenten, patronen en betere toegankelijkheid.
  • Publiek beschikbaar: we maken open source werken makkelijker, waardoor samenwerken makkelijk wordt.
  • Samen ontwikkeld: oplossingen worden gebouwd en gebruikt door een actieve community.
  • Breed gedragen: onderdelen zijn bij meerdere organisaties gebruikt en daardoor getest met zoveel mogelijk verschillende use cases.

Waarom maken jullie niet gewoon zelf componenten en patronen?

We ontwikkelen de onderdelen niet zelf, omdat we de doelen van deelnemende organisaties centraal willen stellen. En, nog belangrijker, de behoeften van hun gebruikers. Doordat specialisten in de community samenwerken stimuleren we vanaf het begin breed draagvlak. Zo worden oplossingen direct in de praktijk gebruikt en kunnen ze gelijk met de juiste doelgroep worden getest.

Waarom hebben jullie een community? Wat doet die voor mij?

Overheidsorganisaties hebben veel overlap in de online diensten die ze aanbieden. Die overlap maakt samenwerken logisch en dat doen wij als community. Want als we dezelfde uitdagingen hebben, kunnen we vast ook van elkaar leren wat betreft oplossingen.

Als organisatie die meewerkt aan NL Design System beslis je dus mee over nieuwe ‘bouwblokken’, profiteer je van wat er al is en maak je gebruik van de expertise van het kernteam én de rest van de community.

Welke richtlijnen en componenten kan ik nu direct gebruiken om mijn website gebruiksvriendelijk en toegankelijk te krijgen?

In de community zijn al veel verschillende richtlijnen en componenten te vinden. De richtlijnen zijn direct op deze website te vinden, voor de componenten kun je terecht bij de organisaties waar ze gemaakt zijn. Op de pagina componenten vind je links naar de relevante Storybooks en Figma-bestanden.

Voor vragen, design of development: meld je gerust in de Slack-community van Code for NL (kanaal #nldesignsystem).

Ik wil NL Design System gaan gebruiken voor mijn toegankelijkheidsopgave maar waar moet ik beginnen?

NL Design System helpt op dit moment op twee manieren bij de toegankelijkheidsopgave van organisaties:

  1. Onze richtlijnen worden gebruikt als kennisbank. Ze bevatten concrete adviezen over wat er nodig is en waarom. Er zijn do's en don'ts, voorbeelden waarmee je aan WCAG kunt voldoen en tips die verder dan gaan de WCAG.
  2. Onze componenten kunnen worden gebruikt om toegankelijke producten te maken. Als componenten de laatste fase hebben bereikt (Hall of Fame), garanderen we zelfs dat ze voldoen aan toegankelijkheidseisen én zijn ze in productie getest.

Mijn leverancier heeft vragen over NL Design System. Naar wie van jullie kan ik hem verwijzen?

Veel organisaties werken met NL Design System via hun leveranciers. Bijvoorbeeld doordat hun leveranciers onze componenten gebruiken, of meedoen in de community.

Ben je zelf leverancier en wil je voor klanten met NL Design System aan de slag? Neem dan contact op met het kernteam, we helpen je graag op weg.

Ik wil mijn manager voorstellen om mee te doen met NL Design System. Wat zijn de kosten en doorlooptijd? Waar moet ik zelf voor zorgen?

Meedoen is gratis en kan stap voor stap. De kosten voor organisaties zitten in het beschikbaar stellen van mensen en de tijd vrijmaken waarin ze samenwerken.

Zijn er al andere organisaties die meedoen?

NL Design System wordt gebruikt in verschillende projecten van overheidsorganisaties door heel Nederland. Veel van deze projecten zijn in ontwikkeling, sommige projecten staan live. Op de pagina ‘Wie doet mee?’ vind je een overzicht van organisaties die zelf en/of via hun leveranciers meedoen met NL Design System.

Meedoen kan op allerlei manieren, van alleen gebruiken tot zelf meebouwen:

Hoe is security geregeld binnen NL Design System?

Het kernteam helpt de community om hun repository's vers en veilig te houden, zodat iedereen gerust gebruik kan maken van de componenten en thema's.

  • Alle code wordt verplicht door een tweede teamlid gecontroleerd.
  • Elke dag worden backups gemaakt van de NL Design System projecten op GitHub.
  • Elke maand werken we samen om updates te installeren.
  • De updates gaan niet automatisch, alle wijzigingen worden door twee personen gecontroleerd.
  • Organisaties die werken op github.com/nl-design-system worden geholpen met infrastructuur die toegang tot de code en de integriteit van de code bewaakt.
  • Twee-factor-authenticatie (2FA) is verplicht voor alle bijdragen aan NL Design System.
  • Alle code controleren we automatisch op secure coding practices, en voldoen aan die regels is verplicht.

We passen best practices toe om te zorgen dat deze repository's up to date en veilig blijven, zoals automatisch instellen van rechten, branch protection en procedures voor het regelmatig updaten van dependency's.

Hoe volwassen is NL Design System? Is nu een goed moment om aan te sluiten?

Wie meedoet sluit aan bij een grote en steeds groeiende community van specialisten:

  • De vier grootste gemeenten en diverse landelijkse overheidsorganisaties, zoals RVO en Logius, werken nu al binnen NL Design System samen onder een gedeelde architectuur.
  • In totaal zijn er tientallen richtlijnen en al zo'n 180 componenten in gebruik.
  • Op Slack is er een community van 600+ mensen en er zijn maandelijks samenwerkdagen waar ontwerpers, ontwikkelaars en leveranciers samenwerken.

Als je nu meedoet, kun je:

  • bestaande componenten uit de community gebruiken en uitbreiden.
  • makkelijk één product ontwikkelen en met meerdere organisaties en huisstijlen gebruiken.
  • meeliften op toegankelijkheidsverbeteringen in componenten.
  • gebruik maken van expertise uit het kernteam en de community.