Ga naar hoofdinhoud

Design systems in het buitenland - 6 lessen

De mensen achter GOV.UK zijn in 2017 gestart met een internationale community van designers en ontwikkelaars. Op 23 april 2018 organiseerden ze een call over design systems, waaraan 42 deelnemers uit alle hoeken van de wereld deelnamen.

Komt mooi uit, want ook in Nederland gebeurt er veel bij diverse overheden veel op dit vlak. Momenteel verkennen we samen met Code for NL en het programma Mens Centraal of we kunnen toewerken naar een overheidsbrede, gezamenlijke interactiebibliotheek. Dit zijn de belangrijkste dingen die we geleerd hebben: https://youtu.be/DCeslUdkTKo.

Australisch design system

De Australiërs beten het spits af. Daar werkt een team van drie mensen aan een design system voor de Australische overheid, waarbij ze ook het bedrijfsleven betrekken om snel slagen te maken. Om hun design system goed bruikbaar te maken voor diverse organisaties, hebben ze een tool ontwikkeld om kleurenschema’s te genereren, die automatisch worden bijgesteld om aan de accessibility guidelines te voldoen. Vervolgens controleren ze geautomatiseerd de sites die gebruik maken van hun design system via visuele regressietests.

Ze benadrukken dat onderbouwing van ontwerpkeuzes, op basis van theorie en gebruikerstests, belangrijk is om designers bij andere overheden (en hun management) te overtuigen.

Italiaanse kits

Met (uiteraard) een kop koffie in de hand, namen de Italianen ons mee in hun inspanningen. Ook daar leggen ze de nadruk op de bijdragen vanuit de community. Ze gebruiken daarvoor onder andere Sketch bibliotheken. Ze ontwikkelen een breed palet aan ‘kits’, met componenten, instructies, UX tests en meer. Ze begeleiden zelf ook diverse workshops, zoals co-design workshops.

Wat opvalt aan de Italiaanse aanpak is dat er goed is nagedacht over de samenhang tussen verschillende processtappen en de materialen voor presentatie van hun design system. Dat geeft het geheel een professionele uitstraling.

Bekijk de presentatie uit Italië.

Government Digital Services

Tot slot deelden de mensen van de Government Digital Services (GDS) / GOV.UK vanuit het Verenigd Koninkrijk hun ervaringen. Ze werken (nu nog achter de schermen) aan hun design system dat de informatie die nu nog op verschillende plekken staat bij elkaar moet brengen. Ze hebben het gebruik van dit design system uitgebreid getest op de gebruikers, in dit geval dus de UX-ers en ontwikkelaars. Uiteraard worden de componenten zelf ook getest op eindgebruikers (burgers, ondernemers, etc.). Ze gaven een indrukwekkend voorbeeld van een usability test van hun open source karakter-tel module, die ook toegankelijk is voor blinden en slechtzienden. Zo te kopiëren voor in Nederland.

Ook GDS werkt volgens het community model, waarbij ze een open backlog bijhouden en zo veel mogelijk mensen betrekken. Ze benadrukken dat de adoptie van hun design system heel belangrijk is: in hoeverre gaan andere organisaties het echt toepassen in hun werk? De professionals willen over het algemeen graag samenwerken, de uitdaging zit vaak meer in de managementlaag die een andere agenda heeft.

Ze werken met een deels roterend team uit andere overheden, om de adoptie te vergroten en goed aan te sluiten bij werkwijzen binnen verschillende organisaties. Ze zijn begonnen met de centrale overheid en voeren nu gesprekken met decentrale overheden.

Bekijk de presentatie van GOV.UK.

Belangrijkste lessen

Het was een waardevolle sessie waar we in Nederland veel van kunnen leren. De belangrijkst lessen voor onze situatie:

  1. Alle drie de initiatieven werken zeer sterk volgens het community model. Het is essentieel om anderen makkelijk bij te kunnen laten dragen, zodat nooit iemand hoeft te wachten totdat een centrale organisatie een component gebouwd heeft.
  2. Hieruit volgt dat ze open en inclusief te werk gaan. Alles wordt dus ook open source gepubliceerd. Dit maakt het extra interessant voor Nederland, omdat we code kunnen hergebruiken.
  3. De teamgrootte varieert sterk: van 3 mensen in Australië tot tientallen in het Verenigd Koninkrijk.
  4. De nadruk ligt zowel op de samenwerking en manier van organiseren, als op de techniek.
  5. Door componenten te delen kun je fijnmaziger testen op specifieke use cases (zoals de input component voor blinden en slechthorenden).
  6. De adoptie is essentieel, maar tegelijkertijd leek dit relatief makkelijk te gaan voor professionals: die zien de waarde er al snel van in. Het duurde wel lang om de geldschieters zo ver te krijgen om de financiering hiervoor beschikbaar te krijgen.

Meer weten?

  • Praat mee over dit onderwerp in het Slack kanaal van Code for NL. Er is een levendig gesprek gaande daar.
  • De links naar de video van de conference call en de presentatie van de Australiërs zullen hier volgen zodra we deze hebben ontvangen.
  • Ook in ons kikkerlandje streven we naar een centraal design system / interactiebibliotheek. Kom daarom op 30 mei 2018 naar deze meetup over interactiebibliotheken.

Dit artikel is geschreven door Edo Plantinga van Gebruiker Centraal m.m.v. Johan Groenen van Code for NL en Harrie Kuipers van Osage.