Design
Pantallas
Para qué

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

Audiencia

Diseño e ingeniería.

Dashboard Dependiente

Familia -> Vista de Salud del Familiar (Post-MVP)

Propósito: Mostrar vista simplificada de salud del familiar dependiente
JTBD: “Quiero saber cómo está la salud de mi familiar de un vistazo”
Ruta: /paciente/familia/:id
Módulo: PAM-10 (Post-MVP)

Features

# Feature Descripción Prioridad
1 Health Score del familiar Score hero con estado y tendencia P0
2 Alertas pendientes Lista de alertas activas del familiar P0
3 Exámenes recientes Últimos resultados con estado P1
4 Plan del dia Vista read-only del plan diario P1
5 Botón modo cuidador Acceso a UI simplificada para gestionar tareas P1
6 Chat contextual Abrir Health Coach con contexto del familiar P2

States

Sin Datos

  • Trigger: Familiar vinculado pero sin exámenes ni check-ins
  • Copy: “Carlos aun no tiene datos”
  • Subtitulo: “Cuando cargue sus exámenes, podras ver su salud aquí.”

Datos Cargados

  • Visual: Health Score hero + alertas + exámenes recientes + plan
  • Ejemplo:
    • Health Score: 72/100 (tendencia estable)
    • Alertas: 2 pendientes (colesterol alto, cita en 5 días)
    • Exámenes: Glucosa 105, Colesterol 240
    • Plan: 3 tareas hoy, 1 completada

Cargando

  • Visual: Skeleton shimmer en hero + 3 cards
  • Copy: “Cargando datos de Carlos…”

Datos Mostrados

Dato Objeto Propiedad Ejemplo
Nombre Familiar nombre Carlos Garcia
Health Score Familiar health_score 72/100
Tendencia Familiar tendencia Estable
Alertas nuevas Familiar alertas_nuevas 2
Biomarcador destacado Biomarcador nombre, valor Colesterol 240 mg/dL
Tareas hoy Plan total_hoy 3 tareas
Tareas completadas Plan completadas_hoy 1

Acciones

Acción Tipo Resultado
Tap Health Score Navegación Detalle de salud del familiar
Tap alerta Navegación Detalle de alerta del familiar
Tap “Ver exámenes” Navegación Resultados del familiar (vista simplificada)
Tap “Modo cuidador” Navegación Abre modo cuidador
Tap “Chatear” Navegación Health Coach con contexto del familiar
  • Origen: Vista General Familia > tap en familiar
  • Destino modo cuidador: Modo Cuidador (/paciente/familia/:id/cuidador)
  • Destino exámenes: Resultados del familiar
  • Back: Vista General Familia