Tijdens Design Systems Week kon je 4 dagen lang meerdere korte talks per dag volgen. Bijvoorbeeld over het managen van
design systems, toegankelijkheid, gebruikersonderzoek en code. Gelukkig hebben we de video’s nog!
Using USWDS Accessibility Tests to Develop Accessibility Skills Across Government Teams
Amy Cole - U.S. Web Design System
Amy gaat ons laten zien hoe het US Web Design System toegankelijkheidstests in duidelijke taal heeft toegevoegd bij
individuele componenten. In deze talk leer je hoe elk webteam – technisch of niet — deze tests kan gebruiken om een
minimale baseline aan toegankelijkheidstests te doen, zoals tests met toetsenbord,
screenreader, mobiele devices en vergrotingssoftware. Ze laat ook het iteratieve
ontwerp- en bouwproces zien dat haar team heeft bij het maken van deze checklists.
Jongeren en jeugdcriminaliteit: een journey voor (en naar) betere communicatie door de Raad voor de Kinderbescherming
Charlotte van Bijnen - Valsplat
Journeys worden vaak gezien als hét middel voor empathie, maar dat is te kort door de bocht. Het is slechts een tool.
Hoe je het ontwerpt, wat je erin zet en wat je ermee doet, maakt het verschil. In deze presentatie laat Charlotte zien
hoe een journey kan bijdragen aan het oplossen van complexe maatschappelijke vraagstukken, vooral binnen de overheid.
Projecten rond jeugdcriminaliteit focussen vaak op het delict en de gedragsverandering van jongeren. Maar hoe zit het
met het gedrag van de instanties waar zij mee te maken krijgen? De Raad voor de Kinderbescherming stelde zichzelf die
vraag. Dit project focust op hoe er met jongeren wordt gecommuniceerd, wat de impact is en wat beter kan.
Na aanhouding begeleidt de Raad voor de Kinderbescherming jaarlijks zo’n 8.000 jongeren tussen 12 en 23 jaar die
terechtkomen in een systeem van instanties als politie, justitie, reclassering. De Raad voor de Kinderbescherming is
hun constante factor. Maar hoe ervaren jongeren dat? Voelen zij zich beschermd? Hoe help je hen het beste tijdens een
lang, moeilijk straftraject?
Als researcher bij Valsplat sprak Charlotte met jongeren over hun ervaringen, de brieven die ze ontvangen en hun
contactmomenten. Ze hield workshops met o.a. Raadsonderzoekers en Taakstraf Coördinatoren om ook hun perspectief te
begrijpen. De journey maakte de complexiteit en emotionele impact van deze communicatie zichtbaar en toonde concreet
waar verbetering mogelijk is.
Internationalisatie is meer dan alleen het vertalen van content op je website in meerdere talen. Er zijn allerlei nuances rondom hoe die content eruit ziet, die van invloed zijn op hoe een native speaker je site kan gebruiken. Er zijn CSS properties voor layout en typografie, die verder gaan dan horizontale van-boven-naar-beneden content, die we vandaag de dag het meest zien op het web.
Darice gaat ons vertellen waarom zelfs als je design systeem de conformiteitscheck doorstaat, het mogelijk nog steeds
niet toegankelijk is. Toegankelijkheid is meer dan ARIA, kleurcontrast en een toetsenbord-toegankelijk formulier. Aan
de hand van voorbeelden en persoonlijke verhalen laat Darice zien welke ontoegankelijkheden ze regelmatig tegenkomt.
Het bouwen van een design system is heel interessant. Maar zodra je design system wordt ingezet voor applicaties in
productie, wordt het uitrollen van updates risicovoller. Testen is een essentieel onderdeel van het maken van design
systems en onderhoud helpt om de risico’s te managen. In deze sessie legt Gert tools en methoden uit die je kunnen
helpen om je UI componenten en integraties te testen, zodat je design system zich kan blijven doorontwikkelen.
Kom kijken hoe Geri, een ervaren design systems verkenner met 8 jaar ervaring in design system avonturen, het
onbekende terrein betreedt van toegankelijkheid in een grote productorganisatie. Zonder spelregels is Geri’s zoektocht
eentje die we allemaal vast herkennen: we vinden het uit terwijl we bezig zijn.
In deze ‘choose your own adventure’ sessie, ontdek je hoe de principes van design systems het pad naar een nieuwe
uitdaging verlichten. Ben je klaar om te lachen, leren en misschien een beetje verdwalen? Ga mee op deze zoektocht
naar de beste manier om teams mee te krijgen met digitale toegankelijkheid.
In deze sessie vertellen Vincent, Warre en Gijs over de evolutie van het Vlaams Design System: hoe het evolueerde van
een bibliotheek met web componenten naar een dienstverlening om van bij de start bouwers van e-loketten, toepassingen
en websites te ondersteunen bij het ontwerpen en ontwikkelen. Met als focus: een herkenbare en eengemaakte
gebruikerservaring voor burgers.
Ze vertellen ook over de de lessons learned uit deze voorbije tien jaar.
Bryan de Jong - VNG & Marieke Brouwer - Gemeente Groningen & Lars van de Cappelle - Belastingdienst & Raoul Wittenberns - Logius
De Heartbeat is een tweewekelijkse online bijeenkomst waarin het kernteam en de community van NL
Design System delen waar ze mee bezig zijn. In deze speciale editie van de Heartbeat horen we uit verschillende
organisaties in de community over hun ervaringen met NL Design System.
Bryan de Jong van VNG en Frameless: “We maken het makkelijker voor organisaties om aan de slag te gaan met NL Design
System door het beschikbaar stellen van templates, documentatie en thema tooling binnen de community. Hiervoor
gebruiken we community componenten en bestaande UX onderzoeken en designs.”
Marieke Brouwer van de Gemeente Groningen: “bij de gemeente zijn wij met een klein team actief bezig met het
verbeteren van de gebruikerservaring voor onze inwoners en ondernemers. Een belangrijk onderdeel van mijn rol is de
implementatie van het NL Design System. We gebruiken als een van de eerste gemeentes de voorbeeldbibliotheek als basis
voor ons eigen design system. In mijn presentatie zal ik laten zien hoe wij de bibliotheek gebruiken (met de plugin
van Tokens Studio) en wat we hiervan hebben geleerd.”
Lars van de Cappelle van Design System Bold: “Bij Bold zijn we van een Single-brand naar Multi-brand Design System
uitgebreid waar de Belastingdienst, Toeslagen en Douane gebruik van maakt. Hiervoor zijn we overgestapt op design
tokens om ons Design System van deze organisatiethema’s te kunnen voorzien. Hierbij hebben we ook Dark Mode
meegenomen. Tijdens mijn demo zal ik laten zien hoe we dit hebben aangepakt in Figma en in de code.”
Raoul Wittenberns van het LUX design system bij Logius: “Logius heeft verschillende interne design systems en
component bibliotheken die we met het LUX design system willen samenbrengen tot 1 design system voor heel Logius.
Tegelijk willen we de kennis in de bestaande design systemen delen in de NL Design System Community. Vanuit onze
gebruikers krijgen we vaak vragen over hoe ze kunnen meehelpen, of wat er aan componenten al beschikbaar is. Om onze
gebruikers duidelijkheid te bieden wat de mogelijkheden zijn hebben we een beslisboom opgesteld. Ik zal kort vertellen
hoe de beslisboom werkt en hoe we daar toe gekomen zijn. “
Hoe is het om te leven met een visuele beperking? Wat zijn de problemen waar je geheel verwacht of onverwachts
tegenaan loopt? In deze sessie zal Kim Denie haar eigen verhaal vertellen en vanuit haar ervaring toelichten hoe je
bijvoorbeeld achter het loket, op de werkvloer en online zo toegankelijk en inclusief mogelijk kan zijn.
Je eerste gebruikersonderzoek doen, hoe doe je dat?
Jeroen du Chatinier - Gemeente Utrecht
Gebruikersonderzoeken doen is leuk. Je krijgt van de mensen voor wie je het echt doet, te horen wat je goed doet, en
wat er niet lekker gaat. Daardoor kan je verbeteringen doorvoeren die er voor je gebruikers echt toe doen.
Maar hoe begin je? Hoeveel mensen moet je spreken, en welke vragen stel je ze?
In deze presentatie vertelt Jeroen je hoe je het simpel houdt voor jezelf, zodat je morgen al zou kunnen beginnen met
onderzoeken. Of het nou een stuk tekst is of een app, het principe van gebruikersonderzoek blijft hetzelfde. Stap voor
stap vertelt Jeroen wat je kan doen om het simpel voor jezelf te maken, zodat je onderzoek behapbaar en significant
blijft. Aan het einde van het onderzoek kan je aan de slag met het stappenplan, de checklist en de templates die je in
deze presentatie hebt doorgenomen.
Inclusief gebruikersonderzoek bij de Belastingdienst, een blik achter de schermen
Lotte Bijl - Belastingdienst
Als overheidsorganisatie houdt de Belastingdienst zich al jaren bezig met het digitaal toegankelijk maken van hun
diensten, met als doel iedereen te kunnen bedienen, ongeacht hun beperkingen. Maar hoe bepaal je welke problemen na
een WCAG-audit de hoogste prioriteit hebben, zodat ontwikkelteams snel de grootste impact voor gebruikers kunnen
realiseren? En hoe voorkom je toekomstige toegankelijkheidsproblemen voor gebruikers? In deze sessie deelt Lotte Bijl
hoe de Belastingdienst inclusief gebruikersonderzoek heeft ingezet om deze vragen te kunnen beantwoorden en vertelt ze
over de inzichten en de uitdagingen die zij tegenkwamen bij het organiseren van deze onderzoeken.
De voordelen van open werken met design systems bij de overheid
Mike Gifford - CivicActions
Voor veel overheden is bijdragen aan open source projecten een culturele uitdagingen. Er wordt vaak samengewerkt met
mensen in andere delen van de overheid en daarbuiten. Design systems zijn een unieke kans voor overheden om met meer
vertrouwen bij open source te omarmen. Mike heeft bijgedragen aan verschillende design systems van overheden en is
altijd op zoek naar best practices en aanpakken van overheden over de hele wereld.
Steve vertelt over wat hij leerde terwijl hij werkte aan het GOV.UK Design System en andere platformen van de Britse
overheid. Hij laat zien wat we kunnen leren van de principes die het web zo fantastisch maken, om meer waarde te
creëren voor het publiek waar we het voor doen.
Het design system van ING wordt door bijna 2000 consuming packages als dependency gebruikt. Als een nieuwe versie
van het design system wordt uitgebracht, is het vaak een uitdaging om te zorgen dat alle gebruikers upgraden. Maar om
de beste gebruikerservaring, applicatiekwaliteit, snelheid en interoperabiliteit te bereiken, is het essentieel om
packages up to date houden.
In zijn presentatie laat Thijs verschillende strategieën zien om teams efficient up to date te krijgen met de laatste
versie van het design system.
Bryan de Jong liet het al even zien in de Heartbeat, er zijn bij NL Design System al een heleboel componenten
beschikbaar om in meerdere huisstijlen te gebruiken. Maar hoe moeilijk is het eigenlijk om een nieuw project met NL
Design System te beginnen? Wat als je al een bestaand project hebt, kun je dan stap-voor-stap migreren met de
componenten die de community beschikbaar maakt?
In zijn presentatie laat Robbert live zien hoe je een pagina uit Figma overneemt in code, welke stappen neemt hij, hoe
ziet het er dan uit? Zelfs de
