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 Resultado

Laboratorios -> Nivel 2: Biomarcador Individual

Propósito: Mostrar valor, contexto y acción para un biomarcador específico
JTBD: “Quiero entender que significa este número y que debo hacer”
Ruta: /paciente/laboratorio/resultado/:id
Módulo: PAM-4

Features

# Feature Descripción Prioridad
1 Valor actual Número grande + unidad + fecha de medición P0
2 Barra de 3 zonas Bajo / Óptimo / Alto con posición del valor P0
3 Harm anchor Donde se asocia el menor riesgo según evidencia P0
4 Tendencia histórica Gráfico lineal con 3-5 mediciones previas P1
5 RCV (Cambio Real) Badge si el cambio supera la variabilidad biológica P1
6 Sección “Qué hacer” Recomendaciones contextuales del Health Coach IA P1
7 Botón comparar Comparar con medición anterior específica P2

States

Normal (Cargado)

  • Visual: Valor hero + barra 3 zonas + tendencia + recomendaciones
  • Ejemplo: Glucosa 98 mg/dL, barra en zona óptima, tendencia estable

Comparación Activa

  • Trigger: Usuario activa “Comparar con…” desde esta pantalla
  • Visual: Valor actual vs valor anterior lado a lado + delta + badge RCV si aplica
  • Ejemplo: Glucosa 98 vs 126 (-22%), RCV: Cambio real detectado

Sin Histórico

  • Trigger: Primera medición de este biomarcador
  • Visual: Valor actual + barra, sin gráfico de tendencia
  • Copy: “Esta es tu primera medición. Vuelve a medir en 3 meses para ver tendencia.”

Datos Mostrados

Dato Objeto Propiedad Ejemplo
Nombre Biomarcador nombre Glucosa
Valor actual Biomarcador valor_actual 98 mg/dL
Rango bajo Biomarcador rango_bajo 70 mg/dL
Rango alto Biomarcador rango_alto 100 mg/dL
Harm anchor Biomarcador harm_anchor 85 mg/dL
Delta vs anterior Biomarcador delta -22%
RCV threshold Biomarcador rcv_threshold 15%
Histórico Medición[] valores [126, 115, 105, 98]
Recomendación HealthCoach sugerencia “Mantener actividad física y dieta baja en azucar”

Acciones

Acción Tipo Resultado
Tap “Qué hacer” Primaria Scroll a recomendaciones o abre Health Coach
Tap “Comparar con…” Secundaria Selector de medición anterior
Tap “Preguntar” Navegación Abre Health Coach con contexto del biomarcador
Tap punto en tendencia Interacción Tooltip con valor y fecha de esa medición
  • Origen: Lista de Resultados (tap en biomarcador)
  • Destino “Qué hacer”: Plan ajustado o Health Coach
  • Destino “Preguntar”: Health Coach con contexto pre-cargado
  • Back: Lista de Resultados