Design
Pantallas
Para qué

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

Audiencia

Diseño e ingeniería.

ADEN ID

Perfil & Ajustes -> Identificación de Salud

Propósito: Pasaporte de salud digital portatil para compartir historial médico en consultas externas o emergencias.
JTBD: “Quiero tener mi información médica a la mano cuando voy a otro doctor o una urgencia”
Ruta: /paciente/ajustes/aden-id
Módulo: PAM-9


Features

# Feature Descripción Prioridad
1 Carnet digital Card visual con nombre, foto, edad, tipo de sangre, alergias, código QR P0
2 Código QR Al escanearse abre link seguro (expira 48h) con resumen médico P0
3 Generar resumen PDF 2-3 páginas: historial, labs recientes con gráficos, medicación, alergias, genética relevante P0
4 Compartir Link seguro por mensajeria (48h), descargar PDF, imprimir P0
5 Personalizar contenido Toggles por categoría: labs, medicación, alergias, genética, historial P1
6 Historial de compartidos Quien accedio, cuando, expiración P1
7 Nota de uso “Usa esto en consultas externas, emergencias o con especialistas que no usan ADEN” P0

States

Loading

  • Skeleton shimmer en carnet y QR (400ms)

Loaded (Normal)

  • Carnet digital con datos básicos, QR prominente, botones de acción

Generando PDF

  • Barra de progreso + “Generando tu resumen médico…” (3-8s)

PDF Listo

  • Preview del PDF + botones compartir/descargar/imprimir
  • “Link activo por 48 horas” con countdown. Expirado: “Este link expiró. Genera uno nuevo.”

QR Escaneado

  • Notificación push “Alguien accedio a tu resumen médico” con timestamp

Sin Datos Suficientes

  • “Completa tu perfil y carga al menos un laboratorio para generar tu ADEN ID.” CTA: [Completar perfil]

Datos Mostrados

Dato Objeto OOUX Propiedad Ejemplo
Nombre Paciente nombre María Lopez
Foto Paciente foto_perfil avatar.jpg
Edad Paciente edad 37 años
Tipo de sangre Paciente tipo_sangre O+
Alergias Paciente alergias Penicilina
Labs recientes Laboratorio resultados Glucosa 92 mg/dL
Medicación actual Paciente medicación Levotiroxina 50mcg

Acciones

Acción Tipo Resultado
Generar resumen Primaria Crea PDF con datos seleccionados
Compartir link Secundaria Genera URL segura (48h) para mensajeria
Descargar PDF Secundaria Descarga archivo al dispositivo
Imprimir Secundaria Abre dialogo de impresion
Personalizar contenido Toggles Selecciona categorías a incluir
Ver historial Tap link Muestra lista de accesos y links compartidos

  • Viene de: Perfil (tap en card ADEN ID o botón “Mi ID de Salud”)
  • Va a: Modal de compartir, visor de PDF
  • Back: /paciente/ajustes/perfil