Parte 10 — UI/UX, accesibilidad y localización

⬅️ Volver al programa · 📚 Índice completo · ⏮️ Parte anterior · ⏭️ Parte siguiente

12 clases · rango 188–199 · Interfaces que se entienden y llegan a todos: el sistema Control de Godot, theming, HUD, menús, UI responsive, accesibilidad y localización

🧪 Laboratorio ejecutable: esta parte tiene un proyecto Godot real — labs/ui-accesible — con versión inicio/ (para completar) y solucion/ (referencia), verificado en CI: la UI de Godot se calcula en la CPU, así que se puede medir sin pantalla.

Fuentes de referencia de esta parte:

• Celia Hodent, The Gamer's Brain: How Neuroscience and UX Can Impact Video Game Design.
• Documentación de UI de Godot 4.
• Game Accessibility Guidelines.
• Documentación de internacionalización de Godot.

🎯 ¿De qué trata esta parte?

La interfaz es el idioma con el que el juego habla con el jugador: menús, HUD, inventarios, avisos. Una buena UI es invisible cuando funciona y frustrante cuando no. Esta parte enseña a construir interfaces sólidas con el sistema Control de Godot 4 (containers, anclas, theming), y a diseñarlas bien: HUD diegético vs no diegético, navegación entre pantallas, y el juice que hace que una UI se sienta viva.

Además aborda dos temas que separan un juego amateur de uno profesional: la UI responsive (que funcione en cualquier resolución y aspect ratio, con teclado, gamepad y táctil) y, sobre todo, la accesibilidad (visual, auditiva, motora y cognitiva) y la localización a varios idiomas. Cerramos con tipografía multi-idioma y un capstone: una UI completa, accesible y localizada.

🧩 Problemas que resuelve

• UIs que se rompen o descolocan al cambiar de resolución o aspect ratio.
• Menús que no se pueden navegar con gamepad o que son un caos con muchos elementos.
• HUD que satura o esconde información clave.
• Juegos inaccesibles para personas con daltonismo, baja visión o dificultades motoras.
• Textos "hardcodeados" imposibles de traducir; fuentes que no soportan otros idiomas.

🎓 Resultados de aprendizaje

Al terminar la parte, el alumno podrá:

• Construir UIs con el sistema Control de Godot (containers, anclas, theming).
• Diseñar HUD y menús claros con buena navegación y feedback.
• Crear UIs responsive que funcionen con teclado, gamepad y táctil.
• Aplicar pautas de accesibilidad (contraste, subtítulos, remapeo, escalado).
• Localizar un juego a varios idiomas con archivos de traducción.
• Gestionar tipografía y texto en distintos idiomas y sistemas de escritura.

🧱 Prerrequisitos

• Partes 0 y 1 (nodos, escenas, señales; HUD básico de la Parte 1).
• Godot 4.x. Útil haber visto la Parte 8 (UX es parte del diseño).

📚 Las 12 clases

Con la interfaz resuelta, la Parte 11 lleva el juego a más pantallas: móvil, consolas y plataformas.