Design
Pantallas
Para qué

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

Audiencia

Diseño e ingeniería.

Plan del Dia

Planes → Vista Diaria (Default)

Propósito: Mostrar qué hacer hoy: suplementos por horario, ejercicio, nutrición, sueño, checklist.
JTBD: Saber qué hacer hoy en <30 segundos
Ruta: /paciente/plan
Módulo: PAM-4

Features

# Feature Descripción Prioridad
1 Header aprobación “Aprobado por Dr. Garcia, 15 Dic 2025” con objetivo del plan P0
2 Tabs contenido Suplementos (5), Hábitos (3), Guias nutricionales P0
3 Suplementos por horario Mañana/Noche, nombre, dosis, instrucción, checkbox P0
4 Hábitos diarios/semanales Nombre, duración, adherencia %, tip contextual P1
5 Guias nutricionales Priorizar / Moderar / Evitar con alimentos específicos P1
6 Info kit enviado Fecha envió, próximo envió, estado P2

States

Loading

  • Visual: Skeleton: header + 3 tabs pill + 5 filas de suplemento shimmer
  • Copy: “Cargando tu plan…”

Loaded (Normal)

  • Datos: 5 suplementos, 3 hábitos, guias por categoría, aprobación médica

Empty

  • Trigger: Plan aun no generado o no aprobado por médico
  • Copy: “Tu plan está siendo preparado por tu equipo médico”
  • CTA: Contactar Health Coach → /paciente/health-coach

Error

  • Copy: “No pudimos cargar tu plan de hoy”
  • CTA: Reintentar

Todo Completado

  • Trigger: Todos los items del dia marcados
  • Copy: “Completaste todo hoy, María!”
  • CTA: Hacer check-in → modal check-in

Datos Mostrados

Dato Objeto OOUX Propiedad Ejemplo
Suplemento Suplemento nombre, dosis, horario Vitamina D3, 2000 UI, mañana
Instrucción Suplemento instrucción “Tomar con grasas para mejor absorción”
Hábito Hábito nombre, duración, adherencia Caminata, 20 min, 65%
Alimento GuiaNutricional nombre, categoría, detalle Espinaca, Priorizar, “Alto en fibra”
Kit KitSuplementos fecha_envio, próximo 18 Dic, 15 Mar

Acciones

Acción Tipo Resultado
Check suplemento Toggle Marca como tomado, actualiza adherencia
Check hábito Toggle Marca como completado
Tap suplemento Navegación → Detalle Suplemento
Tap “Ver plan completo” Navegación → Plan Completo 90d
Tap tab Cambio vista Alterna Suplementos/Hábitos/Guias
  • Viene de: Dashboard (card Plan del Dia), tab Planes
  • Va a: Detalle Suplemento, Plan Completo, Check-in Modal, Mi Ciclo
  • Back: Dashboard