Flow: Plans & Cycle Management
Plan del Dia, Plan Completo, Suplementos, Mi Ciclo, Reporte
JTBD: “Cuando quiero saber qué hacer hoy, quiero ver mi plan en <30 segundos”
Actor: Paciente (en ciclo activo)
Trigger: Tab “Planes” o “Plan del Dia” en dashboard
Priority: P0 (Critical) – daily engagement driver
Duration: 10-30 segundos (plan diario) / 2-5 min (plan completo)
Happy Path
SCREEN 1: Plan del Dia
Ruta: /paciente/plan (vista diaria por defecto)
Contexto: Primera pantalla después del dashboard. El usuario llega aquí entre 7-10am con la intención de saber qué hacer hoy.
Wireframe
+------------------------------------------+
| < Inicio Mi Plan Ciclo 2 D45 |
+------------------------------------------+
| |
| [check] Aprobado por Dr. Garcia |
| 15 Dic 2025 |
| Optimizar metabolismo y |
| mantener glucosa controlada |
| |
+------------------------------------------+
| [Suplementos (5)] [Hábitos (3)] [Guias] |
+------------------------------------------+
| |
| MANANA |
| +--------------------------------------+ |
| | Vitamina D3 2000 UI | |
| | Tomar con grasas para mejor | |
| | absorción | |
| +--------------------------------------+ |
| | Omega-3 (EPA/DHA) 2g | |
| | Fuente de ácidos grasos esenciales | |
| +--------------------------------------+ |
| | Complejo B 1 capsula | |
| | Metilado para mejor biodisponibilidad| |
| +--------------------------------------+ |
| |
| NOCHE |
| +--------------------------------------+ |
| | Magnesio Glicinato 400 mg | |
| | 30 minutos antes de dormir | |
| +--------------------------------------+ |
| | Creatina 5g | |
| | Puede tomarse a cualquier hora | |
| +--------------------------------------+ |
| |
| [box] Kit enviado 18 Dic |
| Próximo: 15 Mar (inicio Ciclo 3) |
| |
| --- tab Hábitos --- |
| |
| DIARIOS |
| +--------------------------------------+ |
| | Caminata 20 min 65% | |
| | Después del almuerzo, ritmo moderado | |
| | Tip: caminata post-comida regula | |
| | glucosa | |
| +--------------------------------------+ |
| | Meditación 10 min 45% | |
| | Mañana o noche, reducir estrés | |
| | [!] Este hábito necesita atención | |
| +--------------------------------------+ |
| |
| SEMANALES |
| +--------------------------------------+ |
| | Fuerza 2-3x/sem 50% | |
| | 30-45 min, ejercicios compuestos | |
| | Esta semana: 1 de 2 completado | |
| +--------------------------------------+ |
| |
| --- tab Guias nutricionales --- |
| |
| PRIORIZAR |
| +--------------------------------------+ |
| | Vegetales de hoja verde | |
| | Espinaca, kale, acelga, brocoli | |
| | Alto en fibra, bajo índice glucemico | |
| +--------------------------------------+ |
| | Proteína de calidad | |
| | Pescado, pollo, huevos, legumbres | |
| | 25-30g por comida principal | |
| +--------------------------------------+ |
| | Grasas saludables | |
| | Aguacate, aceite de oliva, nueces | |
| +--------------------------------------+ |
| | Frutas de bajo IG | |
| | Frutos rojos, manzana, pera | |
| | Limitar a 2 porciones/dia | |
| +--------------------------------------+ |
| |
| MODERAR |
| +--------------------------------------+ |
| | Carbohidratos refinados | |
| | Arroz blanco, pan blanco, pasta | |
| | Preferir versiones integrales | |
| +--------------------------------------+ |
| |
| EVITAR |
| +--------------------------------------+ |
| | Azucares anadidos | |
| | Refrescos, dulces, postres procesados| |
| +--------------------------------------+ |
| | Ultraprocesados | |
| | Comida rápida, snacks empaquetados | |
| +--------------------------------------+ |
| |
+------------------------------------------+
Data Shown
| Dato | Fuente |
|---|---|
| Ciclo y dia actual | Ciclo.numero_ciclo, Ciclo.dias_transcurridos |
| Médico que aprobo el plan | Plan.aprobado_por |
| Objetivo del plan | Plan.objetivo |
| Suplementos (nombre, dosis, instrucción) | Plan.suplementos[] |
| Hábitos diarios y semanales | Plan.ejercicio_recomendado, Plan.estres_management |
| Adherencia por hábito (%) | CheckIn aggregated over cycle |
| Guias nutricionales | Plan.nutricion_focus[] |
| Info de envió de kit | Shipment.last_sent, Shipment.next_shipment |
States
Loading:
Skeleton shimmer (260-500ms). Header skeleton, tab skeleton,
3 card skeletons stacked with shimmer animation. FadeInUp
staggered at 0.2s intervals.
Normal: All data visible, tabs functional. Default tab: Suplementos.
Empty (plan not generated yet):
+--------------------------------------+
| Tu plan se está generando... |
| Esto puede tardar unas horas |
| mientras analizamos tus exámenes. |
| |
| Te notificaremos cuando este listo. |
| |
| [IR AL DASHBOARD] |
+--------------------------------------+
Error (failed to load):
+--------------------------------------+
| No pudimos cargar tu plan |
| Revisa tu conexión e intenta de |
| nuevo. |
| |
| [REINTENTAR] |
+--------------------------------------+
Offline:
Mostrar último plan cacheado con badge:
"Ultima actualización: hace 2 horas"
Suplementos y hábitos visibles. Check-in
se encola localmente.
Interactions
| Elemento | Acción | Resultado |
|---|---|---|
| Tab Suplementos/Hábitos/Guias | Tap | Switch de contenido con sliding indicator |
| Suplemento row | Tap | Navega a /paciente/plan/suplemento/:id |
| Hábito card | Tap | Expand con tip + barra de progreso |
Badge adherencia <50% |
Visible | Se muestra en azul #0f2fc7, no en rojo |
| Warning hábito | Visible | Banner azul sutil, no alarma |
| Header “< Inicio” | Tap | Navega a dashboard |
| “Ciclo 2 D45” | Tap | Navega a Mi Ciclo |
Copy
Header: "Mi Plan"
Subheader: "Ciclo {n} · Dia {d}"
Approval: "Aprobado por {doctor} · {fecha}"
Tab labels: "Suplementos", "Hábitos", "Guias nutricionales"
Time groups: "Mañana", "Mediodia", "Noche"
Habit sections: "Diarios", "Semanales"
Nutrition sections: "Priorizar", "Moderar", "Evitar"
Shipment: "Kit enviado el {fecha} · Próximo: {fecha}"
Low adherence: "Este hábito necesita más atención"
Empty: "Tu plan se está generando..."
SCREEN 2: Plan Completo (90 Días)
Ruta: /paciente/plan/completo
Contexto: Vista expandida del plan por dominio. El usuario quiere entender TODO lo que el plan cubre y por qué.
Wireframe
+------------------------------------------+
| < Mi Plan Plan Completo 90 días |
+------------------------------------------+
| |
| Tu plan fue diseñado para optimizar |
| 5 áreas de tu salud. Toca cualquier |
| recomendación para ver por que. |
| |
+------------------------------------------+
| [Sangre] [Ejercicio] [Nutrición] |
| [Sueño] [Suplementos] |
+------------------------------------------+
| |
| --- Dominio: Sangre --- |
| |
| META DEL CICLO |
| Reducir glucosa <100 mg/dL y mejorar |
| perfil lipídico en 90 días. |
| |
| BIOMARCADORES OBJETIVO |
| +--------------------------------------+ |
| | Glucosa 110 -> <100 mg/dL | |
| | [tap: por que] | |
| +--------------------------------------+ |
| | Colesterol 245 -> <200 mg/dL | |
| | [tap: por que] | |
| +--------------------------------------+ |
| | Trigliceridos 180 -> <150 mg/dL | |
| | [tap: por que] | |
| +--------------------------------------+ |
| | Vitamina D 22 -> >40 ng/mL | |
| | [tap: por que] | |
| +--------------------------------------+ |
| |
| --- Dominio: Ejercicio --- |
| |
| PLAN SEMANAL |
| +--------------------------------------+ |
| | Lun Caminata 20 min (post-almuerzo)| |
| | Mar Fuerza 40 min (compuestos) | |
| | Mie Caminata 20 min | |
| | Jue Fuerza 40 min | |
| | Vie Caminata 30 min + estiramiento | |
| | Sab Actividad libre 30 min | |
| | Dom Descanso activo (yoga/caminar) | |
| +--------------------------------------+ |
| |
| POR QUE ESTE PLAN |
| El ejercicio de resistencia mejora la |
| sensibilidad a insulina. La caminata |
| post-comida regula picos de glucosa. |
| |
| --- Dominio: Nutrición --- |
| |
| GUIAS GENERALES |
| * 25-30g proteína por comida principal |
| * Fibra: >25g diarios |
| * Hidratación: 2-3L agua/dia |
| |
| POR TU GLUCOSA ELEVADA |
| * Evitar carbohidratos simples en ayunas |
| * Combinar carbohidratos con proteína |
| * Preferir índice glucemico bajo |
| |
| POR TU COLESTEROL |
| * Incrementar fibra soluble (avena) |
| * Reducir grasas saturadas |
| * Omega-3 de fuentes naturales |
| |
| --- Dominio: Sueño --- |
| |
| OBJETIVO: 7-8 horas por noche |
| HORA RECOMENDADA: Antes de 10:30 PM |
| |
| RECOMENDACIONES |
| * Magnesio 30 min antes de dormir |
| * Sin pantallas 1h antes |
| * Temperatura 18-20C |
| * Rutina consistente (misma hora) |
| |
| POR QUE |
| El sueño profundo regula cortisol, |
| apetito y recuperación muscular. |
| Afecta directamente tu glucosa matutina. |
| |
| --- Dominio: Suplementos --- |
| |
| +--------------------------------------+ |
| | Vitamina D3 2000 UI Mañana | |
| | Razón: Nivel actual 22 ng/mL (bajo) | |
| | Meta: >40 ng/mL en 90 días | |
| | [VER DETALLE ->] | |
| +--------------------------------------+ |
| | Omega-3 (EPA/DHA) 2g Mañana | |
| | Razón: Reducir inflamación | |
| | Meta: Trigliceridos <150 | |
| | [VER DETALLE ->] | |
| +--------------------------------------+ |
| | Complejo B 1 cap Mañana | |
| | Razón: Energía y homocisteina | |
| | [VER DETALLE ->] | |
| +--------------------------------------+ |
| | Magnesio Glicinato 400mg Noche | |
| | Razón: Calidad de sueño | |
| | [VER DETALLE ->] | |
| +--------------------------------------+ |
| | Creatina 5g Noche | |
| | Razón: Masa muscular y cognición | |
| | [VER DETALLE ->] | |
| +--------------------------------------+ |
| |
+------------------------------------------+
Data Shown
| Dato | Fuente |
|---|---|
| Meta del ciclo por dominio | Plan.razonamiento.prioridad_cambios |
| Biomarcadores objetivo | Biomarcador[] con estado y rango óptimo |
| Plan semanal de ejercicio | Plan.ejercicio_recomendado (expanded) |
| Guias nutricionales | Plan.nutricion_focus[] |
| Objetivo de sueño | Plan.sueno_objetivo |
| Lista de suplementos con razón | Plan.suplementos[] + Plan.razonamiento.basado_en_biomarcadores |
States
Loading: Skeleton shimmer con tabs y 3 bloques placeholder.
Normal: 5 domain tabs, default: Sangre. Cada dominio expandido con meta, items, explicación “por qué”.
Plan Versión Updated:
Banner sutil arriba:
"Tu plan fue ajustado el 15 Ene. [Ver cambios]"
Interactions
| Elemento | Acción | Resultado |
|---|---|---|
| Domain tab | Tap | Scroll al dominio correspondiente |
| Biomarcador row “por qué” | Tap | Bottom sheet con readiness levels (ver dashboard addendum) |
| Suplemento “VER DETALLE” | Tap | Navega a Screen 3 (Detalle Suplemento) |
| Plan semanal dia | Tap | Expand con detalle de ejercicio |
| Nutrición item | Tap | Expand con explicación científica simplificada |
Copy
Intro: "Tu plan fue diseñado para optimizar 5 áreas de tu salud.
Toca cualquier recomendación para ver por que."
Tabs: "Sangre", "Ejercicio", "Nutrición", "Sueño", "Suplementos"
Section: "Meta del Ciclo", "Biomarcadores Objetivo", "Plan Semanal",
"Guias Generales", "Recomendaciones", "Por que"
Updated banner: "Tu plan fue ajustado el {fecha}. Ver cambios"
SCREEN 3: Detalle de Suplemento
Ruta: /paciente/plan/suplemento/:id
Contexto: El usuario toco un suplemento y quiere saber exactamente por qué lo toma, la ciencia detrás, y que esperar.
Wireframe
+------------------------------------------+
| < Mi Plan Detalle |
+------------------------------------------+
| |
| +--------------------------------------+ |
| | | |
| | [pill icon] | |
| | | |
| | Vitamina D3 | |
| | 2000 UI · Cada mañana | |
| | | |
| | bg-[#0f2fc7] text-white | |
| +--------------------------------------+ |
| |
| COMO TOMARLO |
| +--------------------------------------+ |
| | Horario Mañana, con el desayuno | |
| | Dosis 2000 UI (1 capsula) | |
| | Con que Tomar con grasas para | |
| | mejor absorción | |
| | Duración Todo el ciclo (90 días) | |
| +--------------------------------------+ |
| |
| POR QUE LO NECESITAS |
| +--------------------------------------+ |
| | Tu nivel actual de Vitamina D es | |
| | 22 ng/mL. Lo ideal es estar por | |
| | encima de 40 ng/mL. | |
| | | |
| | [bar] ====o=========== | | |
| | 22 40 60 | |
| | | |
| | Biomarcador vinculado: Vitamina D | |
| | Estado: Revisar | |
| +--------------------------------------+ |
| |
| QUE DICE LA CIENCIA |
| +--------------------------------------+ |
| | La vitamina D regula la absorción | |
| | de calcio, fortalece los huesos y | |
| | apoya el sistema inmunologico. En | |
| | latitudes como Medellín, incluso | |
| | con sol, muchas personas tienen | |
| | niveles bajos. | |
| | | |
| | Suplementar con 2000 UI diarias es | |
| | seguro y efectivo para la mayoría | |
| | de adultos. | |
| +--------------------------------------+ |
| |
| EFECTOS ESPERADOS |
| +--------------------------------------+ |
| | Semana 2-4: | |
| | Posible mejora en energía | |
| | Semana 4-8: | |
| | Nivel sanguineo sube | |
| | Mejor calidad de sueño | |
| | Dia 90: | |
| | Meta: >40 ng/mL en proximos labs | |
| +--------------------------------------+ |
| |
| DURACION RECOMENDADA |
| +--------------------------------------+ |
| | Este suplemento se recomienda por | |
| | la duración completa del ciclo | |
| | (90 días). Se re-evaluara con los | |
| | resultados de tus proximos exámenes. | |
| | | |
| | Si alcanzas >40 ng/mL, la dosis | |
| | puede reducirse en el Ciclo 2. | |
| +--------------------------------------+ |
| |
| [HABLAR CON HEALTH COACH] |
| |
+------------------------------------------+
Data Shown
| Dato | Fuente |
|---|---|
| Nombre, dosis, horario | Plan.suplementos[i].name, .dose, .schedule |
| Instrucción de toma | Plan.suplementos[i].instruction |
| Biomarcador vinculado | Plan.razonamiento.basado_en_biomarcadores[i] |
| Valor actual del biomarcador | Biomarcador.valor, .rango_minimo_optimo, .rango_maximo_optimo |
| Evidencia científica | Pre-generated text from engine |
| Efectos esperados (timeline) | Pre-generated text from engine |
| Duración recomendada | Plan.suplementos[i].duración |
States
Loading: Hero card skeleton + 4 section skeletons.
Normal: All sections visible with data.
Biomarcador not loaded yet:
POR QUE LO NECESITAS
"Aun no tenemos tus exámenes. Cuando los
cargues, veremos exactamente por que este
suplemento es importante para ti."
Error: Same pattern as other screens.
Interactions
| Elemento | Acción | Resultado |
|---|---|---|
| Hero card | Visual only | bg-[#0f2fc7] con icono y datos principales |
| Range bar (biomarcador) | Tap | Bottom sheet readiness levels |
| “Que dice la ciencia” | Scroll | Texto plano, sin interacción extra |
| “HABLAR CON HEALTH COACH” | Tap | Abre chat modal con contexto pre-cargado |
| Back arrow | Tap | Vuelve a Plan del Dia |
Copy
Sections: "Como tomarlo", "Por que lo necesitas", "Que dice la ciencia",
"Efectos esperados", "Duración recomendada"
Fields: "Horario", "Dosis", "Con que", "Duración"
Biomarcador link: "Biomarcador vinculado: {nombre}"
Estado: "Estado: {Óptimo|Revisar|Atención}"
Science: Plain text, grado 5-6 de lectura. No tecnicismos.
Timeline: "Semana 2-4:", "Semana 4-8:", "Dia 90:"
Duration: "Este suplemento se recomienda por la duración completa del ciclo..."
CTA: "Hablar con Health Coach"
SCREEN 4: Mi Ciclo
Ruta: /paciente/ciclo
Contexto: El usuario quiere ver dónde está dentro del ciclo de 90 días, su adherencia general, y ciclos pasados.
Wireframe
+------------------------------------------+
| < Inicio Mi Ciclo |
+------------------------------------------+
| |
| CICLO #2 |
| +--------------------------------------+ |
| | EJECUCION | |
| | Dia 45 de 90 | |
| | | |
| | [timeline visual] | |
| | B===E==========o============C==A | |
| | 1 8 45 90 97 | |
| | | |
| | B = Baseline (completado) | |
| | E = Ejecución (en curso, dia 45) | |
| | C = Cierre (dia 90) | |
| | A = Análisis (dia 91-97) | |
| | | |
| | bg-[#0f2fc7] text-white | |
| +--------------------------------------+ |
| |
| ADHERENCIA |
| +--------------------------------------+ |
| | Check-ins completados | |
| | | |
| | 83% (34 de 41 días) | |
| | [====================----] 83% | |
| | | |
| | Streak actual: 12 días | |
| | Mejor streak: 23 días | |
| +--------------------------------------+ |
| |
| PROXIMAS ACCIONES |
| +--------------------------------------+ |
| | * Manten check-ins diarios | |
| | * Sigue el plan recomendado | |
| | * Labs finales: Dia 88 (en 43 días) | |
| +--------------------------------------+ |
| |
| ACCESOS RAPIDOS |
| +--------------------+ |
| | [VER MI PLAN] | |
| +--------------------+ |
| +--------------------+ |
| | [CHAT HEALTH COACH]| |
| +--------------------+ |
| |
| CICLOS ANTERIORES |
| +--------------------------------------+ |
| | Ciclo #1 15 Oct - 13 Ene | |
| | Score: 68 -> 78 (+10, +14.7%) | |
| | Adherencia: 92% | |
| | [VER REPORTE ->] | |
| +--------------------------------------+ |
| |
+------------------------------------------+
Data Shown
| Dato | Fuente |
|---|---|
| Número de ciclo | Ciclo.numero_ciclo |
| Fase actual | Ciclo.fase_actual |
| Dia actual / total | Ciclo.dias_transcurridos, calculation from fecha_inicio |
| Timeline visual | Calculated from fase_actual and dias_transcurridos |
| Adherencia % | Ciclo.adherencia_porcentaje |
| Check-ins completados / programados | Ciclo.check_ins_completados, Ciclo.check_ins_programados |
| Streak actual y mejor | CheckIn aggregated |
| Proximas acciones | Static per phase, dynamic dates |
| Ciclos anteriores | Ciclo[] where estado = completed |
| Score histórico | Ciclo.score_inicial, Ciclo.score_final |
States
Loading: Hero card skeleton + adherencia bar skeleton + actions skeleton.
Normal (Execution phase): As shown above. Timeline dot at current day.
Baseline phase (Day 1-7):
+--------------------------------------+
| BASELINE |
| Dia 3 de 7 |
| |
| [timeline] |
| B==o====E========================C |
| 1 3 8 90 |
| |
| [check] Datos personales completados |
| [check] Historial médico completado |
| [check] Labs iniciales cargadas |
| [wait] Plan generandose... |
| [off] Proxima fase |
+--------------------------------------+
Closure phase (Day 90):
+--------------------------------------+
| CIERRE |
| Dia 90 |
| |
| HEALTH SCORE: |
| Inicial: 68 Final: 78 |
| CAMBIO: +10 puntos (+14.7%) |
| |
| Análisis en progreso... |
| Esto puede tardar 1-2 horas |
| |
| [VER REPORTE TENTATIVO] |
+--------------------------------------+
No cycle active:
+--------------------------------------+
| No tienes un ciclo activo |
| |
| Inicia tu próximo ciclo para |
| continuar mejorando tu salud. |
| |
| [INICIAR NUEVO CICLO] |
+--------------------------------------+
First cycle (no history): Ciclos Anteriores section hidden.
Interactions
| Elemento | Acción | Resultado |
|---|---|---|
| Timeline | Visual only | Dot marca dia actual, fases con colores |
| Adherencia bar | Tap | Expand: detalle por semana |
| “VER MI PLAN” | Tap | Navega a Screen 1 (Plan del Dia) |
| “CHAT HEALTH COACH” | Tap | Abre chat modal |
| Ciclo anterior row | Tap | Navega a Screen 5 (Reporte 90 Días) |
| “VER REPORTE” | Tap | Navega a /paciente/ciclo/:id/reporte |
Copy
Header: "Mi Ciclo"
Phase labels: "Baseline", "Ejecución", "Cierre", "Análisis"
Phase short: "B", "E", "C", "A" (en timeline)
Adherence: "Check-ins completados"
Streak: "Streak actual: {n} días", "Mejor streak: {n} días"
Actions: "Proximas Acciones"
History header: "Ciclos Anteriores"
History detail: "Ciclo #{n} {fecha_inicio} - {fecha_fin}"
Score change: "Score: {inicio} -> {fin} (+{delta}, +{%})"
No cycle: "No tienes un ciclo activo"
CTA: "Iniciar nuevo ciclo"
SCREEN 5: Reporte 90 Días
Ruta: /paciente/ciclo/:id/reporte
Contexto: El ciclo termino. El usuario llega desde Mi Ciclo o desde notificación push. Momento de celebrar o reflexionar.
Wireframe: Pantalla 1 — Tu Ciclo en Números (Hero Comparativo)
+------------------------------------------+
| < Mi Ciclo Reporte |
+------------------------------------------+
| |
| Tu Ciclo #1: Completado |
| 90 días · 15 Oct - 13 Ene |
| |
| +----------+----------+----------+ |
| | Dia 1 | Dia 90 | Meta C2 | |
| | | | | |
| | 68 | 78 | 85 | |
| | | | | |
| | Inicial | Final | Próximo | |
| | bg-dark | bg-blue | bg-light | |
| +----------+----------+----------+ |
| |
| +16 puntos en tu Nivel de Salud |
| [==================---->] 85 |
| |
| Edad biológica: 45 -> 42.8 (-2.4 años) |
| |
| +--------------------------------------+ |
| | Increible, María! | |
| | Tu cuerpo mejoro en 12 indicadores | |
| | y tu edad biológica bajo 2.4 años. | |
| | Tu constancia valio la pena. | |
| +--------------------------------------+ |
| |
| [VER DETALLE POR INDICADOR ->] |
| |
+------------------------------------------+
Wireframe: Pantalla 2 — Tus Indicadores
+------------------------------------------+
| < Atrás Detalle del Ciclo |
+------------------------------------------+
| |
| 12 mejoraron · 3 estables · 1 revisar |
| |
| INDICADOR DIA 1 DIA 90 |
| ----------------------------------------|
| [green] Glucosa 110 -> 95 |
| [green] Colesterol 245 -> 198 |
| [green] Trigliceridos 180 -> 145 |
| [green] Hemoglobina 13.2-> 14.1 |
| [green] Vitamina D 22 -> 45 |
| [green] HDL 48 -> 52 |
| [green] LDL 142 -> 118 |
| [grey] Creatinina 1.0 -> 1.0 |
| [grey] TSH 2.5 -> 2.4 |
| [grey] Hierro 80 -> 82 |
| [blue] Ácido urico 7.8 -> 7.2 |
| ... |
| |
| [green] = Mejoro |
| [grey] = Estable |
| [blue] = Revisar |
| |
| Toca cualquier indicador para ver |
| el detalle y que lo causo. |
| |
| [DESCARGAR REPORTE PDF] |
| [COMPARTIR CON MI MEDICO] |
| |
+------------------------------------------+
Wireframe: Pantalla 3 — Que Sigue (Decisión)
+------------------------------------------+
| < Atrás Que sigue? |
+------------------------------------------+
| |
| +--------------------------------------+ |
| | HERO CTA bg-blue | |
| | | |
| | Iniciar Ciclo 2 | |
| | Tu plan se actualiza con los nuevos | |
| | datos. Objetivo: 85 puntos. | |
| | | |
| | [INICIAR CICLO 2 ->] | |
| +--------------------------------------+ |
| |
| +--------------------------------------+ |
| | Pausar (hasta 30 días) | |
| | Te recordaremos. Tus datos se | |
| | mantienen. | |
| +--------------------------------------+ |
| |
| +--------------------------------------+ |
| | Hablar con mi médico primero | |
| | Agenda una consulta para revisar | |
| | el reporte juntos. | |
| +--------------------------------------+ |
| |
| Tu reporte está guardado en |
| Progreso -> Mis Ciclos |
| |
+------------------------------------------+
Data Shown
| Dato | Fuente |
|---|---|
| Score Dia 1, Dia 90, Meta C2 | Ciclo.score_inicial, Ciclo.score_final, engine projected |
| Delta score | Calculated |
| Edad biológica before/after | Usuario.biological_age at day 1 and 90 |
| Biomarcadores comparativo | Biomarcador[] snapshots at day 1 and 90 |
| Conteo mejoro/estable/revisar | Aggregated from biomarcador comparison |
| Proyecciones 1/3/5 años | Engine calculated, Plan.razonamiento.proyeccion_impacto |
| RCV (Reference Change Value) | Biomarcador.rcv_detectado per marker |
| Adherencia total | Ciclo.adherencia_porcentaje |
States
Loading: Hero skeleton + progress bar animation.
Score improved (+5 or more):
Celebration card visible. Copy empoderador.
CTA primario: "Iniciar Ciclo 2"
Score improved (marginal, <5):
No celebration card. Neutral tone.
"Hubo mejoras, aunque pequenas. El Ciclo 2
profundizara en lo que funcionó."
CTA primario: "Iniciar Ciclo 2"
Score worsened:
+--------------------------------------+
| Los resultados no siempre son |
| lineales, María. |
| |
| Tu médico puede ayudarte a entender |
| que paso y ajustar el plan. |
| |
| [HABLAR CON MI MEDICO ->] (primario) |
| [INICIAR CICLO 2 ->] (secundario) |
| [PAUSAR] (terciario) |
+--------------------------------------+
Report still processing:
"Tu análisis está en progreso. Te
notificaremos cuando este listo.
Esto puede tardar 1-2 horas."
[VER REPORTE TENTATIVO]
Interactions
| Elemento | Acción | Resultado |
|---|---|---|
| Score columns (3) | Visual | Animación fill de izquierda a derecha (800ms) |
| Progress bar | Visual | Animación fill con destello al terminar |
| Biomarcador row | Tap | Bottom sheet readiness levels con detalle |
| “DESCARGAR REPORTE PDF” | Tap | Genera y descarga PDF |
| “COMPARTIR CON MI MEDICO” | Tap | Share sheet nativo (link o PDF) |
| “INICIAR CICLO 2” | Tap | Crea nuevo ciclo, redirige a dashboard |
| “PAUSAR” | Tap | Confirmación modal, pausa hasta 30 días |
| “HABLAR CON MI MEDICO” | Tap | Navega a consulta-médica flow |
Copy
Hero: "Tu Ciclo #{n}: Completado"
Subtitle: "90 días · {fecha_inicio} - {fecha_fin}"
Columns: "Dia 1" / "Dia 90" / "Meta C2"
Labels: "Inicial" / "Final" / "Próximo"
Delta: "+{n} puntos en tu Nivel de Salud"
Bio age: "Edad biológica: {antes} -> {después} ({delta} años)"
Celebration: "Increible, {nombre}! Tu cuerpo mejoro en {n} indicadores..."
Indicator counts: "{n} mejoraron · {n} estables · {n} revisar"
Colors: "[green] = Mejoro [grey] = Estable [blue] = Revisar"
Table note: "Toca cualquier indicador para ver el detalle y que lo causo."
PDF: "Descargar Reporte PDF"
Share: "Compartir con mi médico"
Cycle 2 CTA: "Iniciar Ciclo 2"
Pause: "Pausar (hasta 30 días)"
Consult: "Hablar con mi médico primero"
Saved: "Tu reporte está guardado en Progreso -> Mis Ciclos"
Worsened: "Los resultados no siempre son lineales, {nombre}."
Visual Specs
Pantalla 1 (Hero):
- Score boxes: 3 columns. Number in Display Heavy 48pt.
- Dia 1:
bg-[#1E293B](dark). Dia 90:bg-[#0f2fc7](hero blue). Meta C2:bg-[#e8ebf8](light blue). - Progress bar: animated fill 800ms, glow on complete.
- Celebration card: only if delta >= +5. bg
#f5f5f0, subtle border.
Pantalla 2 (Timeline):
- Simple table. Each row: color dot + nombre + valor inicial -> valor final.
- Colors:
#10B981(mejoro),#9CA3AF(estable),#3B82F6(revisar). - Tap row -> bottom sheet readiness levels (see dashboard addendum).
Pantalla 3 (Decisión):
- Primary CTA:
bg-[#0f2fc7]full-width. - Secondary: outline grey.
- Tertiary: text button.
Flow Diagram: Plan del Dia -> Check-in Connection
Key connection: The Plan del Dia checklist is NOT the check-in. The checklist allows real-time marking during the day. The check-in is a separate end-of-day (or morning recap) modal that captures adherence data for the engine. Both feed into Ciclo.adherencia_porcentaje.
Plan Behavior Across Cycle Phases
| Fase | Plan del Dia | Check-in | Plan Completo |
|---|---|---|---|
| Baseline (1-7) | Empty: “Generandose…” | Not available | Not available |
| Ejecución (8-89) | Full content, checklist active | Available daily (3 modos) | Available, all domains |
| Cierre (90) | Read-only, last day | Last check-in (modo completo) | Read-only |
| Análisis (91-97) | Disabled, CTA to report | Not available | Read-only, link to report |
Check-in configurable: Durante Ejecución, el check-in tiene 3 modos: Rápido (<30s), Reflexión (~1min, default), y Completo (~2min). El modo se adapta automáticamente según adherencia y contexto (post-labs activa modo completo, baja adherencia sugiere modo rápido). Spec completa en check-in addendum. Campos capturados varían por modo (2/7 rápido, 5/7 reflexión, 7/7 completo).
Low Adherence Protocol (< 50%)
Escalation levels:
| Adherencia | Trigger | Acción | Tono |
|---|---|---|---|
| 60-70% | Weekly check | Push sutil | “Vuelve cuando puedas” |
| 50-60% | 3 días sin check-in | Push + email | “Solo 30 segundos” |
| <50% | Alert generated | In-app banner + Health Coach | “Ajustemos el plan” |
| <30% (14+ días) | Ciclo at_risk | Email + SMS | “Tu ciclo necesita atención” |
Plan Lite (simplified plan for low adherence):
- Reduce suplementos a los 2 más críticos
- 1 hábito diario (el de mayor impacto)
- Nutrición: solo “Priorizar” (sin moderar/evitar)
- Check-in rápido como único modo
Post-Cycle Decisión Tree
Retention funnel targets:
| Decisión | Target | Revenue Impact |
|---|---|---|
| Iniciar Ciclo 2 | >60% | Core retention |
| Pausar (return within 30d) | 50% of pausers | Recovery |
| Hablar con médico -> Ciclo 2 | >70% of consulters | High intent |
| Cancelar | <15% | Churn |
| Cancel recovery (discount) | 30% of cancellers | Win-back |
Success Metrics
| Métrica | Meta | Impacto |
|---|---|---|
| Plan del Dia view rate (daily) | >60% of active users | Engagement driver |
| Time to first interaction | <30 seconds | JTBD #2 fulfilled |
| Supplement checklist usage | >50% check at least 1 item/day | Micro-engagement |
| Plan Completo view rate (per cycle) | >40% view at least once | Education |
| Supplement detail view | >25% tap at least 1 supplement | Understanding |
| Mi Ciclo view rate (weekly) | >30% | Awareness |
| Report view rate (post-cycle) | >90% | Critical conversión |
| Cycle 2 initiation | >60% of completers | Retention |
| PDF download | >25% | External validation |
| Average adherence | >70% | Plan effectiveness |
Anterior: check-in – Daily Check-in Flow
Próximo: ciclo-90dias – Full 90-Day Cycle Lifecycle
Relacionado: dashboard – How Plan appears on Dashboard
Relacionado: alerts – Low Adherence Alert System