AgentSkillsCN

inclusive-design

从设计之初就充分考虑人类的多样性。在面向多元团队、开拓全球市场，或希望最大化产品覆盖范围时，这一原则能够帮助设计师以更包容、更人性化的视角审视设计需求。

SKILL.md
--- frontmatter
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