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 Rápido

Check-in → Modo Rápido (<30s)

Propósito: Check-in mínimo para días ocupados: solo suplementos y ejercicio.
JTBD: Saber si estoy siguiendo el plan correctamente
Ruta: /paciente/check-in (modo rápido)
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 si Si P0
3 Streak counter Días consecutivos, visible en header del modal P0
4 CTA guardar Botón “Listo” deshabilitado hasta responder ambos P0

States

Loading

  • Visual: Skeleton: 2 preguntas shimmer + botón
  • Copy: “Cargando…”

Loaded (Normal)

  • Datos: 2 preguntas, streak actual, hora del dia

Guardado Exitoso

  • Trigger: Tap “Listo” con respuestas completas
  • Copy: “Listo, María! Streak: 24 días”
  • CTA: Auto-cierra en 2s → Dashboard

Ya Completado Hoy

  • Trigger: Check-in del dia ya existe
  • Copy: “Ya hiciste tu check-in hoy”
  • CTA: Cerrar

Error

  • Copy: “No pudimos guardar tu check-in”
  • CTA: Reintentar

Datos Mostrados

Dato Objeto OOUX Propiedad Ejemplo
Suplementos CheckIn suplementos_tomados Si
Ejercicio CheckIn ejercicio_hecho Si
Minutos ejercicio CheckIn minutos_ejercicio 30
Streak Streak dias_consecutivos 24

Acciones

Acción Tipo Resultado
Toggle suplementos Input Registra Si/No/Parcialmente
Toggle ejercicio Input Registra Si/No, muestra campo minutos
Tap “Listo” Submit Guarda check-in, streak +1
Swipe down / tap X Cerrar Cierra sin guardar

  • Viene de: Dashboard (botón check-in), Plan del Dia (CTA check-in), Push notification
  • Va a: Dashboard (post-guardado)
  • Back: Cierra modal → pantalla anterior