Design
Pantallas
Para qué

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

Audiencia

Diseño e ingeniería.

Historial de Conversaciones

Health Coach -> Conversaciones Pasadas

Propósito: Permitir al usuario revisar conversaciones anteriores con el Health Coach
JTBD: “Quiero volver a leer lo que me explico la IA sobre mis resultados”
Ruta: /paciente/health-coach/historial
Módulo: PAM-6


Features

# Feature Descripción Prioridad
1 Lista de conversaciones Cards con fecha, preview del primer mensaje y tema P0
2 Búsqueda Input para buscar por tema o palabra clave P2
3 Abrir conversación Tap para ver el hilo completo (solo lectura) P0
4 Eliminar conversación Swipe o botón para borrar del historial P3

States

Sin Conversaciones

  • Trigger: Usuario no ha chateado nunca
  • Copy: “Aun no tienes conversaciones”
  • Subtitulo: “Cuando hables con tu Health Coach, tus conversaciones aparecen aquí.”
  • CTA: [Iniciar conversación]

Lista Cargada

  • Visual: Cards ordenadas por fecha (más reciente primero)
  • Ejemplo cards:
    • “Que significa mi glucosa” - Hace 2 días
    • “Como mejorar colesterol” - Hace 1 semana
    • “Explicame mi Health Score” - Hace 2 semanas

Cargando

  • Visual: Skeleton shimmer en 3 cards
  • Copy: “Cargando conversaciones…”

Datos Mostrados

Dato Objeto Propiedad Ejemplo
Título conversación Chat primer_mensaje “Que significa mi glucosa”
Fecha Chat fecha Hace 2 días
Preview respuesta Chat preview “Tu glucosa está en 98 mg/dL, dentro del…”
Cantidad mensajes Chat total_mensajes 6 mensajes

Acciones

Acción Tipo Resultado
Tap conversación Navegación Abre hilo completo (solo lectura)
Buscar Filtro Filtra lista por termino
Eliminar Destructiva Confirmación + elimina del historial
Iniciar conversación Primaria Navega al chat

  • Origen: Chat Health Coach > menu > “Historial” / Offline state
  • Destino tap conversación: Chat en modo lectura
  • Destino iniciar: Chat Health Coach
  • Back: Chat Health Coach