Design
Pantallas
Para qué

Especificación detallada de cada pantalla: datos mostrados, estados, acciones disponibles y navegación.

Audiencia

Diseño e ingeniería.

Reporte 90 Días

Planes → Cierre de Ciclo

Propósito: Comparar antes/después en 3 columnas: biomarcadores, proyecciones, siguiente paso.
JTBD: Saber qué hacer hoy en <30 segundos
Ruta: /paciente/plan/reporte
Módulo: PAM-4


Features

# Feature Descripción Prioridad
1 Before/After 3 columnas Inicio, Fin ciclo, Cambio – para score, edad bio, biomarcadores P0
2 Biomarcadores clave Top 5 que más cambiaron, con delta y estado P0
3 Adherencia resumen % general, streaks, días completados de 90 P1
4 Proyecciones actualizadas Escenario si continua vs si pausa P1
5 PDF download Botón para descargar reporte completo en PDF P1
6 Decisión CTA Continuar ciclo / Pausar 30d / Hablar con médico P0

States

Loading

  • Visual: Skeleton: 3 columnas + tabla biomarcadores + botón PDF shimmer
  • Copy: “Preparando tu reporte…”

Loaded (Normal)

  • Datos: Comparación completa, 5 biomarcadores top, adherencia, proyecciones

Empty

  • Trigger: Ciclo no completado (dia <90)
  • Copy: “Tu reporte estara disponible al completar el ciclo (dia 90)”
  • CTA: Volver a mi plan → /paciente/plan

Error

  • Copy: “No pudimos generar tu reporte”
  • CTA: Reintentar

Datos Mostrados

Dato Objeto OOUX Propiedad Ejemplo
Score inicio HealthScore valor_inicio 68
Score fin HealthScore valor_fin 85
Cambio score HealthScore delta +17
Edad bio inicio EdadBiologica edad_inicio 47.5
Edad bio fin EdadBiologica edad_fin 41.2
Biomarcador delta Biomarcador nombre, inicio, fin, delta Glucosa, 115, 98, -17
Adherencia Ciclo adherencia_pct, dias_completados 83%, 75/90

Acciones

Acción Tipo Resultado
Tap “Descargar PDF” Descarga Genera y descarga reporte PDF
Tap “Continuar” Flujo Inicia Ciclo 3
Tap “Pausar 30 días” Flujo Programa pausa con recordatorio
Tap “Hablar con médico” Navegación → Agendar consulta

  • Viene de: Mi Ciclo (ciclo terminado)
  • Va a: Nuevo ciclo (onboarding ciclo), Agendar Consulta, Dashboard
  • Back: Mi Ciclo