---
name: inclusive-design
description:
  Diseño que considera la diversidad humana desde el inicio. Use cuando diseñe
  para equipos diversos, mercados globales, o cuando quiera maximizar alcance.
metadata:
  author: ux-ui-skills
  version: "1.0"
  category: frameworks
---

# Diseño Inclusivo

## Resumen

Metodología de diseño que considera todo el rango de diversidad humana con
respecto a habilidad, idioma, cultura, género, edad, y otras formas de
diferencia.

## Origen

- **Desarrollado por**: Microsoft Design
- **Framework**: Inclusive Design Principles
- **Evolución**: De "diseño para discapacidad" a "diseño para diversidad"

## Principios de Microsoft

### 1. Reconocer Exclusión

- Identificar quién está excluido
- Entender por qué están excluidos
- Examinar biases en el proceso
- Ver exclusión como oportunidad de diseño

### 2. Aprender de la Diversidad

- Incluir personas excluidas en el proceso
- Perspectivas diversas generan innovación
- Expertos en sus propias experiencias
- Co-diseño con comunidades

### 3. Resolver para Uno, Extender a Muchos

- Diseñar para necesidades específicas
- Soluciones benefician a más personas
- "Curb cut effect"
- Innovación a través de constraints

## Espectro de Exclusión

### Permanente → Temporal → Situacional

- **Un brazo**: Amputado → Lesionado → Cargando bebé
- **Sordo**: Permanente → Infección → Entorno ruidoso
- **Ciego**: Permanente → Cataratas → Conductor
- **Mudo**: Permanente → Laringitis → No puedo hablar (reunión)

### Implicación

- Diseñar para "permanente" ayuda a todos
- Todos experimentamos exclusión situacional
- Amplía el mercado potencial
- Mejora la experiencia para todos

## Aplicación en Diseño

### Proceso

- Investigación con usuarios diversos
- Personas que incluyen discapacidades
- Testing con tecnologías asistivas
- Auditorías de exclusión

### Producto Digital

- Múltiples formas de input
- Múltiples formas de output
- Configurabilidad
- Graceful degradation

### Contenido

- Lenguaje simple y claro
- Múltiples idiomas
- Evitar jerga y regionalismos
- Representación diversa en imágenes

### Visual

- No depender solo del color
- Contraste suficiente
- Escalabilidad de texto
- Iconos con labels

## Ejemplos

- **Xbox Adaptive Controller**: Para gamers con discapacidades
- **iPhone VoiceOver**: Navegación por voz desde el inicio
- **Google Live Transcribe**: Para sordos, útil en reuniones
- **YouTube Auto-captions**: Originado para accesibilidad

## Anti-patterns

- ❌ "Diseñaremos la versión accesible después"
- ❌ Asumir que usuarios tienen mismas capacidades que el equipo
- ❌ Testing solo con usuarios "típicos"
- ❌ Tratar accesibilidad como checkbox legal
- ❌ Ignorar diversidad cultural y lingüística

## Beneficios de Negocio

- 15% de población mundial tiene discapacidad
- 100% experimenta discapacidad situacional
- Mercado más amplio
- Innovación por constraints
- Mejor reputación de marca

## Métricas

- **Exclusion Audit**: ¿Quién no puede usar esto?
- **Diversity in Testing**: % de usuarios diversos
- **Accessibility Score**: WCAG compliance
- **Global Reach**: Uso por demografía

## Principios Relacionados

- [[universal-design]] - Diseño para todos
- [[wcag-perceivable]] - Web accesible
- [[postels-law]] - Flexibilidad en inputs

## Referencias

- Microsoft Inclusive Design Toolkit
- Holmes, K. (2018). "Mismatch: How Inclusion Shapes Design"
- https://inclusive.microsoft.design/