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 Completo

Check-in → Modo Completo (~2min)

Propósito: Check-in completo: suplementos, ejercicio, energía, estrés, nota, síntomas, sueño, hidratación.
JTBD: Saber si estoy siguiendo el plan correctamente
Ruta: /paciente/check-in (modo completo)
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 1-5, Muy baja / Muy alta P1
4 Estrés slider 1-5, Muy alto / Muy bajo P1
5 Nota libre Campo texto opcional, max 200 caracteres P2
6 Síntomas chips Selección multiple: dolor cabeza, fatiga, indigestión, ansiedad, otro P1
7 Sueño calidad “Como dormiste?” slider 1-5 + horas dormidas (input numerico) P1
8 Hidratación “Cuántos vasos de agua?” selector 1-12 P2

States

Loading

  • Visual: Skeleton: 8 campos shimmer con scroll + botón
  • Copy: “Cargando…”

Loaded (Normal)

  • Datos: 8 campos, streak actual, modo scrollable

Guardado Exitoso

  • Trigger: Tap “Guardar” con campos obligatorios respondidos
  • Copy: “Reporte completo guardado, María! Streak: 24 días”
  • CTA: Auto-cierra en 2s → Dashboard

Ya Completado Hoy

  • Trigger: Check-in del dia ya existe
  • Copy: “Ya completaste tu reporte de hoy”
  • CTA: Cerrar

Error

  • Copy: “No pudimos guardar tu reporte”
  • CTA: Reintentar

Datos Mostrados

Dato Objeto OOUX Propiedad Ejemplo
(Campos 1-5) CheckIn (igual que modal-reflexión) (mismos ejemplos)
Síntomas CheckIn síntomas[] [fatiga]
Sueño calidad CheckIn sueno_calidad, horas_sueno 4/5, 7.5h
Hidratación CheckIn vasos_agua 8
Streak Streak dias_consecutivos 24

Acciones

Acción Tipo Resultado
Campos 1-5 (igual que Reflexión) Input Suplementos, ejercicio, energía, estrés, nota
Seleccionar síntomas Chips Multi-select: dolor cabeza, fatiga, indigestión, ansiedad
Slider sueño + horas Input Calidad 1-5 + horas dormidas
Selector hidratación Input Vasos de agua 1-12
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, post-consulta/labs
  • Va a: Dashboard (post-guardado)
  • Back: Cierra modal → pantalla anterior