Especificación: Interfaz de Ejercicios

Descripción

La interfaz donde el estudiante interactúa con las preguntas. Debe ser libre de distracciones y altamente usable.

Requisitos de UX/UI

Layout

• Minimalista: Ocultar navegación principal y footer durante el examen.
• Barra de Estado:
  • Timer (si aplica).
  • Progreso (Pregunta X de Y).
  • Botón "Pausar/Salir".

Presentación de Pregunta

• Tipografía legible (tamaño base 16px+).
• Espaciado generoso.
• Imágenes con opción de zoom (lightbox).

Feedback

• Inmediato: Al enviar, mostrar loading state.
• Visual: Colores claros para éxito (verde) o áreas de mejora (naranja/rojo).
• Explicativo: Mostrar la corrección de la IA de forma estructurada, no un bloque de texto plano.

Configuración de Sesión

Antes de iniciar, el estudiante puede configurar: 1. Modo: Práctica (sin tiempo) o Examen (con tiempo). 2. Temas: Filtrar por categorías específicas. 3. Cantidad: Número de preguntas.

Criterios de Aceptación

• [ ] Responsive total (móvil/tablet/desktop).
• [ ] Accesibilidad (WCAG 2.1) - contraste y navegación por teclado.
• [ ] Auto-guardado de respuestas en borrador (localstorage o DB).