30+ Apps publicadas Mobile · Consola · Web

UI Design

30+ aplicaciones · craft, sistemas y ergonomía

No solo hago pantallas bonitas — diseño interfaces que respetan al usuario: legibles bajo luz solar, usables con el pulgar, consistentes en actualizaciones y honestas sobre lo que pueden hacer.

30+ AppsMobile UIConsolaDesign SystemsAccesibilidad

Ver trabajo en profundidad Ver criterios de ergonomía

01En números

Lo que significa trabajar en 30+ productos reales

30+

Apps publicadas en App Store y Google Play, además de proyectos de consola y web.

Plataformas distintas con requisitos de UI muy diferentes: mobile, consola (Switch/PS) y web.

∞

Iteraciones. Cada app es un ciclo de diseño → prueba → aprendizaje → rediseño.

Principio que no cambia: la interfaz trabaja para el usuario, no al revés.

02Profundidad · Caso ejemplo

Pocoyó Space Adventure — UI para audiencia 3-8 años

Ejemplo en profundidad

Diseñar para quienes no saben leer todavía

Una UI para niños de 3-8 años elimina los supuestos de diseño más básicos: no hay texto en los botones de acción, no hay flujos de más de 2 pasos, no hay asunciones sobre la direccionalidad de lectura. El diseño de la interfaz tiene que funcionar sin instrucciones.

Los targets de toque son el doble del mínimo recomendado en HIG/Material. El feedback visual es exagerado — una respuesta débil es una respuesta que no existe para un niño de 4 años. La paleta está diseñada para funcionar incluso con deficiencias visuales comunes en esa franja de edad.

Los iconos son el único lenguaje. Cada icono se valida en aislamiento: si el significado no es obvio sin contexto, se redibuja.

Sin texto en acciones

Los botones de acción principal no contienen texto — solo icon + color + forma. La acción tiene que ser evidente sin leer.

Feedback exagerado

Cada interacción tiene respuesta visual Y sonora. Si el feedback puede ignorarse, no cuenta como feedback.

Flujos de un toque

Cualquier tarea del usuario se completa en máximo 2 toques. Más es demasiado para la audiencia objetivo.

03Criterios de ergonomía

Principios que aplico en todos los proyectos, sin excepción

Ergonomía no es solo el tamaño del botón — es el conjunto de decisiones que hacen que una interfaz funcione bien en las condiciones reales del uso, no en las ideales del diseñador.

Mobile

Zona de pulgar

Las acciones principales viven en la mitad inferior de la pantalla. Nada crítico en las esquinas superiores. El diseño funciona a una mano.

Mobile

Legibilidad exterior

Contraste mínimo WCAG AA en todos los textos. La interfaz tiene que ser legible bajo luz solar directa sin bajar el brillo.

Consola

Navegación con mando

Focus state visible y claro. El orden de navegación con D-pad es lógico. Nada que requiera precisión de puntero.

Consola

Distancia de visualización

Tipografía y elementos UI escalados para lectura a 2-3 metros en TV. El tamaño mínimo de texto es significativamente mayor que en mobile.

Universal

Feedback de estado

El usuario siempre sabe dónde está, qué puede hacer a continuación y si su última acción tuvo efecto.

Universal

Recuperación de error

Los errores tienen mensajes claros y una acción de recuperación evidente. Nunca se termina en un estado sin salida.

04Amplitud · Tipos de producto

Interfaces diferentes, criterios consistentes

30+ apps no son 30 versiones del mismo producto. Son contextos radicalmente diferentes con restricciones distintas — y eso fuerza a desarrollar criterios de diseño que escalen más allá de un estilo visual concreto.

🎮

Juegos mobile

📱

Apps interactivas

🎲

Consola (Switch/PS)

🧒

Audiencia infantil

🤖

Productos con IA

🌐

Web / PWA