---

name: universal-design description: Diseño que funciona para todos sin necesidad de adaptación. Use cuando diseñe productos para audiencias diversas o cuando busque máximo alcance. metadata: author: ux-ui-skills version: "1.0" category: frameworks

Diseño Universal

Resumen

Diseño de productos y entornos que sean utilizables por todas las personas, en la mayor medida posible, sin necesidad de adaptación o diseño especializado.

Origen

• Autor: Ronald Mace (NC State University)
• Año: 1997
• Centro: Center for Universal Design
• Contexto: Arquitectura accesible

Los 7 Principios

1. Uso Equitativo

• Útil para personas con diversas capacidades
• Mismo método de uso cuando posible
• Equivalente cuando no es posible
• Sin segregar usuarios

2. Flexibilidad de Uso

• Acomoda preferencias y habilidades
• Facilita precisión y accuracy
• Ofrece adaptabilidad al ritmo
• Permite múltiples métodos

3. Uso Simple e Intuitivo

• Fácil de entender
• Independiente de experiencia
• Independiente de conocimiento
• Independiente de idioma

4. Información Perceptible

• Comunica eficazmente
• Múltiples modos (visual, auditivo, táctil)
• Contraste adecuado
• Compatible con técnicas/dispositivos

5. Tolerancia al Error

• Minimiza riesgos de acciones accidentales
• Warnings de peligros
• Fail-safe features
• Desalienta acciones inconscientes en tareas críticas

6. Bajo Esfuerzo Físico

• Uso eficiente y cómodo
• Mínima fatiga
• Posición corporal neutral
• Fuerzas de operación razonables

7. Tamaño y Espacio Apropiado

• Apropiado para approach, reach, manipulation
• Independiente de tamaño corporal
• Independiente de postura
• Independiente de movilidad

Aplicación en Diseño Digital

Uso Equitativo

• Una URL para todos (no versiones "accesibles")
• Responsive design
• Progressive enhancement
• Sin barreras de entrada

Flexibilidad

• Dark mode / light mode
• Tamaños de fuente ajustables
• Keyboard + mouse + touch
• Velocidad de animación configurable

Simple e Intuitivo

• Iconos universales
• Navegación consistente
• Lenguaje simple
• Onboarding claro

Información Perceptible

• Alt text en imágenes
• Captions en videos
• Transcripts de audio
• High contrast options

Tolerancia al Error

• Undo disponible
• Confirmaciones para acciones destructivas
• Autoguardado
• Mensajes de error claros

Bajo Esfuerzo

• Gestos simples
• Clicks mínimos
• Formularios cortos
• Autocompletado

Espacio Apropiado

• Touch targets de 44px+
• Spacing generoso
• Scrolling natural
• Zoom funcional

Ejemplos

• OXO Good Grips: Diseñado para artritis, útil para todos
• Rampas de acera: Para sillas de ruedas, útiles para todos
• Puertas automáticas: Accesibles, convenientes para todos
• Subtítulos: Para sordos, útiles en espacios ruidosos

Anti-patterns

• ❌ Diseñar para "usuario promedio"
• ❌ Accesibilidad como afterthought
• ❌ Versiones separadas para "discapacitados"
• ❌ Asumir capacidades uniformes
• ❌ Ignorar edge cases como casos raros

Principios Relacionados

• [[inclusive-design]] - Diseño que incluye
• [[wcag-perceivable]] - Web accesible
• [[accessibility]] - Accesibilidad digital

Referencias

• Center for Universal Design. "The Principles of Universal Design"
• Mace, R. et al. (1997). "The Principles of Universal Design"
• https://universaldesign.ie/about-universal-design/