▦

Desafío Mate 2.0 · Galería de pantallas

Referencias visuales para Diseño UX/UI y desarrollo
Volver al User Request

Propuestas gráficas consolidadas

Las imágenes representan la dirección visual aprobada para el flujo del alumno, los informes del profesor y la administración pedagógica. El diseño final deberá reconstruirse con componentes editables y considerar variantes responsive, loading, vacío, error y accesibilidad.

Pantallas del alumno

ALU-01

Selección de mundos

Entrada a los ejes de Matemática mediante mundos ilustrados con avance, estrellas y recomendación.

Abrir JPGDescargar
ALU-02

Mapa del eje y misión actual

Ruta lineal con isla anterior, misión actual y próxima isla aún desconocida bajo niebla.

Abrir JPGDescargar
ALU-06

Evaluador Personal · pregunta

Interfaz de evaluación con progreso variable, alternativas claras y apoyo visual de la mascota.

Abrir JPGDescargar
ALU-08

Misión completada y revelación

Resultado posterior al Evaluador y acción para descubrir la cápsula elegida por el motor.

Abrir JPGDescargar

Informes y pantallas del profesor

PRO-01

Dashboard general del curso

Panorama del curso con KPIs, cobertura por eje, OA críticos, alumnos y alertas.

Abrir JPGDescargar
PRO-02

Cobertura por eje y nivel

OA dominados y pendientes, progreso curricular, dominio, confianza y prioridades.

Abrir JPGDescargar
PRO-03

Heatmap OA × alumnos

Matriz de dominio y confianza para reconocer brechas comunes y grupos de apoyo.

Abrir JPGDescargar
PRO-06/07

Ficha y trayectoria del alumno

Vista individual con avance por eje, remediales, ruta, evidencias y acciones sugeridas.

Abrir JPGDescargar

Administración pedagógica

ADM-01

Editor de progresión curricular

Gestión de relaciones entre OA y visualización del grafo dirigido de prerrequisitos.

Abrir JPGDescargar
ADM-02/03

Asociación de cápsulas, preguntas y OA

Administración de relaciones múltiples, OA principal y cobertura del banco de contenidos.

Abrir JPGDescargar