Descobreix els principis del disseny inclusiu i com aplicar-los als teus projectes digitals. Guia completa amb Microsoft Inclusive Design Toolkit, metodologia de Kat Holmes, Google Material Design i exemples pràctics d’accessibilitat des del disseny.
VERSIÓ EN CATALÀ
Què és el disseny inclusiu i per què t’hauria d’importar?
Pensa en l’última vegada que vas intentar obrir una porta amb les mans ocupades. Si la porta tenia un pom rodó, ho vas passar malament. Si tenia una barra horitzontal que podies empènyer amb el colze, la cosa va ser molt més fàcil. Aquella barra no es va dissenyar pensant només en persones amb discapacitat motriu: es va dissenyar per a tothom. I això, en essència, és el disseny inclusiu.
El disseny inclusiu és una metodologia que busca crear productes, serveis i experiències que funcionin per a la màxima diversitat possible de persones. No es tracta de fer versions especials per a col·lectius específics, sinó de dissenyar des del principi pensant en la varietat humana. Com diu Kat Holmes, exdirectora de disseny inclusiu a Microsoft i autora de «Mismatch: How Inclusion Shapes Design»: «L’exclusió no és un problema dels usuaris, és un problema dels dissenyadors».
Personalment, crec que el disseny inclusiu és l’evolució natural del disseny centrat en l’usuari. Per què? Perquè el disseny centrat en l’usuari sovint se centra en un usuari «mitjà» que, en realitat, no existeix. Segons l’Organització Mundial de la Salut, més de 1.300 milions de persones —el 16% de la població mundial— viuen amb alguna forma de discapacitat. Si dissenyes només per al «mitjà», estàs excloent una de cada sis persones.
Disseny inclusiu vs. disseny universal vs. accessibilitat: és el mateix?
Alguna vegada has confós aquests termes? No et preocupis, li passa a tothom. Aclarim-ho d’una vegada:
| Concepte | Definició | Enfocament |
|---|---|---|
| Disseny inclusiu | Metodologia que involucra persones diverses en el procés de disseny | Procés: com dissenyes |
| Disseny universal | Crear productes que funcionin per a totes les persones sense adaptacions | Resultat: què produeixes |
| Accessibilitat | Compliment d’estàndards tècnics (WCAG, EN 301549) | Conformitat: què compleixes |
El disseny inclusiu és el procés, el disseny universal és l’aspiració i l’accessibilitat és l’estàndard mesurable. Els tres es complementen. Pots tenir un producte tècnicament accessible (compleix WCAG 2.2 nivell AA) però que no sigui inclusiu perquè mai vas involucrar persones amb discapacitat en el procés de disseny.
Els 3 principis del disseny inclusiu de Microsoft
El Microsoft Inclusive Design Toolkit, una de les guies més influents del sector, estableix tres principis fonamentals:
1. Reconèixer l’exclusió
L’exclusió es produeix quan hi ha un desajust (mismatch) entre la persona i l’entorn. No és la persona la que «té un problema»; és el disseny el que falla. Un vídeo sense subtítols no només exclou persones sordes: també exclou qui està en un entorn sorollós, qui està aprenent l’idioma o qui mira el vídeo al transport públic sense auriculars.
Microsoft identifica tres tipus d’exclusió: permanent (una persona amb un sol braç), temporal (un braç en cabrestill) i situacional (un pare que carrega un nadó). Les tres persones necessiten fer servir el telèfon amb una sola mà. Dissenyar per a una beneficia totes.
2. Aprendre de la diversitat
Les persones amb discapacitat són expertes en adaptació. Porten anys trobant formes creatives d’interactuar amb un món que no va ser dissenyat per a elles. Incloure-les en el procés de disseny no és un acte de caritat; és un avantatge competitiu. Les Apple Human Interface Guidelines (HIG) i les Google Material Design guidelines reconeixen que els millors insights sorgeixen quan inclous perspectives diverses des de l’inici.
Sabies que els SMS, els subtítols de televisió, els audiollibres i el correu electrònic van néixer com a solucions per a persones amb discapacitat? Després es van convertir en productes que fa servir tothom. Això és el que IDEO, la consultora de disseny més influent del món, anomena «curb cut effect»: una solució pensada per a uns pocs beneficia molts.
3. Resoldre per a un, estendre a molts
Aquest principi és el cor del disseny inclusiu. Quan dissenyes per a una persona en una situació extrema, crees solucions que beneficien una audiència molt més àmplia. El control per veu es va dissenyar per a persones que no podien fer servir les mans; avui el fem servir tots amb Siri, Alexa i Google Assistant.
Accessibilitat des del disseny: l’enfocament shift-left
Quantes vegades has vist que l’accessibilitat s’afegeix al final d’un projecte, com qui posa una tireta en una ferida profunda? Això no funciona. L’enfocament «shift-left» consisteix a moure l’accessibilitat a l’inici del procés de disseny, no al final.
Segons un estudi de Forrester Research per a Microsoft, corregir un problema d’accessibilitat en la fase de disseny costa 1x. En desenvolupament, costa 6,5x. En producció, 15x. Personalment, he vist projectes on remediar l’accessibilitat al final va costar més que tot el disseny original.
L’accessibilitat per defecte significa integrar criteris WCAG des dels wireframes i prototips. No es tracta de complir una checklist: es tracta que cada decisió de disseny consideri l’impacte en persones amb diferents capacitats.
Com aplicar el disseny inclusiu en el teu dia a dia
1. Persones i espectre de capacitats
En lloc de crear persones d’usuari «típiques», crea un espectre de capacitats. Per a cada tasca principal del teu producte, pregunta: què passa si l’usuari no pot veure? No pot sentir? Té mobilitat reduïda? Està en un entorn sorollós? Fa servir el producte per primera vegada?
2. Contrast i tipografia
El contrast mínim WCAG de 4.5:1 per a text normal i 3:1 per a text gran no és un capritx: és la base perquè persones amb baixa visió o daltonisme puguin llegir el teu contingut. Google Material Design 3 i les Apple HIG inclouen sistemes de color accessibles per defecte.
3. Navegació per teclat
Tota la funcionalitat del teu producte ha de ser accessible mitjançant teclat. No només per persones que no poden fer servir ratolí: els usuaris avançats prefereixen dreceres de teclat perquè són més ràpides.
4. Contingut multimèdia accessible
Vídeos amb subtítols i audiodescripció. Imatges amb text alternatiu significatiu. Àudio amb transcripcions. No és opcional: és un requisit legal a la UE des del juny de 2025 (European Accessibility Act).
Eines i recursos per al disseny inclusiu
| Eina | Tipus | Ús principal |
|---|---|---|
| Microsoft Inclusive Design Toolkit | Metodologia | Framework complet de disseny inclusiu amb activitats i plantilles |
| Figma + complements a11y | Disseny UI | Verificació de contrast, simulació de daltonisme, ordre de lectura |
| Stark | Plugin Figma/Sketch | Anàlisi de contrast, simulació de discapacitats visuals |
| axe DevTools | Extensió navegador | Auditoria automàtica d’accessibilitat web |
| WAVE | Eina en línia | Avaluació visual d’accessibilitat web |
| NVDA / JAWS / VoiceOver | Lectors de pantalla | Testing real amb tecnologia d’assistència |
Dades que demostren l’impacte del disseny inclusiu
- El 71% dels usuaris amb discapacitat abandonen un lloc web que no és accessible (Click-Away Pound Survey, 2019).
- Les empreses amb pràctiques de diversitat i inclusió tenen un 35% més de probabilitats de superar els seus competidors (McKinsey, 2020).
- El mercat de persones amb discapacitat representa un poder adquisitiu de 13 bilions de dòlars a nivell global (Return on Disability, 2020).
- Els subtítols augmenten l’engagement de vídeos en un 80% (Verizon Media / Publicis, 2019).
- El 97,4% de les pàgines d’inici dels 1.000.000 de llocs web més visitats tenen errors d’accessibilitat detectables automàticament (WebAIM Million, 2024).