Design
P1
Flujos de Usuario
Para qué

Rutas completas del usuario a través del producto, incluyendo happy paths, error paths y priorización.

Audiencia

Diseño, ingeniería y QA.

Flow: Ciclo de 90 Días Completo

Baseline → Ejecución → Validación → Análisis

JTBD: “Quiero saber si el plan está funcionando después de 90 días”
Actor: Usuario a lo largo del ciclo
Trigger: Onboarding completado (Day 1) → Día 90
Priority: P1 (High) — Retención y renovación
Duration: 90 días + 7 días post-análisis


Overview Timeline

Timeline del ciclo de 90 dias


FASE 1: BASELINE (Día 1-7)

Actividades Esperadas

  • Onboarding 6 pasos completado
  • Labs iniciales cargadas (día 1-3)
  • Engine calcula Health Score inicial
  • Plan personalizado generado
  • Usuario ve Dashboard y entiende el sistema

Estado en App

Mi Ciclo:

 Ciclo #1: BASELINE                 
 Duración: 90 días                  
 Fase: BASELINE (Día 1-7)           
 Días transcurridos: 3 de 7         
 Estado:  En progreso              
                                     
  Datos personales completados    
  Historial médico completado     
  Labs iniciales cargadas         
  Plan generándose...             
  Próxima fase                    

Transición → FASE 2

Automática cuando:

  • Day 8 llega
  • Labs procesados + Health Score visible

FASE 2: EJECUCIÓN (Día 8-89)

Actividades Esperadas

  • Daily check-ins (recomendado 90/90, esperamos >70/90)
  • Seguimiento del plan
  • Health Coach IA disponible
  • Alertas si algo se desvía
  • Weekly progress tracking

Estado en App

Mi Ciclo:

 Ciclo #1: EJECUCIÓN                
 Duración: 90 días                  
 Fase: EJECUCIÓN (Día 8-89)         
 Días transcurridos: 45 de 82       
 Estado:  En buen ritmo            
                                     
 ADHERENCIA: 92% (84 de 90)          
  92%              
                                     
 PRÓXIMAS ACCIONES:                  
 • Mantén check-ins diarios          
 • Sigue el plan recomendado        
 • Labs finales: Día 88 (en 43 días) 
                                     
 [VER MIS PLANES] [CHAT COACH]       

Notifications During Execution

  • Day 30: "¡Mes completo! Vas muy bien "
  • Day 60: “2/3 done. Cambios ya visibles.”
  • Day 85: “Prepárate: Labs finales en 5 días”
  • Day 88: “Agendar análisis final”

Transición → FASE 3

Automática cuando:

  • Day 90 llega
  • Labs finales cargadas

FASE 3: CIERRE (Día 90)

Actividades Esperadas

  • Labs finales cargadas (usuario responsable o automático)
  • Engine re-calcula Health Score
  • Comparación: Score inicial vs Score final
  • RCV (Reference Change Value) identificado

Estado en App

Mi Ciclo:

 Ciclo #1: CIERRE                   
 Duración: 90 días                  
 Fase: CIERRE (Día 90)              
 Estado:  Procesando análisis      
                                     
 HEALTH SCORE:                      
 Inicial: 68                        
 Final: 78                          
 CAMBIO: +10 puntos (+14.7%)        
                   
  MEJORA DETECTADA                
                                     
 Análisis en progreso...            
 Esto puede tardar 1-2 horas        
                                     
 [Ver reporte tentativo] [Chat]     

Processing

  • Engine calcula RCV (cambio real vs variación biológica)
  • Compara biomarcadores: Day 1 vs Day 90
  • Identifica cuál mejoró, cuál empeoró
  • Genera reporte de impacto
  • Detecta patrones para próximo ciclo

Transición → FASE 4

Automática cuando:

  • Labs finales procesados (1-2 horas)
  • Reporte completamente generado

FASE 4: ANÁLISIS (Día 91-97)

Actividades Esperadas

  • Usuario ve REPORTE COMPLETO
  • Celebra mejoras o identifica qué no funcionó
  • Lee proyecciones a 1/3/5 años
  • Toma decisión: ¿Ciclo 2 sí o no?

Estado en App

Mi Ciclo - REPORTE FINAL

 Ciclo #1: ANÁLISIS COMPLETO        
 Período: 15 Nov 2025 - 15 Feb 2026 
 Estado:  COMPLETADO              
                                     
 PROGRESO GENERAL:                  
 Health Score: 68 → 78 (+10, +14%)  
 Edad Biológica: 45 → 42.8 (-2.2)   
 Adherencia: 92% (84/90 check-ins)   
                                     
 QUÉ MEJORÓ: (7 biomarcadores)      
  Glucosa: 105 → 98 mg/dL         
  Colesterol: 245 → 225 mg/dL    
  Presión: 130/85 → 120/78        
 ... (4 más)                         
                                     
 QUÉ EMPEORÓ: (1 biomarcador)       
  Vitamina D: 32 → 28 ng/mL      
 Recomendación: Ajustar dosis       
                                     
 PROYECCIONES A FUTURO:             
 Si continúas así:                  
 • 1 año: Score 85 proyectado       
 • 3 años: Edad bio = 40 años       
 • 5 años: Riesgo cardíaco ↓ 25%    
                                     
 [DESCARGAR PDF] [COMPARTIR MÉDICO] 
 [INICIAR CICLO 2] [PAUSAR]         

Key Elements

Números grandes y claros
Antes/después visuales
Biomarcadores agrupados (mejoró/empeoró)
RCV explicado (“Este cambio es REAL”)
Proyecciones motivacionales
Recomendaciones para ciclo 2
PDF descargable para médico


Decisión Point: Ciclo 2?

Punto de decision: iniciar Ciclo 2, pausar o desuscribir


Metrics & Success Criteria

Métrica Meta
Cycle Completion >70% (completar día 90)
Labs Loaded (Day 90) >95%
Reporte Generated (Day 91-97) 100%
Cycle 2 Initiation >60% of completers
Avg Score Improvement +8 puntos (14% delta)
User Satisfaction (NPS) >50

Edge Cases

Caso 1: Usuario abandona Day 30 (~50% do)

  • Mostrar: “Vuelve en cualquier momento”
  • Oferta: “30% descuento si vuelves en 7 días”
  • Email secuencia: Days 1, 7, 14, 30

Caso 2: Labs finales no procesadas hasta Day 95

  • Mostrar: “Análisis en progreso”
  • No bloquear Ciclo 2 si usuario quiere iniciar
  • Reporte incompleto pero disponible

Caso 3: Score empeoró (usuario desmotivado)

  • Destacar: “Es normal, medicina es iterativa”
  • Mostrar: “Qué cambió en el plan para ciclo 2”
  • Oferta: “Chat con médico para analizar”


ADDENDUM: Reporte 90 Días — Before/After Visual

Origen: Investigación Refero (abril 2026)
Referencia 1: Foodvisor — Weight Tracking — Start → Current → Goal en 3 columnas con line chart longitudinal
Referencia 2: Flo — Health Report — reporte por ciclo con timeline de dots de colores por categoría, exportable PDF
Referencia 3: The Outsiders — Readiness Levels — niveles con color bars y explicación en lenguaje claro
Referencia 4: Flo — Health Report Promo — CTA para descargar reporte con preview visual
JTBD afectado: #7 (saber si el plan funcionó después de 90 días) — P3 pero retención

Problema Actual

El reporte de cierre existe en la documentación como texto (score comparativo + recomendaciones), pero no hay especificación visual de cómo presentar los datos de forma que el paciente sienta el progreso.

Propuesta: Reporte como Experiencia de 3 Pantallas

Pantalla 1: “Tu Ciclo en Números” (Hero Comparativo)


 Tu Ciclo #1: Completado               
 90 días · 15 Oct - 13 Ene            
                                        
     
  Día 1     Día 90    Meta C2      
                                   
    62        78        85         
                                   
  Inicial   Final     Próximo      
     
                                        
      +16 puntos en tu Nivel de Salud   
       → 85       
                                        
 Edad biológica: 42 → 38 (-4 años)     
                                        
  Celebración (si +5 puntos) 
  ¡Increíble, María!                 
  Tu cuerpo mejoró en 12 indicadores 
  y tu edad biológica bajó 4 años.   
  Tu constancia valió la pena.       
 
                                        
 [VER DETALLE POR INDICADOR →]          

Pantalla 2: “Tus Indicadores” (Timeline de Biomarcadores)

Inspirado en el grid de Flo, pero con datos de laboratorio reales:


 ← Atrás        Detalle del Ciclo      
                                        
 12 mejoraron · 3 estables · 1 revisar 
                                        
 INDICADOR          DÍA 1    DÍA 90    
   
  Glucosa         110 →    95        
  Colesterol       245 →    198      
  Triglicéridos    180 →    145      
  Hemoglobina      13.2→    14.1     
  Vitamina D       22 →    45        
  Creatinina       1.0 →    1.0      
  TSH              2.5 →    2.4      
  Ácido úrico      7.8 →    7.2     
 ...                                    
                                        
  = Mejoró    = Estable    = Revisar 
                                        
 Toca cualquier indicador para ver      
 el detalle y qué lo causó.            
                                        
 [DESCARGAR REPORTE PDF]               
 [COMPARTIR CON MI MÉDICO]             

Pantalla 3: “¿Qué sigue?” (Decisión)


 ¿Qué quieres hacer?                   
                                        
  HERO CTA 
   Iniciar Ciclo 2                
  Tu plan se actualiza con los       
  nuevos datos. Objetivo: 85 puntos. 
                                     
  [INICIAR CICLO 2 →]  bg-[#0f2fc7] 
 
                                        
  Secondary 
   Pausar (hasta 30 días)          
  Te recordaremos. Tus datos se      
  mantienen.                         
 
                                        
  Tertiary 
   Hablar con mi médico primero    
  Agenda una consulta para revisar   
  el reporte juntos.                 
 
                                        
 Tu reporte está guardado en           
 Progreso → Mis Ciclos                 

Especificaciones visuales

Pantalla 1 (Hero):

  • Score boxes: 3 columnas iguales, número en Display Heavy 48pt
  • Score Día 1: bg-[#1E293B] (dark), Score Día 90: bg-[#0f2fc7] (hero blue), Meta C2: bg-[#e8ebf8] (light blue)
  • Barra de progreso horizontal: fill animado 800ms, de Día 1 a Día 90, con destello sutil al terminar
  • Card celebratoria: Solo aparece si delta >= +5 puntos. Fondo #f5f5f0 con borde sutil. Copy empoderador, personalizado con nombre.

Pantalla 2 (Timeline):

  • Tabla simple, no gráfico complejo. Cada fila: dot de color + nombre + valor inicial → valor final
  • Colores: #10B981 (mejoró), #9CA3AF (estable), #3B82F6 (revisar)
  • Tap en fila → abre Readiness Level bottom sheet (del addendum en dashboard.md)
  • Export PDF usa este mismo layout

Pantalla 3 (Decisión):

  • CTA primario: Iniciar Ciclo 2, bg-[#0f2fc7] full-width
  • CTA secundario: Pausar, outline gris
  • CTA terciario: Hablar con médico, text button
  • Si score empeoró: No mostrar celebración. Mostrar: “Tu cuerpo necesita más tiempo. Veamos qué ajustar en el Ciclo 2.” + CTA a consulta médica como primario.

Edge case: Score empeoró

 Mensaje empático 
 Los resultados no siempre son         
 lineales, María.                      
                                       
 Tu médico puede ayudarte a entender   
 qué pasó y ajustar el plan.           
                                       
 [HABLAR CON MI MÉDICO →] (primario)   
 [INICIAR CICLO 2 →]     (secundario)  
 [PAUSAR]                 (terciario)  

Métricas del reporte

Métrica Meta
Reporte opened (de usuarios que terminan ciclo) >90%
Time on Pantalla 1 >15 seg (engagement)
Tap en detalle de indicador >40%
PDF download >25%
Iniciar Ciclo 2 >60%
Pausar <25%
Unsub <15%

Próximo: alerts — Alert System Flow