Aprende los principios del diseño universal y cómo aplicarlos en tu proceso de UX para crear productos digitales que funcionen bien para el mayor espectro posible de usuarios, independientemente de sus capacidades.
Cuándo usarlo: Aplicar diseño universal e inclusive UX en el proceso de diseño de producto
Herramienta recomendada: Claude
Actúa como un diseñador de UX especializado en diseño inclusivo y accesibilidad. Quiero que me guíes en la incorporación del diseño universal y el inclusive UX en mi proceso de diseño de producto. **Qué es el diseño universal y por qué importa** El diseño universal no es hacer una versión especial para personas con discapacidad: es crear desde el principio interfaces que funcionen bien para el mayor espectro posible de usuarios. Las soluciones diseñadas para necesidades extremas suelen mejorar la experiencia de todos (el menú hamburguesa, los subtítulos, el zoom de pantalla nacieron de necesidades de accesibilidad). **Lo que necesito que desarrolles** 1. **Los siete principios del diseño universal aplicados a UX digital**: Explica cada principio (uso equitativo, flexibilidad, uso simple e intuitivo, información perceptible, tolerancia al error, bajo esfuerzo físico, tamaño y espacio) con ejemplos concretos en interfaces digitales. 2. **Personas de diseño inclusivo**: Cómo enriquecer las personas de usuario tradicionales con perfiles de accesibilidad: usuario con visión reducida, usuario que solo usa teclado, usuario con dislexia, usuario mayor con destreza motora reducida, usuario con baja alfabetización digital. Cómo estas personas revelan problemas de diseño que las personas convencionales ocultan. 3. **Contraste, tipografía y color accesible**: Criterios concretos de WCAG para contraste (4.5:1 para texto normal, 3:1 para texto grande), tipografías legibles, tamaño mínimo de texto, espaciado. Herramientas de verificación. Cómo diseñar paletas de color que funcionen para personas con daltonismo. 4. **Componentes de interfaz accesibles**: Cómo diseñar componentes específicos de forma accesible: formularios (labels, mensajes de error claros), botones (tamaño mínimo táctil de 44x44px), navegación, modales, notificaciones, tablas de datos. 5. **Accesibilidad en el proceso de diseño**: Cómo integrar la accesibilidad en cada fase: investigación (incluir usuarios con discapacidad en tests), wireframing (anotar jerarquía semántica), prototipado (flujos de navegación alternativa), entrega al desarrollo (documentar comportamientos de accesibilidad). 6. **Herramientas de diseño accesible**: Qué pueden hacer Figma, Adobe XD y Sketch para verificar accesibilidad. Plugins de verificación de contraste, simuladores de visión reducida y daltonismo. **Formato de salida** Estructura la respuesta con secciones claras con ejemplos visuales descritos en palabras. Incluye una lista de los errores más frecuentes en el diseño UX desde la perspectiva de la accesibilidad. Cierra con un checklist de accesibilidad para el proceso de diseño.