Especificacion UI Consolidada: Citas Medicas¶

Identificador: UI-MTS-CIT-001 Modulo Funcional: MTS-CIT-001 - Citas, Estudios y Tratamientos Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight) Estado: Especificado

1. Resumen Ejecutivo¶

Este documento consolida la especificacion de interfaz de usuario para el modulo de Citas, Estudios y Tratamientos de MedTime. El modulo permite gestionar citas medicas, estudios de laboratorio/imagen, tratamientos programados y mantener un historial completo de eventos medicos.

1.1. Alcance¶

Aspecto	Descripcion
Pantallas	8 pantallas especificadas
Tipos de evento	7 (Consulta, Estudio Lab, Estudio Imagen, Tratamiento, Terapia, Vacuna, Procedimiento)
Funciones clave	Crear eventos, recordatorios inteligentes, deteccion de conflictos, historial
Tiers	Free (local), Pro/Perfect (cloud sync)

1.2. Pantallas del Modulo¶

ID	Nombre	Tipo	Prioridad
SCR-CIT-001	Lista de Citas	Full Screen	Alta
SCR-CIT-002	Agregar Cita	Full Screen	Alta
SCR-CIT-003	Detalle de Cita	Full Screen	Alta
SCR-CIT-004	Recordatorios	Full Screen / Bottom Sheet	Alta
SCR-CIT-005	Preparacion Pre-Cita	Full Screen	Media
SCR-CIT-006	Notas Post-Cita	Full Screen	Alta
SCR-CIT-007	Historial de Citas	Full Screen	Media
SCR-CIT-008	Compartir Cita	Bottom Sheet / Full Screen	Media

2. Arquitectura de Navegacion¶

2.1. Mapa de Navegacion¶

[Bottom Nav: Citas] -> SCR-CIT-001 Lista
                            |
            +---------------+---------------+
            |               |               |
            v               v               v
       [Tab Agenda]   [Tab Calendario] [Tab Historial]
            |               |               |
            v               v               v
       [Tap cita]      [Tap dia]      SCR-CIT-007
            |               |
            +-------+-------+
                    |
                    v
             SCR-CIT-003 Detalle
                    |
    +-------+-------+-------+-------+
    |       |       |       |       |
    v       v       v       v       v
[Editar] [Recordar] [Prep] [Notas] [Compartir]
    |       |       |       |       |
    v       v       v       v       v
SCR-002  SCR-004  SCR-005 SCR-006 SCR-008

[FAB +] -> SCR-CIT-002 Agregar
                |
                v
         [Seleccionar tipo]
                |
                v
         [Formulario]
                |
                v
         [Recordatorios]
                |
                v
         [Guardar]

3. Componentes UI Utilizados¶

3.1. Cards¶

Componente	Pantallas	Uso
CMP-CRD-030	SCR-CIT-001	Appointment Card
CMP-CRD-031	SCR-CIT-003	Event Header
CMP-CRD-032	SCR-CIT-003, 005	Alert Card
CMP-CRD-033	SCR-CIT-005	Preparation Card
CMP-CRD-034	SCR-CIT-005	Conflict Card
CMP-CRD-035	SCR-CIT-007	History Card
CMP-CRD-036	SCR-CIT-007	Year Summary
CMP-CRD-037	SCR-CIT-008	Share Preview

3.2. Lists¶

Componente	Pantallas	Uso
CMP-LST-027	SCR-CIT-002	Event Type Card
CMP-LST-028	SCR-CIT-003	Info Row
CMP-LST-029	SCR-CIT-003, 006	Document Row
CMP-LST-030	SCR-CIT-004	Reminder Row
CMP-LST-031	SCR-CIT-008	Share Option
CMP-LST-032	SCR-CIT-008	Caregiver Share Row

3.3. Inputs¶

Componente	Pantallas	Uso
CMP-INP-001	SCR-CIT-002	Text Input
CMP-INP-020	SCR-CIT-004	DateTime Picker
CMP-INP-021	SCR-CIT-006	Multiline Input
CMP-SEG-004	SCR-CIT-002	Duration Pills

Componente	Pantallas	Uso
CMP-TAB-003	SCR-CIT-001	Triple Tab
CMP-SRC-001	SCR-CIT-007	Search Bar
CMP-CHP-002	SCR-CIT-007	Filter Chips

3.5. Feedback¶

Componente	Pantallas	Uso
CMP-BNR-005	SCR-CIT-001	Alert Banner
CMP-BNR-006	SCR-CIT-005	Countdown Banner
CMP-BNR-007	SCR-CIT-007	Upsell Banner
CMP-DLG-006	SCR-CIT-002	Conflict Dialog
CMP-NTF-001	SCR-CIT-004	Push Notification

3.6. Special¶

Componente	Pantallas	Uso
CMP-CAL-001	SCR-CIT-001	Month Grid
CMP-MAP-001	SCR-CIT-005	Location Preview
CMP-PRG-003	SCR-CIT-003, 006	Treatment Progress
CMP-ATT-001	SCR-CIT-006	Document Attachment
CMP-SLD-002	SCR-CIT-006	Symptom Slider
CMP-DSP-003	SCR-CIT-008	QR Code

4. Tipos de Eventos Medicos¶

Tipo	Icono	Campos especiales
CONSULTA	Stethoscope	Medico, Especialidad
ESTUDIO_LAB	TestTube	Ayuno, Preparacion, Conflictos
ESTUDIO_IMAGEN	Scan	Preparacion especial
TRATAMIENTO	IV	Sesiones, Acompanante, Efectos
TERAPIA	Heart	Tipo terapia
VACUNA	Syringe	Tipo, Lote
PROCEDIMIENTO	Scalpel	Tipo, Anestesia

5. Estados de Eventos¶

Estado	Badge	Color	Acciones
Programada	-	Default	Editar, Cancelar, Compartir
Hoy	HOY	Blue	Todas
Con ayuno	AYUNO	Orange	Todas
Con acompanante	ACOMPANANTE	Purple	Todas
Sesion	X/Y	Blue	Todas
Completada	COMPLETADA	Green	Ver, Compartir, Exportar
No asistio	NO ASISTIO	Red	Ver, Reprogramar
Cancelada	CANCELADA	Gray	Ver, Reprogramar

6. Flujo de Deteccion de Conflictos¶

6.1. Tipos de Conflicto¶

Tipo	Severidad	Accion
AYUNO_MEDICAMENTO	Warning	Consultar medico
SUSPENDER_MEDICAMENTO	Critical	Lista afectados
HORARIO_CONFLICTO	Info	Ajustar horario
INTERACCION_ESTUDIO	Warning	Informar afectacion

6.2. Flujo de Resolucion¶

[Conflicto detectado]
         |
         v
[Mostrar alerta]
         |
   +-----+-----+
   |     |     |
   v     v     v
[OK]  [Ajustar] [Medico]
   |     |        |
   v     v        v
[Guardar] [Form] [Telefono]

7. Sistema de Recordatorios¶

7.1. Por Tipo de Evento¶

Tipo	T-3d	T-1d	T-12h	T-2h
Consulta	-	Si	-	Si
Estudio Lab	-	Si	Si (ayuno)	Si
Tratamiento	Si	Si	-	Si

7.2. Contenido de Recordatorio¶

Recordatorio	Contenido
T-1d	Fecha, hora, ubicacion, preparacion
T-12h (ayuno)	"Ultima comida AHORA"
T-2h	Ubicacion, como llegar, conflictos

8. Restricciones por Tier¶

Funcionalidad	Free	Pro/Perfect
Crear eventos	Si	Si
Recordatorios	Local	Push
Historial	30 dias	Ilimitado
Busqueda historial	No	Si
Compartir cuidadores	0	1-5
Enlaces temporales	No	Si
Codigo QR	No	Si
Exportar ICS	Si	Si
Sync cloud	No	Si

9. Accesibilidad¶

9.1. Requerimientos WCAG 2.1 AA¶

Aspecto	Implementacion
Contraste	Min 4.5:1 texto, 3:1 elementos
Touch targets	Min 44x44dp
Screen reader	Labels completos en todos los elementos
Navegacion	Tab order logico, skip links

9.2. VoiceOver Highlights¶

Anuncio de cantidad de citas al entrar
Descripcion completa de cada cita
Estado de conflictos anunciado
Countdown para estudios con ayuno

10. Referencias¶

10.1. Documentos de Pantalla¶

10.2. Flujos¶

UIF-CIT-001

10.3. Especificacion Funcional¶

MTS-CIT-001

Documento generado por MobileUxUiDrone (Eight of Eight)