We Love Web Aantekeningen

12-09-2025

Gastspreker: tolga

• Solliciteer, ook als je niet aan alle eisen voldoet.
• Maak en onderhoud een eigen portfolio.
• Blijf experimenteren met het bouwen van nieuwe dingen.

03-10-2025 - Productstrategie & Creativiteit

Gastspreker:martijn nieuwenhuizen

• Don’t be lazy, don’t be boring.
• Discover & strategize onderzoek voordat je ontwerpt.
• Begrijp de technologische, menselijke en zakelijke context.
• Understand → Shape → Create → Launch.
• Gebruik consistente componentstructuren in je project.

17-10-2025 Toegankelijkheid & Gebruikservaring

Gastspreker: Vasilis van Gemert

ookal voldoe je aan de wet van toegankelijkheid betekent niet dat je het goed doet.

• Denk aan context (gebruikers, apparaten, situaties).
• Wees consistent in ontwerp en interactie.
• Prioriteer content boven vorm.
• Voeg echte waarde toe voor de gebruiker.

21-11-2025 Design System bij Decathlon

Spreker: Trystian Offeman

Tijdens dit college gaf Trystian Offeman inzicht in hoe Decathlon omgaat met design op grote schaal. Aan de hand van praktijkvoorbeelden liet hij zien hoe verschillende teams samenwerken binnen één centraal Design System.

Doel van het Design System

• Een uniforme uitstraling over digitale en fysieke kanalen.
• Betere afstemming tussen ontwerp en techniek.
• Stabielere en beter onderhoudbare interfaces.
• Efficiënter samenwerken binnen multidisciplinaire teams.
• Sneller ontwikkelen door hergebruik van oplossingen.
• Mogelijkheid om producten te laten meegroeien met de organisatie.
• Gelijke gebruikerservaring voor alle Decathlon-producten.

Opbouw met Design Tokens

De kleinste bouwstenen van het systeem zijn design tokens. Deze variabelen zorgen ervoor dat visuele keuzes zoals kleur, typografie en ruimte overal op dezelfde manier worden toegepast, zowel in ontwerp als in code.

• Kleuren worden vastgelegd in vaste waardes zoals cobalt-500.
• Tekstkleuren krijgen betekenisvolle namen in plaats van losse hex-codes.
• Ruimtes zijn gestandaardiseerd in vaste stappen van zeer klein tot extra groot.
• Lettertypes worden centraal beheerd en consistent ingezet.

Basisprincipes van het systeem

• Een vaste structuur voor witruimte en layout.
• Eenduidige typografische regels.
• Duidelijk onderscheid tussen functionele en merk-kleuren.
• Ondersteuning voor zowel lichte als donkere weergave.
• Flexibiliteit door het gebruik van thema’s.
• Toegankelijkheid als vast onderdeel van het ontwerp.

Vitamin Play Component Library

• Een verzameling kant-en-klare interfacecomponenten.
• Inzetbaar op verschillende platformen en apparaten.
• Geschikt voor internationale gebruikers en talen.
• Aanpasbaar aan verschillende visuele stijlen en modi.

12-12-2025 Digitale Toegankelijkheid

Spreker: Brian Bors

In dit college stond digitale toegankelijkheid centraal. Brian Bors liet zien dat toegankelijkheidsproblemen vaak niet bij gebruikers liggen, maar ontstaan door keuzes die worden gemaakt in ontwerp en ontwikkeling.

Social Model of Disability

Volgens het Social Model of Disability worden beperkingen veroorzaakt door de omgeving. Slecht ontworpen digitale producten kunnen mensen uitsluiten, terwijl goed ontwerp juist barrières wegneemt.

WCAG-richtlijnen

De Web Content Accessibility Guidelines bestaan uit drie conformiteitsniveaus (A, AA en AAA) en zijn gebaseerd op vier kernprincipes, ook wel aangeduid als POUR.

• Waarneembaar: informatie moet voor iedereen te ervaren zijn.
• Bedienbaar: interactie moet mogelijk zijn met verschillende invoermiddelen.
• Begrijpelijk: de werking en inhoud van een website moet logisch zijn.
• Robuust: content moet compatibel blijven met huidige en toekomstige hulpmiddelen.

Veelvoorkomende struikelpunten

• Structuur en relaties worden alleen visueel weergegeven in plaats van semantisch vastgelegd.
• Interactieve onderdelen missen duidelijke informatie over hun functie en status voor hulpsoftware.

Brede toepasbaarheid van WCAG

De richtlijnen zijn niet beperkt tot websites. Ze zijn ook relevant voor mobiele applicaties, digitale documenten, interactieve installaties en games.

Tekstalternatieven

Niet-tekstuele content moet voorzien zijn van een tekstuele beschrijving, zodat deze toegankelijk is voor screenreaders. Alleen in specifieke situaties mag hiervan worden afgeweken.

ARIA en semantiek

ARIA-attributen kunnen helpen bij toegankelijkheid, maar zijn geen vervanging voor correcte HTML. Slecht toegepaste ARIA kan zelfs meer problemen veroorzaken dan helemaal geen ARIA.

Het Curb Cut Effect

Ontwerpkeuzes die zijn gemaakt om toegankelijk te zijn voor een specifieke groep, blijken vaak voordelen te hebben voor een veel breder publiek.

Beperkingen van automatische tests

• Automatische tools missen context en interpretatievermogen.
• Slechts een klein deel van toegankelijkheidsproblemen is automatisch te detecteren.
• Menselijke evaluatie blijft noodzakelijk.

15-01-2026 Complexity

In deze we love web ging het over het omgaan met complexiteit in softwareontwikkeling. Marcell Fleuren deelde zijn ervaring als developer, benadrukte het belang van eenvoud en productverantwoordelijkheid.

Achtergrond spreker

• TypeScript developer
• Co founder van 010 Coding Collective
• Werkzaam bij Glowly Bits
• Full stack developer voor startups
• Agile coach
• Fractional CTO voor early stage founders

Managing complexity

De kern van het verhaal was het zo klein mogelijk houden van complexiteit. Door veel vragen te stellen wordt onzekerheid verminderd en worden betere productkeuzes gemaakt.

Frameworks en tooling

Frameworks zijn niet altijd nodig. Ze werken prettig binnen grote organisaties, maar worden ook vaak gekozen door hype. In veel gevallen kan functionaliteit eenvoudiger worden opgelost met basis HTML en JavaScript.

Overmatige complexiteit

• Gebruik van zware npm packages voor simpele features
• Onnodig grote bundles
• Functionaliteit die niet volledig aansluit op het product

Valkuilen van developers

• Over-engineeren van eenvoudige oplossingen
• Te vroeg optimaliseren
• Gebrek aan productverantwoordelijkheid

Denkwijze van productbouwers

• Bepalen welk probleem het waard is om op te lossen
• Focussen op het minimale dat waarde levert
• Uitkomsten van keuzes meetbaar maken

Productverantwoordelijkheid

Bij productverantwoordelijkheid horen afwegingen over nut en noodzaak, onderhoudbaarheid, betrouwbaarheid en goede foutafhandeling. Niet alleen bouwen, maar ook nadenken over de gevolgen op lange termijn.