Design
Pantallas
Para qué

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

Audiencia

Diseño e ingeniería.

Primer Uso Health Coach

Health Coach -> Onboarding Modal

Propósito: Presentar el Health Coach IA al usuario por primera vez con preguntas sugeridas
JTBD: “Quiero saber que puede hacer este chat y por donde empezar”
Ruta: /paciente/health-coach (modal overlay, primera vez)
Módulo: PAM-6


Features

# Feature Descripción Prioridad
1 Mensaje de bienvenida “Soy tu Health Coach IA” con explicación breve P0
2 Preguntas sugeridas 3-4 preguntas contextuales basadas en datos del usuario P0
3 Disclaimer “No reemplaza a tu médico” claramente visible P0
4 Botón empezar CTA principal para iniciar primera conversación P1

States

Primer Uso

  • Trigger: Primera vez que el usuario abre el Health Coach
  • Visual: Modal con icono de chat, título, subtitulo y chips de preguntas
  • Copy título: “Soy tu Health Coach IA”
  • Copy subtitulo: “Puedo ayudarte a entender tus exámenes, responder dudas sobre tu plan y explicarte tus resultados.”
  • Preguntas sugeridas (ejemplo para María):
    • “Que significa mi último examen de glucosa?”
    • “Como puedo mejorar mi colesterol?”
    • “Que suplementos estoy tomando y para que sirven?”
    • “Explicame mi Health Score”
  • CTA: [Empezar a chatear]

Ya Visto

  • Trigger: Usuario ya paso por el primer uso
  • Comportamiento: Modal no se muestra, va directo al chat
  • Persistencia: Flag en localStorage / perfil del usuario

Datos Mostrados

Dato Objeto Propiedad Ejemplo
Nombre usuario Paciente nombre María
Preguntas sugeridas HealthCoach sugerencias Basadas en últimos resultados
Disclaimer Sistema texto “No reemplaza la consulta médica”

Acciones

Acción Tipo Resultado
Tap pregunta sugerida Primaria Cierra modal, envía pregunta al chat
Tap “Empezar a chatear” Primaria Cierra modal, abre chat vacio
Cerrar modal Secundaria Marca como visto, abre chat vacio

  • Origen: Primera apertura del Health Coach (cualquier entry point)
  • Destino: Chat Health Coach (/paciente/health-coach)
  • No tiene back: Es un modal overlay, se cierra al interactuar