Design
Pantallas
Para qué

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

Audiencia

Diseño e ingeniería.

Detalle de Alerta

Alertas -> Nivel 2: Contexto Completo

Propósito: Mostrar contexto, causa, acción recomendada y tendencia de una alerta
JTBD: “Quiero entender por qué me están alertando y que debo hacer”
Ruta: /paciente/alertas/:id
Módulo: PAM-5


Features

# Feature Descripción Prioridad
1 Título y contexto Que paso y desde cuando P0
2 Sección “Por qué” Explicación simple del trigger de la alerta P0
3 Sección “Qué hacer” Recomendaciones accionables P0
4 Chart de tendencia Mini gráfico con la evolución del biomarcador P1
5 CTA ver detalle Navega al biomarcador o pantalla relevante P1
6 CTA chat Abre Health Coach con contexto de la alerta P1
7 CTA marcar resuelta Archiva la alerta P1

States

Nueva

  • Trigger: Alerta recien creada, no vista
  • Visual: Badge “Nueva” en header, fondo sutil de severidad
  • Comportamiento: Al abrir, cambia automáticamente a “Vista”

Vista

  • Trigger: Usuario ya abrió esta alerta
  • Visual: Sin badge, contenido completo visible

Resuelta

  • Trigger: Usuario marco como resuelta
  • Visual: Banner “Resuelta” + fecha de resolución
  • CTAs deshabilitados: “Marcar resuelta” ya no aparece

Escalada a Médico

  • Trigger: Severidad CRITICAL o usuario solicita escalación
  • Copy: “Esta alerta fue enviada a tu médico”
  • Subtitulo: “Dr. Rodriguez fue notificado. Te contactara en menos de 24 horas.”
  • CTA: [Llamar ahora] [Esperar contacto]

Datos Mostrados

Dato Objeto Propiedad Ejemplo
Título Alerta título Tu glucosa subió
Contexto Alerta contexto “Tu último examen muestra 126 mg/dL”
Por qué Alerta explicación “El rango óptimo es 70-100. Tu valor está un poco alto.”
Qué hacer Alerta recomendación “Reduce azucares refinados y haz actividad física”
Tendencia Biomarcador histórico [95, 102, 110, 126]
Severidad Alerta severidad MEDIUM
Fecha Alerta fecha Hoy, 10:30 AM

Acciones

Acción Tipo Resultado
Ver detalle biomarcador Primaria Navega al detalle del biomarcador
Chat Health Coach Primaria Abre chat con contexto de esta alerta
Marcar resuelta Secundaria Archiva, vuelve a lista
Llamar ahora Urgente Abre teléfono (solo en CRITICAL)

  • Origen: Lista de Alertas (tap en card) / Push notification
  • Destino ver detalle: Detalle Resultado del biomarcador
  • Destino chat: Health Coach con contexto pre-cargado
  • Back: Lista de Alertas