Saltar a contenido

Flujo de Navegacion - Catalogo de Estudios

Identificador: UIF-EST-001 Modulo: MTS-EST-001 - Catalogo de Estudios y Tratamientos Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight)

1. Resumen del Flujo

Este documento especifica el flujo de navegacion completo para el modulo de Catalogo de Estudios, que permite a los pacientes buscar, programar y prepararse para estudios clinicos y tratamientos.

1.1. Pantallas del Modulo

ID Nombre Proposito Prioridad
SCR-EST-001 Busqueda de Estudios Buscar en catalogo de estudios/tratamientos Alta
SCR-EST-002 Resultados de Busqueda Lista de estudios encontrados Alta
SCR-EST-003 Detalle de Estudio Informacion completa y preparacion requerida Alta
SCR-EST-004 Filtros por Categoria Filtrado avanzado por tipo de estudio Media
SCR-EST-005 Estudios Programados Lista de estudios con cita programada Alta
SCR-EST-006 Historial de Estudios Estudios realizados anteriormente Media
SCR-EST-007 Preparacion para Estudio Checklist de preparacion pre-estudio Alta
SCR-EST-008 Recordatorios de Preparacion Gestion de alertas de preparacion Alta

2. Diagrama de Flujo Principal

flowchart TD
    subgraph Entry["Puntos de Entrada"]
        HOME[Tab Citas/Estudios]
        NOTIF[Notificacion Preparacion]
        CIT[Desde MTS-CIT-001]
        DEEP[Deep Link]
    end

    subgraph MainFlow["Flujo Principal"]
        SEARCH[SCR-EST-001<br/>Busqueda de Estudios]
        RESULTS[SCR-EST-002<br/>Resultados]
        DETAIL[SCR-EST-003<br/>Detalle de Estudio]
        FILTER[SCR-EST-004<br/>Filtros]
    end

    subgraph ScheduledFlow["Estudios Programados"]
        SCHEDULED[SCR-EST-005<br/>Estudios Programados]
        HISTORY[SCR-EST-006<br/>Historial]
    end

    subgraph PrepFlow["Flujo de Preparacion"]
        PREP[SCR-EST-007<br/>Preparacion]
        REMINDERS[SCR-EST-008<br/>Recordatorios]
    end

    subgraph Actions["Acciones"]
        SELECT{Seleccionar<br/>para Cita?}
        CONFIRM[Estudio<br/>Seleccionado]
    end

    %% Entry Points
    HOME --> SEARCH
    HOME --> SCHEDULED
    NOTIF --> PREP
    CIT --> SEARCH
    DEEP --> DETAIL

    %% Search Flow
    SEARCH -->|Escribir| RESULTS
    SEARCH -->|Tap filtros| FILTER
    FILTER -->|Aplicar| RESULTS
    RESULTS -->|Tap resultado| DETAIL
    RESULTS -->|No encontrado| CUSTOM[Agregar Custom]

    %% Detail Flow
    DETAIL -->|Ver preparacion| PREP
    DETAIL -->|Seleccionar| SELECT
    SELECT -->|Confirmar| CONFIRM
    CONFIRM --> CIT_RETURN[Volver a MTS-CIT-001]

    %% Scheduled Flow
    SCHEDULED -->|Tap estudio| DETAIL
    SCHEDULED -->|Menu: Historial| HISTORY
    HISTORY -->|Tap item| DETAIL

    %% Prep Flow
    PREP -->|Config recordatorios| REMINDERS
    REMINDERS --> PREP

    %% Styling
    classDef entry fill:#E3F2FD,stroke:#1976D2
    classDef main fill:#E8F5E9,stroke:#388E3C
    classDef scheduled fill:#FFF3E0,stroke:#F57C00
    classDef prep fill:#FCE4EC,stroke:#C2185B
    classDef action fill:#FFEBEE,stroke:#D32F2F

    class HOME,NOTIF,CIT,DEEP entry
    class SEARCH,RESULTS,DETAIL,FILTER main
    class SCHEDULED,HISTORY scheduled
    class PREP,REMINDERS prep
    class SELECT,CONFIRM action

3. User Journey: Paciente Independiente - Buscar Estudio Clinico

Persona: Ana, 52 anos, necesita programar un perfil lipidico.

journey
    title Ana busca informacion sobre Perfil Lipidico
    section Descubrimiento
      Abre app y va a Citas: 5: Ana
      Selecciona Nueva Cita Estudio: 5: Ana
    section Busqueda
      Escribe perfil lipidico: 5: Ana
      Ve resultados sugeridos: 5: Ana
      Selecciona Perfil Lipidico Completo: 5: Ana
    section Informacion
      Lee preparacion requerida: 5: Ana
      Ve ayuno de 10-12 horas: 4: Ana
      Ve que puede tomar agua: 5: Ana
    section Preparacion
      Configura recordatorio ayuno: 5: Ana
      Confirma seleccion para cita: 5: Ana
      Continua a programar cita: 5: Ana

3.1. Pasos Detallados - PI

Paso Pantalla Accion Siguiente Notas UX
1 MTS-CIT-001 Tap Nueva Cita > Estudio SCR-EST-001 Integracion seamless
2 SCR-EST-001 Campo busqueda activo - Auto-focus
3 SCR-EST-001 Escribe "perfil lip..." SCR-EST-002 Busqueda predictiva
4 SCR-EST-002 Ve resultados categorizados - Agrupados por tipo
5 SCR-EST-002 Tap "Perfil Lipidico Completo" SCR-EST-003 Card con preview
6 SCR-EST-003 Lee informacion de preparacion - Seccion destacada
7 SCR-EST-003 Ve iconos de ayuno/restricciones - Visual claro
8 SCR-EST-003 Tap "Configurar Preparacion" SCR-EST-007 Opcional pero recomendado
9 SCR-EST-007 Activa recordatorio de ayuno SCR-EST-008 Toggle con hora
10 SCR-EST-008 Configura hora de alerta SCR-EST-007 12h antes default
11 SCR-EST-003 Tap "Seleccionar para Cita" MTS-CIT-001 Retorno con datos

4. Categorias de Estudios (Navegacion)

4.1. Estructura de Categorias

flowchart LR
    subgraph Categorias["Categorias Principales"]
        LAB[Laboratorio]
        IMG[Imagenologia]
        ESP[Especializados]
        TRT[Tratamientos]
    end

    subgraph SubLab["Sub: Laboratorio"]
        LAB_HEM[Hematologia]
        LAB_QUI[Quimica Clinica]
        LAB_HOR[Hormonales]
        LAB_INM[Inmunologia]
    end

    subgraph SubImg["Sub: Imagenologia"]
        IMG_RX[Rayos X]
        IMG_US[Ultrasonido]
        IMG_TC[Tomografia]
        IMG_RM[Resonancia]
    end

    LAB --> LAB_HEM & LAB_QUI & LAB_HOR & LAB_INM
    IMG --> IMG_RX & IMG_US & IMG_TC & IMG_RM

4.2. Iconografia por Categoria

Categoria Icono Color
Laboratorio Tubo de ensayo #E53935 (Rojo)
Imagenologia Radiografia #1E88E5 (Azul)
Especializados Estetoscopio #43A047 (Verde)
Tratamientos Bolsa IV #8E24AA (Morado)
Terapias Persona ejercitando #FB8C00 (Naranja)

5. Estados de Pantalla

5.1. SCR-EST-001 - Busqueda de Estudios

Estado Condicion Visualizacion
Initial Sin busqueda Categorias destacadas + recientes
Searching Escribiendo Loading + sugerencias en vivo
Results Con resultados Lista categorizada
No Results Sin coincidencias Empty state + sugerir custom
Offline Sin conexion Busqueda en catalogo local

5.2. SCR-EST-003 - Detalle de Estudio

Estado Condicion Visualizacion
Loaded Datos completos Toda la informacion
Custom Estudio personalizado Campos editables
With Prep Tiene preparacion Seccion preparacion destacada
No Prep Sin preparacion especial Mensaje "Sin preparacion especial"
Selected Ya seleccionado para cita Badge "En cita programada"

5.3. SCR-EST-007 - Preparacion para Estudio

Estado Condicion Visualizacion
Pending Preparacion pendiente Checklist con items
In Progress Algunos items completados Progress indicator
Ready Todo listo Estado verde "Listo"
Overdue Paso hora limite Alerta con opcion de ajustar

6. Integracion con MTS-CIT-001

6.1. Flujo de Seleccion para Cita

sequenceDiagram
    participant CIT as MTS-CIT-001
    participant EST as MTS-EST-001
    participant INT as MTS-INT-002
    participant NTF as MTS-NTF-001

    CIT->>EST: Solicitar catalogo(tipo=ESTUDIO_LAB)
    EST-->>CIT: Abrir SCR-EST-001

    Note over EST: Usuario busca y selecciona

    EST->>EST: Usuario tap "Seleccionar"
    EST->>INT: Verificar interacciones(estudio, medicamentos[])
    INT-->>EST: Resultado interacciones

    alt Hay interacciones
        EST->>EST: Mostrar alertas
        EST-->>CIT: Retornar con advertencias
    else Sin interacciones
        EST-->>CIT: Retornar datos estudio
    end

    CIT->>NTF: Programar alertas preparacion
    NTF-->>CIT: Confirmacion

6.2. Datos Retornados a MTS-CIT-001

{
  "codigo": "LAB-QUI-002",
  "nombre": "Perfil Lipidico Completo",
  "categoria": "LAB-QUI",
  "preparaciones": [
    {
      "tipo": "PREP-AYU",
      "descripcion": "Ayuno de 10-12 horas",
      "horas_antes": 12,
      "estricto": true
    }
  ],
  "duracion_minutos": 15,
  "puede_tomar_agua": true,
  "alertas_programar": [
    {"tipo": "ayuno_inicio", "horas_antes": 13},
    {"tipo": "recordatorio_cita", "horas_antes": 24}
  ]
}

7. Transiciones y Animaciones

7.1. Transiciones Entre Pantallas

De A Tipo Duracion Ease
SEARCH RESULTS Cross-fade 200ms ease-out
RESULTS DETAIL Shared element (card) 300ms ease-out
DETAIL PREP Slide up bottom sheet 300ms ease-out
FILTER RESULTS Slide down 250ms ease-out

7.2. Microinteracciones

Elemento Accion Animacion
Categoria chip Tap Scale 0.95 + haptic
Resultado card Appear Fade in staggered 50ms
Preparacion toggle Change Spring animation
Recordatorio set Confirm Checkmark lottie
Deep Link Destino Parametros
medtime://studies SCR-EST-001 -
medtime://studies/search?q={query} SCR-EST-002 pre-fill query
medtime://studies/{codigo} SCR-EST-003 estudio_codigo
medtime://studies/scheduled SCR-EST-005 -
medtime://studies/{codigo}/prep SCR-EST-007 estudio_codigo

9. Metricas de UX

9.1. KPIs del Flujo

Metrica Objetivo Medicion
Tiempo busqueda a seleccion < 30 segundos analytics
Tasa uso busqueda vs browse > 70% busqueda analytics
Tasa configuracion preparacion > 60% analytics
Estudios custom vs catalogo < 20% custom analytics

9.2. Eventos de Analytics

Evento Trigger Datos
study_search Busqueda iniciada query, resultados_count
study_selected Estudio seleccionado codigo, categoria
prep_configured Preparacion configurada estudio, recordatorios[]
study_linked_to_appointment Vinculado a cita estudio_codigo, cita_id

10. Accesibilidad

10.1. Consideraciones Especificas

Pantalla Consideracion Implementacion
SCR-EST-001 Busqueda por voz Boton mic accesible
SCR-EST-002 Categorias navegables Headings semanticos
SCR-EST-003 Preparacion critica role="alert" para ayuno
SCR-EST-007 Checklist Checkboxes nativos a11y
SCR-EST-008 Time picker Alternativa manual

10.2. Screen Reader Announcements

Accion Announcement
Resultado encontrado "X resultados para [query]"
Estudio con preparacion "[Nombre], requiere preparacion especial"
Recordatorio activado "Recordatorio configurado para [hora]"
Preparacion completada "Preparacion para [estudio] completada"

11. Referencias

12. Historial de Cambios

Version Fecha Cambios
1.0.0 2025-12-05 Version inicial con flujo completo

Documento generado por MobileUxUiDrone (Eight of Eight) "La preparacion del paciente es clave para resultados precisos."