Design
Pantallas
Para qué

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

Audiencia

Diseño e ingeniería.

Notificaciones

Perfil & Ajustes -> Configurar Alertas

Propósito: Configurar preferencias de notificación por tipo y canal con horario silencioso
JTBD: “Quiero controlar que me notifican y por donde, sin que me molesten de noche”
Ruta: /paciente/ajustes/notificaciones
Módulo: PAM-9


Features

# Feature Descripción Prioridad
1 Grid tipo x canal Matriz de toggles: tipo (biomarcador, cita, adherencia, recomendación) x canal (push, email, SMS) P0
2 Horario silencioso Toggle + selector hora inicio y fin (ej: 10 PM - 7 AM) P1
3 Resumen semanal Toggle para recibir resumen por email cada lunes P2
4 Botón guardar Persiste toda la configuración P0

States

Configuración Actual

  • Visual: Grid de toggles con estado actual de cada combinación
  • Ejemplo:
    • Biomarcador: Push ON, Email ON, SMS OFF
    • Cita: Push ON, Email OFF, SMS ON
    • Adherencia: Push ON, Email OFF, SMS OFF
    • Recomendación: Push OFF, Email ON, SMS OFF
  • Horario silencioso: 10:00 PM - 7:00 AM

Guardando

  • Visual: Botón en estado loading
  • Toast éxito: “Notificaciones actualizadas”

Cargando

  • Visual: Skeleton shimmer en grid de toggles
  • Copy: “Cargando configuración…”

Datos Mostrados

Dato Objeto Propiedad Ejemplo
Tipo alerta Configuración tipos biomarcador, cita, adherencia, recomendación
Canal Configuración canales push, email, SMS
Estado toggle Configuración activo true / false
Hora inicio silencio Configuración silencio_inicio 10:00 PM
Hora fin silencio Configuración silencio_fin 7:00 AM

Acciones

Acción Tipo Resultado
Toggle tipo x canal Interacción Cambia estado, habilita guardar
Toggle horario silencioso Interacción Activa/desactiva quiet hours
Guardar Primaria Persiste configuración, toast confirmación

  • Origen: Ajustes > “Notificaciones”
  • Destino guardar: Ajustes (con toast)
  • Back: Ajustes