Design
Pantallas
Para qué

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

Audiencia

Diseño e ingeniería.

Estilo de Vida

Onboarding --> Step 3 (Pantalla 4 de 8)

Propósito: Capturar hábitos de ejercicio, nutrición, sueño y estrés del usuario.
JTBD: “Quiero saber si estoy enfermandome antes de síntomas”
Ruta: /onboarding/estilo-vida
Módulo: PAM-4


Features

# Feature Descripción Prioridad
1 Ejercicio Frecuencia (pills: Nunca, 1-2x, 3-4x, 5+), tipo P0
2 Nutrición Tipo de dieta (pills: Omnivora, Vegetariana, Vegana, Otra) P0
3 Sueño Horas promedio (slider 4-10h), calidad (pills) P0
4 Estrés Nivel (pills: Bajo, Moderado, Alto, Muy alto) P0
5 Alcohol Frecuencia (pills: Nunca, Ocasional, Semanal, Diario) P1
6 Tabaco Si/No + frecuencia si aplica P1
7 Progress bar Step 3 de 6 P0

States

Loading

  • Visual: Skeleton shimmer en secciones de pills (300ms)
  • Duración: <500ms
  • Copy: “Cargando…”

Loaded (Normal)

  • Visual: 6 secciones con pills seleccionables, progress bar 3/6
  • Datos: Ninguno precargado

Empty

  • Trigger: Sin selecciones
  • Visual: Todas las pills sin seleccionar
  • Copy: “Como es un dia normal para ti?”
  • CTA: [Siguiente] (deshabilitado hasta campos requeridos)

Error

  • Trigger: Error de conexión al guardar
  • Copy: “No pudimos guardar tus datos. Intenta de nuevo.”
  • CTA: [Reintentar]

Datos Mostrados

Dato Objeto OOUX Propiedad Ejemplo
Ejercicio Paciente frecuencia_ejercicio 3-4 veces/semana
Dieta Paciente tipo_dieta Omnivora
Sueño Paciente horas_sueno 7 horas
Estrés Paciente nivel_estres Moderado
Alcohol Paciente frecuencia_alcohol Ocasional
Tabaco Paciente fumador No

Acciones

Acción Tipo Resultado
Seleccionar pill Tap Marca opción, desmarca anterior en el grupo
Ajustar slider sueño Drag Actualiza horas promedio
Siguiente Tap botón Guarda datos, navega a Step 4

  • Viene de: Historial Médico (Step 2)
  • Va a: Panel de Análisis (Step 4)
  • Back: /onboarding/historial-médico