Design
Pantallas
Para qué

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

Audiencia

Diseño e ingeniería.

En Consulta

Consulta Médica -> Fase 5: Consulta Médica (En el Consultorio)

Propósito: Permitir al paciente anotar recomendaciones del médico en tiempo real
JTBD: “Quiero recordar lo que me dijo el médico después de salir”
Ruta: /paciente/consulta/en-consulta
Módulo: PAM-8

Features

# Feature Descripción Prioridad
1 Notas por categoría Campos separados: síntomas, diagnóstico, recomendaciones, medicinas, seguimiento P1
2 Autoguardado Las notas se guardan automáticamente P1
3 Timer de duración Tiempo transcurrido desde inicio de consulta P3
4 Info médico revisando Indicador de que el médico tiene acceso a datos ADEN P2
5 Cerrar y volver Modal dismissible sin perder datos P1

States

Nota Vacia

  • Copy: “Anota lo que te dice tu médico”
  • Subtitulo: “No es obligatorio, pero te ayudara a recordar”
  • Campos vacios con placeholder por categoría:
    • Síntomas/hallazgos: “Que te encontró el médico?”
    • Diagnóstico: “Que te dijo que tienes?”
    • Recomendaciones: “Que te recomendo hacer?”
    • Medicinas: “Te receto algo?”
    • Próxima cita: “Cuando debes volver?”
  • CTA: [Guardar notas]

Nota Guardada

  • Copy: “Notas guardadas”
  • Subtitulo: “Puedes editarlas después si necesitas”
  • Campos con contenido, editables
  • Badge: “Guardado automáticamente”
  • CTA: [Terminar consulta]

Timer de Duración

  • Contador en header: “12:34 min”
  • Inicia al abrir el modal
  • No intrusivo, solo referencia

Loading

  • Skeleton shimmer en campos de notas
  • Copy: “Preparando tus notas…”

Datos Mostrados

Dato Objeto OOUX Propiedad Ejemplo
Nombre médico Médico nombre Dr. Rodriguez
Duración consulta Consulta duración 12:34 min
Nota síntomas NotaConsulta síntomas Colesterol alto
Nota diagnóstico NotaConsulta diagnóstico Dislipidemia leve
Nota recomendaciones NotaConsulta recomendaciones Dieta baja en grasas
Nota medicinas NotaConsulta medicinas Simvastatina 20mg

Acciones

Acción Tipo Resultado
Escribir nota Input Texto libre por categoría
Guardar notas Primaria Persiste en historial del paciente
Cerrar modal Dismiss Vuelve a pantalla anterior, datos guardados
Terminar consulta Primaria Navega a post-consulta
  • Origen: Sala de espera (turno listo) o acceso manual
  • Destino terminar: Ordenes médicas (post-consulta)
  • Dismiss: Vuelve a sala de espera o dashboard
  • Tipo: Modal overlay (puede cerrarse y reabrirse)