Programma Design Systems Week 2024
Tijdens Design Systems Week kon je 4 dagen lang meerdere korte talks per dag volgen over het hoe en waarom van design systems. Online. Dit jaar bijvoorbeeld over het managen van design systems, toegankelijkheid, gebruikersonderzoek en code.
Using USWDS Accessibility Tests to Develop Accessibility Skills Across Government Teams
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.
Goed te weten: Deze sessie is in het Engels.
Wat je allemaal niet weet over je CSS
Met de komst van Sass, bundlers en frontend frameworks verdween een van de hoekstenen van het web development van vroeger. We hebben het over die style.css van duizend regels lang. Destijds had je nog een idee wat er allemaal in je CSS belandde, maar nu? Ga mee op expeditie door je CSS en we bekijken welke waardevolle informatie jouw CSS onthult over je Design System en je CSS kennis.
Goed te weten: Bij deze sessie is een schrijftolk aanwezig (tolktekst bij Wat je allemaal niet weet over je CSS).
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.
CSS for internationalisation
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.
Goed te weten: Deze sessie is in het Engels.
Goed te weten: Bij deze sessie is een schrijftolk aanwezig (tolktekst bij Jongeren en jeugdcriminaliteit: een journey voor (en naar) betere communicatie door de Raad voor de Kinderbescherming).
Unmeasurable Accessibility: Beyond conformance
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.
Goed te weten: Bij deze sessie is een schrijftolk aanwezig (tolktekst bij Unmeasurable Accessibility: Beyond conformance).
Testing UI
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.
Goed te weten: Deze sessie is in het Engels.
Design Systems: Choose your own adventure
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.
Goed te weten: Deze sessie is in het Engels.
Vlaams Design System: 10 jaar lessons learned
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.
Goed te weten: Bij deze sessie is een schrijftolk aanwezig (tolktekst bij Vlaams Design System: 10 jaar lessons learned).
Heartbeat: de Design Systems Week lightning talks editie
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 token 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. “
Goed te weten: Bij deze sessie is een schrijftolk aanwezig (tolktekst bij Heartbeat: de Design Systems Week lightning talks editie).
Tips voor toegankelijke dienstverlening
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.
Goed te weten: Bij deze sessie is een schrijftolk aanwezig (tolktekst bij Tips voor toegankelijke dienstverlening).
Je eerste gebruikersonderzoek doen, hoe doe je dat?
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.
Goed te weten: Bij deze sessie is een schrijftolk aanwezig (tolktekst bij Je eerste gebruikersonderzoek doen, hoe doe je dat?).
Inclusief gebruikersonderzoek bij de Belastingdienst, een blik achter de schermen
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.
Goed te weten: Bij deze sessie is een schrijftolk aanwezig.
De voordelen van open werken met design systems bij de overheid
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.
Goed te weten: Deze sessie is in het Engels.
Common direction, boring magic
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.
Goed te weten: Deze sessie is in het Engels.
Werken op schaal
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.
Goed te weten: Bij deze sessie is een schrijftolk aanwezig (tolktekst bij Werken op schaal).
Aan de slag met NL 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
slides voor de presentatie
heeft hij met NL Design System gemaakt!
Goed te weten: Bij deze sessie is een schrijftolk aanwezig (tolktekst bij Aan de slag met NL Design System).