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