Design
Pantallas
Para qué

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

Audiencia

Diseño e ingeniería.

Modo Cuidador

Familia -> Gestión Simplificada (Post-MVP)

Propósito: UI simplificada para gestionar el plan diario de un dependiente
JTBD: “Quiero ayudar a mi familiar a seguir su plan sin complicaciones”
Ruta: /paciente/familia/:id/cuidador
Módulo: PAM-10 (Post-MVP)


Features

# Feature Descripción Prioridad
1 Tareas del dia Lista simplificada de tareas pendientes P0
2 Check-in delegado Completar check-in en nombre del familiar P0
3 Alertas urgentes Solo alertas HIGH y CRITICAL visibles P1
4 Agendar cita Botón rápido para agendar cita para el familiar P2

States

Plan Activo

  • Visual: Lista de tareas con checkbox, organizadas por momento del dia
  • Ejemplo:
    • Mañana: Tomar suplemento Omega 3 [x], Medir glucosa [ ]
    • Tarde: Caminar 30 min [ ]
    • Noche: Check-in del dia [ ]
  • Alertas: Banner si hay alertas urgentes

Sin Plan

  • Trigger: Familiar no tiene plan activo
  • Copy: “Carlos no tiene un plan activo”
  • Subtitulo: “Cuando su médico le asigne un plan, las tareas aparecen aquí.”

Cargando

  • Visual: Skeleton shimmer en lista de 4 tareas
  • Copy: “Cargando plan de Carlos…”

Datos Mostrados

Dato Objeto Propiedad Ejemplo
Nombre familiar Familiar nombre Carlos
Tarea Plan descripción Tomar suplemento Omega 3
Momento del dia Tarea momento Mañana
Estado tarea Tarea completada true / false
Alertas urgentes Familiar alertas_high 1

Acciones

Acción Tipo Resultado
Completar tarea Primaria Marca como hecha + animación check
Check-in delegado Primaria Abre check-in en nombre del familiar
Tap alerta Navegación Detalle de alerta con acción
Agendar cita Secundaria Abre flujo de cita para el familiar

  • Origen: Dashboard Dependiente > “Modo cuidador”
  • Destino check-in: Check-in en nombre del familiar
  • Destino alerta: Detalle de alerta
  • Back: Dashboard Dependiente