---
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/


---
Source attribution: vjrivmon
Original project: https://github.com/vjrivmon/Setup-Software-IA/blob/b5c895079bd4577e4bdd0d9b81565b53090be50d/.claude/skills/ux-ui/frameworks/inclusive-design/SKILL.md
License: MIT
License information: https://opensource.org/license/mit
Original upstream instructions; downloaded from Dave AI.

## Upstream license notice

MIT License

Copyright (c) 2025 Vicente Rivas Monferrer

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.



# Dave AI resource metadata

Creator / publisher: vjrivmon
Original project: https://github.com/vjrivmon/Setup-Software-IA/blob/b5c895079bd4577e4bdd0d9b81565b53090be50d/.claude/skills/ux-ui/frameworks/inclusive-design/SKILL.md
Attribution basis: Recovered original package and original project license at a pinned revision

Fields of work: Design
Roles: Design System Lead, Graphic Designer, Product Designer, UX Designer, UX Writer
Specialties: Cross Platform, Design
Tools: Tool not specified
Country applicability: Country not specified
Classification basis: Source catalog labels
Instruction SHA-256: dd83c6446c4fb5dff236f64889bafd29dbd4d0ac7417c834ec9a0ff94cc093df
Metadata reviewed: 2026-10-27
This metadata supersedes earlier Dave AI catalog attribution. Original instruction and supporting files are preserved.
