# Universal Design > 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. - Skill: `tomevault-io/universal-design` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/universal-design` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/universal-design/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/universal-design --- # 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/ --- > Converted and distributed by [TomeVault](https://tomevault.io/claim/vjrivmon) — claim your Tome and manage your conversions.