Design
Pantallas
Para qué

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

Audiencia

Diseño e ingeniería.

Pre-Consulta

Consulta Médica -> Fase 2: Dia de la Cita (Dia 0)

Propósito: Preparar al paciente con checklist de documentos y recordatorios la mañana de la cita
JTBD: “Quiero saber que llevar y estar preparado”
Ruta: /paciente/consulta/pre-consulta
Módulo: PAM-8


Features

# Feature Descripción Prioridad
1 Checklist de documentos Cédula, comprobante EPS, carnet vacunación, medicinas, ayuno P1
2 Countdown a cita Tiempo restante hasta la hora de cita P1
3 Instrucciones de llegada Pasos al llegar al centro médico P1
4 Contacto centro Llamar o chatear con el laboratorio P2
5 Abrir Maps Navegación directa al centro P2
6 Alerta documentos faltantes Aviso si falta cédula u otro crítico P1

States

Checklist Incompleto

  • Copy: “Tu cita en [X] hora(s)”
  • Items sin marcar resaltados con borde azul
  • Alerta: “Si no traes cédula, podrian cancelar tu cita”
  • CTA: [Marcar como listo]

Todo Listo

  • Copy: “Estas lista, María”
  • Todos los items con check verde
  • CTA: [Abrir Maps] [Ver instrucciones de llegada]

Dia Equivocado

  • Copy: “Tu cita no es hoy”
  • Subtitulo: “Tu próxima cita es el [fecha] a las [hora]”
  • CTA: [Ver detalles de la cita]

Loading

  • Skeleton shimmer en checklist y datos de cita
  • Copy: “Cargando tu checklist…”

Datos Mostrados

Dato Objeto OOUX Propiedad Ejemplo
Tiempo restante Cita countdown En 1 hora
Lugar Centro nombre Laboratorio de Control
Ciudad Centro ciudad Medellín
Items checklist Cita requisitos Cédula, EPS, medicinas
Teléfono centro Centro teléfono (604) 123-4567
Requisito ayuno Cita preparación Ayunar 8 horas

Acciones

Acción Tipo Resultado
Marcar item checklist Toggle Check/uncheck individual
Llamar laboratorio Terciaria Abre teléfono nativo
Chat soporte Terciaria Abre chat con centro
Abrir Maps Secundaria Navegación en app de mapas del dispositivo

  • Origen: Push matutino / Dashboard paciente
  • Destino todo listo: Check-in en recepción (al llegar)
  • Destino Maps: App de navegación externa
  • Atrás: Dashboard paciente