Design
Pantallas
Para qué

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

Audiencia

Diseño e ingeniería.

Permisos

Onboarding --> Pre-Step (Entre registro y Step 0)

Propósito: Solicitar permisos del dispositivo con contexto claro de por qué se necesitan.
JTBD: “Quiero entender por qué la app necesita acceso a mis datos antes de darlo”
Ruta: /onboarding/permisos
Módulo: PAM-2

Features

# Feature Descripción Prioridad
1 Título contextual “Para cuidar tu salud, necesitamos tu permiso” P0
2 Notificaciones push Card con explicación: “Para recordarte tu plan diario y alertas de salud importantes” P0
3 Datos de salud Card: “Para importar datos de sueño, actividad y frecuencia cardiaca desde tu dispositivo” P0
4 Camara Card: “Para escanear tus resultados de laboratorio” P1
5 Ubicación (opcional) Card: “Para encontrar laboratorios y clínicas cercanas a ti” P2
6 Indicador obligatorio/opcional Badge visual en cada card distinguiendo requerido de opcional P0
7 Nota de control “Puedes cambiar estos permisos en cualquier momento desde Ajustes” P0
8 Detalle expandible “Por qué pedimos estos permisos?” con explicación adicional P1

States

Loading

  • Skeleton shimmer breve en cards (300ms)

Loaded (Normal)

  • 4 cards con icono, nombre, explicación y toggle apagado. CTA “Continuar” habilitado (no requiere opcionales).

Permiso Concedido

  • Card con checkmark verde, toggle encendido

Permiso Denegado (Obligatorio)

  • Card con borde de advertencia. Copy: “Necesitamos este permiso para funcionar correctamente”

Permiso Denegado (Opcional)

  • Card atenuada. Copy: “Puedes activarlo después en Ajustes”

Permiso Bloqueado por Sistema

  • “Abre la configuración de tu dispositivo para habilitar este permiso.” CTA: [Abrir configuración]

Todos Concedidos

  • CTA “Continuar” con enfasis (pulse animation)

Datos Mostrados

Dato Objeto OOUX Propiedad Ejemplo
Permiso Permiso nombre Notificaciones push
Descripción Permiso razón Para recordarte tu plan diario
Tipo Permiso obligatorio Si / No
Estado Permiso estado Concedido / Denegado / Bloqueado

Acciones

Acción Tipo Resultado
Activar permiso Tap toggle Dispara dialogo nativo del OS
Ver detalle Tap link expandible Muestra explicación completa
Abrir configuración Tap botón Abre ajustes del dispositivo
Continuar Tap botón Navega a /onboarding (Welcome)
  • Viene de: Checkout (pago exitoso) o Verificar Email
  • Va a: Welcome (Step 0)
  • Back: No disponible (flujo lineal de permisos)