Disseny inclusiu: principis fonamentals per dissenyar per a tothom

6 min de lectura J. Vicente Formació

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).


Preguntes freqüents

Tot el que has de saber.

L’accessibilitat web se centra a complir estàndards tècnics com WCAG 2.2. El disseny inclusiu és una metodologia més àmplia que busca involucrar persones diverses en tot el procés de creació. L’accessibilitat pot ser un resultat del disseny inclusiu, però el disseny inclusiu va més enllà del compliment normatiu.
Comença per tres accions concretes: 1) Descarrega i estudia el Microsoft Inclusive Design Toolkit. 2) Inclou almenys una persona amb discapacitat a les teves properes sessions de testing d’usuari. 3) Forma el teu equip de disseny en WCAG 2.2 bàsic. El canvi no ha de ser radical: pot ser gradual però constant.
L’European Accessibility Act (Directiva 2019/882) exigeix que productes i serveis digitals siguin accessibles des del juny de 2025. El disseny inclusiu no és un requisit legal en si, però és la millor metodologia per garantir que els teus productes compleixin la normativa de forma natural, no com un pegat d’última hora.
Perquè les solucions dissenyades per a persones en situacions extremes beneficien tothom. Els subtítols ajuden en entorns sorollosos. El mode fosc redueix la fatiga visual. La navegació per veu és útil quan tens les mans ocupades. El disseny inclusiu millora l’experiència per al 100% dels usuaris, no només per al 16% amb discapacitat.
Els errors més freqüents són: 1) Assumir que accessibilitat = disseny inclusiu (l’accessibilitat és només una part). 2) Afegir l’accessibilitat al final del procés en lloc de des de l’inici. 3) Dissenyar «sobre» persones amb discapacitat en lloc de «amb» elles. 4) Centrar-se només en discapacitat visual i oblidar la cognitiva, auditiva i motriu. 5) No testejar amb tecnologies d’assistència reals.
Kat Holmes defineix «mismatch» com el desajust entre una persona i el seu entorn. La discapacitat no és una característica intrínseca de la persona: sorgeix quan el disseny no té en compte la diversitat humana. Un botó massa petit no és un problema de l’usuari; és un mismatch creat pel dissenyador.

Taller de Ideas para la Red S.L. ha recibido una ayuda de la Unión Europea con cargo al Programa de Andalucía FEDER 2021-2027 para la realización del proyecto “Weall Suite: Plataforma integral para la gestión de la accesibilidad digital técnica y normativa”.

Certificacions i acreditacions.

Comptem amb les certificacions que avalen la nostra experiència en accessibilitat.

IAAP - International Association of Accessibility Professionals IAAP CERTIFIED
ISO 9001 - Sistema de Gestión de Calidad ISO 9001