Design
Pantallas
Para qué

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

Audiencia

Diseño e ingeniería.

Conectar Wearable

Onboarding --> Post-Step 3 (Después de Estilo de Vida)

Propósito: Vincular dispositivos de salud para enriquecer el perfil con datos en tiempo real.
JTBD: “Quiero que mis datos de actividad y sueño se sincronicen sin esfuerzo”
Ruta: /onboarding/conectar-wearable
Módulo: PAM-2

Features

# Feature Descripción Prioridad
1 Título contextual “Conecta tu dispositivo para datos en tiempo real” P0
2 Grid de dispositivos Smartwatch, pulsera de actividad, anillo de salud, monitor de glucosa continuo P0
3 Detalle por dispositivo Icono genérico del tipo, nombre, datos que aporta (sueño, HRV, actividad, glucosa) P0
4 Flujo OAuth Tap dispositivo abre autorización del fabricante, retorna a ADEN P0
5 Importación histórica “Importamos tus últimos 30-90 días automáticamente” P1
6 Omitir “No tengo dispositivo” con mensaje: “Puedes conectar uno después desde Ajustes” P0
7 Recomendación “Que dispositivo me recomiendas?” card educativa breve P2

States

Loading

  • Skeleton shimmer en grid de dispositivos (300ms)

Loaded (Normal)

  • Grid de 4 tipos de dispositivo con icono genérico, nombre y datos que aporta. CTA: “Continuar” + “No tengo dispositivo”

Conectando

  • Spinner + “Conectando con tu dispositivo…” Abre OAuth externo, regresa a ADEN al autorizar.

Conectado

  • Checkmark + “Importando datos historicos…” + barra de progreso

Importación Completa

  • “30 días de datos importados. Tu perfil ahora incluye sueño, actividad y recuperación.”

Error de Conexión

  • “No pudimos conectar. Verifica que la app del dispositivo este instalada y tu sesión activa.” CTA: [Reintentar] [Omitir]

Ya Conectado

  • Dispositivo conectado con última sync y opción “Desconectar”

Sin Dispositivo / Offline

  • Sin dispositivo: “No detectamos dispositivos. Puedes conectar uno más adelante.”
  • Sin conexión: “Necesitas conexión para vincular dispositivos”

Datos Mostrados

Dato Objeto OOUX Propiedad Ejemplo
Tipo dispositivo Dispositivo tipo Smartwatch
Datos que aporta Dispositivo métricas Sueño, HRV, pasos, FC
Estado conexión Dispositivo estado Conectado
Días importados Dispositivo historial_importado 30 días

Acciones

Acción Tipo Resultado
Seleccionar dispositivo Tap card Inicia flujo OAuth externo
No tengo dispositivo Tap link Omite, navega a Step 4
Reintentar conexión Tap botón Reintenta OAuth
Desconectar Tap link Confirmación + desvincula
Continuar Tap botón Navega a /onboarding/panel-análisis (Step 4)
  • Viene de: Estilo de Vida (Step 3)
  • Va a: Panel de Análisis (Step 4)
  • Back: /onboarding/estilo-vida