App educativa · UX/UI · 2025

Aprendo
TDAH
& aprendizaje

App educativa diseñada para niños con TDAH. Organización, concentración y motivación desde un diseño inclusivo, claro y adaptado a cómo aprenden de verdad.

Rol
UX/UI Design
Duración
3 semanas
Tipo
App móvil
Año
2025
01 — Problema

¿Por qué existe Aprendo?

Los métodos y plataformas educativas tradicionales no están adaptados a cómo aprenden los niños con TDAH. El diseño actual genera frustración, desmotivación y dificultades para mantener rutinas.

🧠
Dificultad para organizar tareas y recordar actividades diarias.
🌀
Sobrecarga sensorial en interfaces demasiado complejas o llenas de estímulos.
Falta de motivación y baja tolerancia a tareas largas o poco dinámicas.
👨‍👩‍👧
Poca adaptación para profesores y familias que necesitan dar seguimiento.
Objetivo del proyecto
Una app adaptada a cómo aprenden

Diseñar una app que facilite la organización, mejore la concentración y refuerce la motivación de niños con TDAH mediante una interfaz visual, predecible y calmada.

02 — Investigación · Netnografía

Escuchar antes de diseñar

Analicé testimonios reales en foros y redes sociales de personas con TDAH para detectar patrones emocionales difíciles de capturar con métodos tradicionales.

r/psicologia · Testimonio real
"A lo largo de mi vida he tenido este tipo de problemas, que han afectado mi manera de socializar... no puedo evitar pensar que lo tengo, olvidar con gran facilidad las cosas."
Hallazgo clave
"Hasta que conoces a gente que lo entiende, tu nivel de frustración solo hace que crecer a diario y eso afecta gravemente tu autoestima."
r/psicologia · Respuesta comunidad
"Concentrarse o prestar atención en algunas cosas es una tarea titánica... créeme que afecta un poco al momento de concentrarte."
◎ Insight detectado
El TDAH afecta no solo la concentración sino la autoestima y las relaciones sociales. El diseño debe ser un apoyo invisible, no un recordatorio de las limitaciones.
Insights clave de la investigación
01
Concentración frágil
Dificultad para mantener el foco en tareas largas. Necesitan feedback inmediato y estímulos controlados.
02
Organización como reto
Problemas de gestión del tiempo y memoria de trabajo. Las tareas deben estar muy estructuradas y visibles.
03
Motivación inmediata
Tendencia a la frustración cuando el entorno no está adaptado. Las recompensas y logros son esenciales.
03 — User Personas

Diseñar para personas reales

A partir de los hallazgos construí dos perfiles que sintetizan necesidades, comportamientos y frustraciones clave. Estos perfiles guiaron todas las decisiones de diseño.

👩
Laura Sánchez
28 años · Diseñadora gráfica · Ciudad de México
"A menudo se me olvidan tareas importantes o pierdo el hilo de proyectos cuando no están estructurados."
Herramientas visuales y flexibles que la ayuden a organizarse sin perder su creatividad. Métodos como el Pomodoro y un entorno libre de distracciones.
Se frustra con herramientas complicadas o rígidas que no se adaptan a su forma de trabajar. Siente que pocas soluciones están diseñadas para personas con TDAH.
AlegreCreativaImpulsivaTrabajadora
👦
Francisco Alarcón
9 años · 3º de primaria · Murcia
"A veces empiezo muchas cosas, pero luego me olvido de terminarlas."
Un espacio para expresar su creatividad sin perder el foco. Recompensas que le motiven, actividades cortas y recordatorios visuales para mantener el enfoque.
Se distrae fácilmente y se frustra cuando no puede terminar las tareas. Se siente incomprendido por sus profesores y familia.
CuriosoSociableCreativoSensible
04 — Wireframes

La estructura primero

Antes del diseño visual definí la estructura de cada pantalla en baja fidelidad. Iterar en wireframes permitió validar la jerarquía y flujos sin invertir tiempo en lo visual.

Wireframe Home
Wireframe Test
Wireframe Calendario
05 — Diseño final

Simple, visual y motivador

Una interfaz clara y predecible con ilustraciones, colores vivos y jerarquía visual que guía al niño sin sobrecargarlo. Cada decisión de diseño reduce el esfuerzo cognitivo.

HOME
ACCESO A TESTS
Elige el test que quieras realizar por categoría o busca directamente. Test anteriores siempre a la vista.
CALENDARIO
CALENDARIO
Vista mensual con tareas del día y recordatorios inteligentes para ayudar al niño a organizarse sin esfuerzo.
TEST INTERACTIVO
TEST INTERACTIVO
Preguntas visuales con personajes ilustrados que mantienen la atención y hacen el aprendizaje dinámico.
JUEGOS EDUCATIVOS
HOME
Panel principal con acceso rápido al calendario, tests del día y clases programadas. Todo lo importante de un vistazo.
PERFIL Y LOGROS
JUEGOS DISPONIBLES
Catálogo de juegos educativos organizados por materia. Diseño visual que invita a explorar y jugar.
AJUSTES Y ACCESIBILIDAD
ATRAPA LOS MÚLTIPLOS
Ejemplo de juego: atrapa los números múltiplos de 3 antes de que se escapen. Concentración y matemáticas en uno.
06 — Testing & validación

Heatmaps para entender la atención

Para validar la efectividad del diseño realicé un test de usabilidad con análisis visual mediante heatmaps. El objetivo era evaluar hacia dónde se dirigía la atención y si la jerarquía visual guiaba correctamente el flujo.

El foco inicial se concentró en elementos clave como el banner, las tarjetas de clases y los botones de acción — la estructura guía de forma intuitiva.
Se detectaron puntos de distracción en zonas con demasiados colores o iconografía en secciones de juegos.
Los usuarios mostraron preferencia por elementos grandes, claros y centrados — confirmando la necesidad de simplicidad visual.
Heatmaps del test
Heatmap 1
Tests — foco en banner y tarjetas de test anteriores
Heatmap 2
Calendario — atención en el saludo, la fecha activa y las tareas del día
Heatmap 3
Juegos — foco en el banner y en los títulos de juegos disponibles
Heatmap 4
Home — atención en los accesos rápidos y en las clases de hoy
07 — Aprendizajes

Lo que me llevé de Aprendo

🎯
Entendí la importancia de reducir estímulos para mejorar la concentración real de los niños con TDAH.
🧩
Aprendí a priorizar la jerarquía visual para guiar la atención sin forzarla, dejando que el diseño trabaje solo.
Validé el valor del feedback inmediato, incluso en microinteracciones muy pequeñas: hacen toda la diferencia.
🧼
Refiné mi capacidad para simplificar interfaces sin perder expresividad ni calidez visual.
👀
Me acostumbré a testear y corregir rápido, basándome en datos de heatmaps y no solo en intuición.
🤝
Diseñar para niños significa diseñar también para padres y profesores — todos forman parte de la experiencia.

¿Vemos el prototipo?

Ver prototipo interactivo ↗ ← Volver al portfolio