Introductie
Welkom designer 👋
Leuk dat je er bent! Of je nu mee wilt bijdragen aan NL Design System of simpelweg even wilt rondneuzen, als designer is dit een goed startpunt.
Wat is NL Design System?
NL Design System zit net even anders in elkaar. Waar veel design systems een specifieke organisatie bedienen, werkt NL Design System met organisaties verspreid over de hele overheid: van gemeenten tot Rijk.
Meer informatie over NL Design System
Community en kernteam
Bij NL Design System werken specialisten uit overheidsorganisaties, van gemeenten tot de Rijksoverheid, samen aan betere digitale dienstverlening. Het kernteam faciliteert deze samenwerking. Tot de specialisten behoren bijvoorbeeld ontwerpers, ontwikkelaars en onderzoekers. Zij werken binnen hun eigen organisatie aan specifieke webprojecten en delen hun ervaringen in de community.
Wat doet de community?
Specialisten in de community denken samen na over vraagstukken, zoals de optimale inrichting van een Mijn Zaken-systeem of het bouwen van een toegankelijk meerstappenformulier. Daarnaast ontwikkelt de community ook de daadwerkelijke componenten en test deze in hun eigen websites en applicaties.
Wat doet het kernteam?
Het kernteam maakt samenwerking binnen de community mogelijk door onder meer de generieke architectuur op te zetten, versiebeheer uit te denken en de kwaliteit te bewaken via het estafettemodel. Daarnaast ondersteunen zij organisaties en hun leveranciers bij de implementatie en het gebruik van NL Design System.
Meer informatie over het kernteam
NL Design System faciliteert ook Community sprints waar minimaal twee teams uit de community samenwerken aan een gezamenlijk onderwerp. Iedereen die met hetzelfde onderwerp bezig is, kan zich aanmelden om via deze sprints bij te dragen.
- Overheidsbrede portalen community. Hier wordt samengewerkt aan portalen voor overheidsorganisaties.
- Rijkshuisstijl community. Hier wordt samengewerkt aan NL Design System-componenten voor projecten die moeten voldoen aan de Rijkshuisstijl.
Estafettemodel
Het estafettemodel van NL Design System is een aanpak om samen de beste en meest bruikbare componenten, patronen en richtlijnen te maken.
Meer informatie over het estafettemodel
Huisstijl
De componenten van NL Design System hebben van zichzelf geen specifieke huisstijl. Iedere organisatie kan zijn eigen thema op de componenten toepassen. Om dat voor elkaar te krijgen, maken we gebruik van ‘design tokens’.
Vanuit NL Design System bieden we het 'Start-thema' aan. De stijl van dit Start-thema hebben we vastgelegd in een set aan 'basis-tokens'. Deze basis-tokens leven op het 'Common' niveau.
Ontwerpprogramma’s
Of je nu werkt met Sketch, Framer of zelfs Paint, het gebruik van een specifiek ontwerpprogramma is geen vereiste. NL Design System sluit uitstekend aan op Figma, maar gebruik je liever een ander programma? Dan denken we graag met je mee over hoe design tokens en de opbouw van componenten daar ook toegepast kunnen worden.
Meer informatie over Figma structuur en gebruik
Meedoen als designer
Wil je als designer meedoen met NL Design System? Leuk! Je kunt op verschillende niveaus instappen en bijdragen.
Niveau 1. Online meedoen
Lever vanuit jouw expertise een bijdrage aan de community.
- Deel kennis vanuit je specialisme.
- Deel inzichten die je hebt opgedaan tijdens onderzoek.
- Leg ontwerpkeuzes voor aan specialisten in de community en haal feedback op.
- Stel design gerelateerde vragen waar je wat hulp bij kunt gebruiken.
Online meedoen kan op verschillende manieren:
- Schrijf je in als lid van de community.
- Sluit aan bij de Code for NL Slack omgeving. NL Design System heeft hier meerdere Slack-kanalen. Specifiek voor designers is dat: #nl-design-system-designers. Mag jij geen Slack gebruiken? Laat het weten aan het kernteam.
- Sluit aan bij het Design Open Hour.
- Sluit aan bij de Heartbeat.
- Laat van je horen via GitHub Discussions. Hier verzamelen we specifieke informatie over Componenten. Maar ook over patronen zoals Formulieren en Mijn omgevingen.
- Deel je onderzoek op gebruikersonderzoeken.nl
Voor de Community Sprints zijn er specifieke mogelijkheden om online mee te doen.
Niveau 2. Richtlijnen gebruiken
Onder Richtlijnen verzamelen we richtlijnen voor het maken van digitale diensten. Zo zijn er bijvoorbeeld richtlijnen voor:
Maar ook voor elk WCAG-succescriterium.
Ons doel is om praktische uitleg en concrete voorbeelden te bieden die helpen bij het toegankelijk inzetten van NL Design System componenten, patronen en richtlijnen.
Gebruik de richtlijnen als kennisbank tijdens het ontwerpen en help ons verbeteren door feedback te geven. Bijvoorbeeld door in Slack te laten weten of de richtlijnen duidelijk zijn en goed werken.
Niveau 3. Eigen NL Design System thema maken en onderhouden
Maak een thema voor jouw organisatie door organisatiespecifieke ontwerpbeslissingen vast te leggen in design tokens. Dat doe je door het Figma Stappenplan te volgen.
- Meer informatie over design tokens
- Meer informatie over thema's
- Werken met NL Design System
- Zelf een thema maken
- Figma stappenplan
Niveau 4. Componenten hergebruiken uit de community
Maak voor prototypes, waar mogelijk, gebruik van de Figma bibliotheken van NL Design System. Je kunt ook onderdelen hergebruiken uit community prototypes.
De Figma bibliotheken van NL Design System bevatten veel componenten en worden regelmatig aangevuld. Toch kunnen de volgende situaties voorkomen:
- De community component die jij nu juist nodig hebt ontbreekt nog. Neem in dat geval contact op met het kernteam zodat we weten dat hier behoefte aan is.
- De community component is niet bruikbaar. Kies dan je eigen oplossing, maar deel je afweging bij voorkeur met de community. Dat kan via Slack, de GitHub Discussion van de component of door een GitHub Issue aan te maken bij de organisatie die de component beheert.
- Er zijn verschillende community componenten voor dezelfde toepassing. Gebuik in dat geval de component die het beste aansluit bij de wensen van jouw organisatie.
Community componenten en bijbehorende design tokens hebben altijd een eigen prefix. Pas deze niet aan, zodat duidelijk blijft bij welke organisatie de component is ontwikkeld.
Niveau 5. Componenten verbeteren uit de community
Is een component niet direct bruikbaar voor jouw organisatie? Maak dan gebruik van het bestaande ontwerp (of de code) als basis om verder op door te ontwikkelen. Probeer hierbij zoveel mogelijk elementen van de bestaande component over te nemen.
Het is helemaal super als je samenwerkt met de organisatie die de oorspronkelijke component heeft ontwikkeld, zodat verbeteringen gezamenlijk kunnen worden doorgevoerd.
Deel de verbeterde component met de community. Dat kan via Slack, de GitHub Discussion van de component of door een GitHub Issue aan te maken bij de organisatie die de component beheert.
Niveau 6. Componenten bijdragen aan de community
Ontwikkel als organisatie zelf componenten volgens de aanpak van NL Design System. Volg hierbij de afspraken en richtlijnen zodat nieuwe componenten naadloos aansluiten bij de rest van het design system.
Op de hoogte blijven
Wil je niets missen van de ontwikkelingen van NL Design System? Er zijn verschillende manieren om op de hoogte te blijven.
Help deze documentatie te verbeteren
Om ervoor te zorgen dat deze documentatie nuttig, relevant en up-to-date is, kun je een wijziging voorstellen via Github.
Vragen
Heb je een vraag? Twijfel niet en neem contact op met het kernteam.