Programma Design Systems Week 2024
Tijdens Design Systems Week kun 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.
- Alle sessies zijn gratis online bij te wonen.
- Sessies duren ongeveer 30 minuten, inclusief tijd voor vragen.
- Bij Nederlandstalige sessies is een schrijftolk aanwezig.
- Sommige sessies worden in het Engels gegeven, dit wordt per sessie aangegeven.
Using USWDS Accessibility Tests to Develop Accessibility Skills Across Government Teams
Amy Cole, US 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.
Goed te weten: Deze sessie is in het Engels.
Wat je allemaal niet weet over je CSS
Bart Veneman, Project Wallace
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.
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 de Cuba, darice.org
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
Gert Hengeveld, Chromatic
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
Geri Reid, Just Eat Takeaway
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
Gijs Veyfeyken & Vincent Sennesael & Warre Buysse, Agentschap Digitaal Vlaanderen
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
Marieke Brouwer & Bryan de Jong & Lars van de Cappelle & Raoul Wittenberns, NL Design System community
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.