Leverancier sessie NL Design System maart 2023
In de eerste leverancier sessie van NL Design System hebben we onderwerpen opgehaald uit de community en iedereen op onderwerpen laten stemmen. Hieronder de onderwerpen die uiteindelijk aan bod zijn gekomen met een samenvatting van wat we erover vertelden.
Voorbeelden van leveranciers
Zijn er al leerzame voorbeelden van bijdragen van leveranciers die gebruikmaken van het NL Design System?
Jazeker zijn die er, bijvoorbeeld de leverancier die voor de gemeente Den Haag Gutenberg blocks in Wordpress maakte om NL Design System componenten heen. Zij zijn nu met een andere leverancier aan het samenwerken om deze open source en herbruikbaar voor de hele community beschikbaar te maken. Zo kun je straks niet alleen de componenten via Wordpress inzetten, maar worden ook de redacteuren van relevante richtlijnen voorzijn tijdens het maken van content.
Maar bijdrages kunnen heel erg verschillen, wat dacht je van de leverancier die de toptaak iconen heeft ontworpen en beschikbaar heeft gemaakt om als webcomponent in te zetten? Die heeft zelfs gewerkt aan een nieuwe versie die nog beter aansluit bij het design van de functionele iconen die Jeffrey van het kernteam graag gebruikt.
Wat heb je aan NL Design System
Wat heb je als leverancier aan NL Design System?
Als leverancier kan je door NL Design System componenten te gebruiken je producten mogelijk sneller bouwen. Daarnaast lift je mee op de toegankelijkheid verbeteringen die in de community ontstaan en kun je met eigen verbeteringen gelijk heel Nederland een stukje beter maken.
Ook helpt de architectuur je om componenten die je zelf nog moet bouwen los van huisstijl op te zetten. Hierdoor kunnen je producten sneller en met minder code duplicatie voor meerdere organisaties worden ingezet.
Open Source werken
Hoe helpt NL Design System met een nieuw project Open Source beginnen?
Projecten Open Source maken lijkt soms lastig. Waar begin je, welke licentie en hoe zorg je dat mensen makkelijk een bijdrage kunnen doen.
NL Design System heeft hier over nagedacht en informatie verzameld. Daardoor hebben we nu een template repository waarmee je snel kunt beginnen. Hier zit een Code of Conduct, een EUPL licentie en linting regels in. Verder hebben we bewust gekozen om geen copyright overdracht te vragen, na het inwinnen van veel advies is dat de meest laagdrempelige manier om mensen te laten bijdragen.
Je kunt ze daarna nog aanpassen naar je eigen inzichten, maar om mee te beginnen heb je dan een solide basis.
Ook hebben we rekening gehouden dat een gedeelte van je code misschien niet voor iedereen beschikbaar moet zijn. Dat hebben we opgelost met een los mapje in de example repository genaamd "Proprietary" daarin zit bijvoorbeeld je huisstijl of hele organisatie specifieke dingen. Voor dat mapje is een uitzondering in de licentie opgenomen en deze is dan ook niet open source.
Als leverancier bijdragen
Kun je als leverancier bijdragen aan richtlijnen of componenten?
Absoluut, het estafette model van NL Design System zorgt ervoor dat je bij jezelf kan beginnen en het dan Open Source of publiek beschikbaar kan maken voor anderen.
Voor NL Design System is het belangrijk dat dingen op meerdere plekken bewezen werken. Zo kan het bijvoorbeeld zijn dat richtlijnen over taalgebruik in de ene organisatie heel goed werken, terwijl voor een andere organisatie het tegenovergestelde blijkt. Je kunt je richtlijnen dus alvast delen op een manier dat jouw organisatie, maar ook de community het kan lezen. Als iemand anders dan met deze richtlijnen ook succes boekt worden ze daarna misschien wel onderdeel van de Hall of Fame.
Hetzelfde geldt eigenlijk voor componenten en patronen.
Ontwerpen met NL Design System
Kun je ook je ontwerpen maken met NL Design System componenten?
Jazeker kan dat, vooral als je Figma gebruikt. Een overgrote meerderheid van de NL Design System community gebruikt Figma. Gemeente Den Haag heeft bijvoorbeeld een hele uitgebreide componenten bibiliotheek die ook in code bestaat. Met die component bibiliotheek in Figma ontwerpen ze ook nieuwe applicaties en hun prototypes. Een leverancier uit de community heeft vervolgens voor een andere opdracht gebruik gemaakt van deze Den Haag componenten om ook een prototype te ontwikkelen. Dat prototype zag eruit als Den Haag, maar de tijdswinst bij het ontwerpen en voor de overdracht naar developers was dusdanig dat ze daar prima mee konden leven.
Ondertussen is ook het kernteam bezig om een componenten bibliotheek in Figma te maken waar de NL Design System componenten met verschillende statussen (van community tot hall of fame) huisstijl onafhankelijk beschikbaar worden gemaakt. Hiervan verwachten we in de loop van dit jaar een eerste bruikbare versie te hebben.
Eén systeem voor meerdere klanten
Waarom zou je als leverancier van meerdere organisaties één design system gebruiken?
Normaal is een design system vaak gebonden aan stijl. Met NL Design System heb je componenten die los staan van een huisstijl en richtlijnen hoe je deze componenten het best in kan zetten. Door hiermee een applicatie te bouwen een een thema te maken voor de eerste organisatie die het gaat gebruiken heb kun je gebruik maken van al het werk uit de community. Daarnaast betekend het dat een mooie applicatie voor de ene klant ook heel makkelijk met een nieuw thema sausje voor de andere klant kan worden ingezet.