Design
Pantallas
Para qué

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

Audiencia

Diseño e ingeniería.

Check-in Reflexión

Check-in → Modo Reflexión (~1min)

Propósito: Check-in intermedio: suplementos, ejercicio, energía, estrés y nota libre.
JTBD: Saber si estoy siguiendo el plan correctamente
Ruta: /paciente/check-in (modo reflexión)
Módulo: PAM-5

Features

# Feature Descripción Prioridad
1 Suplementos toggle “Tomaste tus suplementos?” Si / No / Parcialmente P0
2 Ejercicio toggle “Hiciste ejercicio?” Si / No + minutos P0
3 Energía slider “Tu energía hoy” 1-5, etiquetas Muy baja / Muy alta P1
4 Estrés slider “Nivel de estrés” 1-5, etiquetas Muy alto / Muy bajo P1
5 Nota libre Campo de texto opcional, max 200 caracteres P2
6 Streak counter Días consecutivos en header P0

States

Loading

  • Visual: Skeleton: 5 campos shimmer + botón
  • Copy: “Cargando…”

Loaded (Normal)

  • Datos: 5 campos, streak actual, sugerencia contextual

Guardado Exitoso

  • Trigger: Tap “Guardar” con suplementos y ejercicio respondidos
  • Copy: “Excelente, María! Tu reflexión quedó guardada. Streak: 24 días”
  • CTA: Auto-cierra en 2s → Dashboard

Ya Completado Hoy

  • Trigger: Check-in del dia ya existe
  • Copy: “Ya registraste tu reflexión hoy”
  • CTA: Cerrar

Error

  • Copy: “No pudimos guardar tu reflexión”
  • CTA: Reintentar

Datos Mostrados

Dato Objeto OOUX Propiedad Ejemplo
Suplementos CheckIn suplementos_tomados Si
Ejercicio CheckIn ejercicio_hecho, minutos Si, 35 min
Energía CheckIn energia_hoy 4 de 5
Estrés CheckIn estres_nivel 3 de 5
Nota CheckIn nota_libre “Dormi bien, me senti con energía”
Streak Streak dias_consecutivos 24

Acciones

Acción Tipo Resultado
Toggle suplementos Input Registra Si/No/Parcialmente
Toggle ejercicio Input Registra Si/No + minutos
Mover slider energía Input Registra valor 1-5
Mover slider estrés Input Registra valor 1-5
Escribir nota Input Texto libre opcional
Tap “Guardar” Submit Guarda check-in, streak +1
Swipe down / tap X Cerrar Cierra sin guardar
  • Viene de: Dashboard (botón check-in), Plan del Dia, Push notification
  • Va a: Dashboard (post-guardado)
  • Back: Cierra modal → pantalla anterior