Especificacion de Interfaz de Usuario - MedTime
Identificador: MTS-UI-INDEX
Version: 2.0.0
Fecha: 2025-12-05
Autor: SpecQueen (Consolidacion FASE 5)
Estado: COMPLETADO
1. Resumen Ejecutivo
Este directorio contiene la especificacion UI completa de MedTime, una suite integral de aplicaciones para gestion de medicamentos y salud personal. La especificacion cubre 28 modulos, 207 pantallas y 350+ componentes documentados.
1.1. Metricas del Proyecto
| Metrica |
Valor |
| Modulos Totales |
28 |
| Pantallas Documentadas |
207 |
| Flujos de Usuario |
28 |
| User Journeys |
52 |
| Componentes Documentados |
350+ |
| Patrones de Diseno |
5 |
| Nivel WCAG |
AA (6 pantallas AAA) |
1.2. Estado por Fase
| Fase |
Modulos |
Pantallas |
Estado |
| FASE 0: Preparacion |
- |
- |
COMPLETADA |
| FASE 1: Core |
8 |
68 |
COMPLETADA |
| FASE 2: Value |
7 |
54 |
COMPLETADA |
| FASE 3: Extended |
6 |
45 |
COMPLETADA |
| FASE 4: Platform |
7 |
40 |
COMPLETADA |
| FASE 5: Consolidacion |
- |
- |
COMPLETADA |
2. Estructura del Directorio
UiSpec/
├── 00-ui-spec-index.md # Este archivo - Indice general
├── 01-design-system.md # Sistema de diseno (tokens, colores, tipografia)
├── 02-component-library.md # Biblioteca de componentes (350+ componentes)
├── 03-accessibility-guidelines.md # Guias de accesibilidad WCAG 2.1 AA
├── ui-spec-progress.json # Tracking de progreso del proyecto
│
├── screens/ # 207 especificaciones de pantalla
│ ├── SCR-MED-*.md # Medicamentos (9 pantallas)
│ ├── SCR-ALT-*.md # Alertas (15 pantallas)
│ ├── SCR-INT-*.md # Interacciones med-med (4 pantallas)
│ ├── SCR-IES-*.md # Interacciones med-estudio (6 pantallas)
│ ├── SCR-AUTH-*.md # Autenticacion (6 pantallas)
│ ├── SCR-ONB-*.md # Onboarding (8 pantallas)
│ ├── SCR-USR-*.md # Usuarios (12 pantallas)
│ ├── SCR-PAY-*.md # Pagos (8 pantallas)
│ ├── SCR-ADH-*.md # Adherencia (10 pantallas)
│ ├── SCR-NTF-*.md # Notificaciones inteligentes (8 pantallas)
│ ├── SCR-CAT-*.md # Catalogo medicamentos (6 pantallas)
│ ├── SCR-EST-*.md # Catalogo estudios (8 pantallas)
│ ├── SCR-ANA-*.md # Analisis clinicos (8 pantallas)
│ ├── SCR-PRN-*.md # Medicamentos PRN (6 pantallas)
│ ├── SCR-RX-*.md # Recetas (8 pantallas)
│ ├── SCR-FAM-*.md # Perfiles familiares (10 pantallas)
│ ├── SCR-EVT-*.md # Eventos de salud (8 pantallas)
│ ├── SCR-CAL-*.md # Calendario (6 pantallas)
│ ├── SCR-CIT-*.md # Citas medicas (8 pantallas)
│ ├── SCR-RPT-*.md # Reportes (7 pantallas)
│ └── SCR-GAM-*.md # Gamificacion (6 pantallas)
│
├── flows/ # 21 flujos de usuario documentados
│ ├── UIF-MED-001-*.md # Flujos de medicamentos
│ ├── UIF-ALT-001-*.md # Flujos de alertas
│ ├── UIF-AUTH-001-*.md # Flujos de autenticacion
│ └── ... # Otros flujos
│
├── specs/ # 28 especificaciones de modulo
│ ├── UI-MTS-MED-001.md # Spec consolidada medicamentos
│ ├── UI-MTS-ALT-001.md # Spec consolidada alertas
│ └── ... # Otras specs
│
└── patterns/ # Patrones de diseno reutilizables
├── component-inventory.json # Inventario de componentes
├── PAT-001-forms.md # Patrones de formularios
├── PAT-002-lists.md # Patrones de listas
├── PAT-003-navigation.md # Patrones de navegacion
├── PAT-004-alerts.md # Patrones de alertas
└── PAT-005-cards.md # Patrones de cards
3. Indice de Modulos por Fase
3.1. FASE 1: Modulos Core (8 modulos, 68 pantallas)
3.2. FASE 2: Modulos Value (7 modulos, 54 pantallas)
3.3. FASE 3: Modulos Extended (6 modulos, 45 pantallas)
4. Documentos Fundacionales
4.1. Sistema de Diseno
4.2. Patrones de Diseno
5. Nomenclatura de Identificadores
5.1. Pantallas (SCR-XXX-NNN)
| Prefijo |
Modulo |
Ejemplo |
| SCR-MED |
Medicamentos |
SCR-MED-001-lista-medicamentos |
| SCR-ALT |
Alertas |
SCR-ALT-001-recordatorio-toma |
| SCR-INT |
Interacciones |
SCR-INT-001-alerta-contraindicado |
| SCR-IES |
Interacciones Estudios |
SCR-IES-001-alerta-afe |
| SCR-AUTH |
Autenticacion |
SCR-AUTH-001-splash-welcome |
| SCR-ONB |
Onboarding |
SCR-ONB-001-bienvenida |
| SCR-USR |
Usuarios |
SCR-USR-001-perfil-principal |
| SCR-PAY |
Pagos |
SCR-PAY-001-comparativa-planes |
| SCR-ADH |
Adherencia |
SCR-ADH-001-dashboard-adherencia |
| SCR-NTF |
Notificaciones |
SCR-NTF-001-dashboard-insights |
| SCR-CAT |
Catalogo |
SCR-CAT-001-busqueda-autocomplete |
| SCR-EST |
Estudios |
SCR-EST-001-busqueda-estudios |
| SCR-ANA |
Analisis |
SCR-ANA-001-dashboard-resultados |
| SCR-PRN |
PRN |
SCR-PRN-001-lista-prn |
| SCR-RX |
Recetas |
SCR-RX-001-lista-recetas |
| SCR-FAM |
Familia |
SCR-FAM-001-lista-dependientes |
| SCR-EVT |
Eventos |
SCR-EVT-001-timeline-eventos |
| SCR-CAL |
Calendario |
SCR-CAL-001-vista-mes |
| SCR-CIT |
Citas |
SCR-CIT-001-lista-citas |
| SCR-RPT |
Reportes |
SCR-RPT-001-centro-reportes |
| SCR-GAM |
Gamificacion |
SCR-GAM-001-centro-logros |
5.2. Flujos (UIF-XXX-NNN)
| Prefijo |
Tipo |
Ejemplo |
| UIF |
Flujo de Usuario |
UIF-MED-001-gestion-medicamentos |
5.3. Patrones (PAT-NNN)
| Prefijo |
Tipo |
Ejemplo |
| PAT |
Patron de Diseno |
PAT-001-forms |
5.4. Componentes (CMP-XXX-NNN)
| Prefijo |
Categoria |
Ejemplo |
| CMP-NAV |
Navegacion |
CMP-NAV-001 (Bottom Navigation) |
| CMP-INP |
Entrada |
CMP-INP-001 (Text Field) |
| CMP-BTN |
Botones |
CMP-BTN-001 (Primary Button) |
| CMP-CRD |
Cards |
CMP-CRD-001 (Medication Card) |
| CMP-ALT |
Alertas |
CMP-ALT-001 (Alert Banner) |
| CMP-SPC |
Especializados |
CMP-SPC-001 (Dose Tracker) |
6. Roles de Usuario
MedTime soporta cuatro roles principales:
| Codigo |
Rol |
Descripcion |
Acceso UI |
| PI |
Paciente Independiente |
Usuario autonomo |
Acceso completo a todas las funciones |
| PD |
Paciente Dependiente |
Requiere supervision |
Vista simplificada, notificaciones a cuidador |
| CS |
Cuidador Solidario |
Acceso limitado |
Solo visualizacion segun permisos |
| CR |
Cuidador Responsable |
Control total |
Dashboard de dependientes, todas las acciones |
7. Tiers de Suscripcion
| Tier |
Color |
Caracteristicas UI |
| Free |
Gris (#9E9E9E) |
Hasta 3 medicamentos, anuncios, funcionalidad basica |
| Pro |
Azul (#2196F3) |
Sin anuncios, ilimitados, sync cloud, 1 cuidador |
| Perfect |
Purpura (#9C27B0) |
Todo Pro + cuidadores ilimitados, FHIR, MFA, Recovery Key |
8. Cumplimiento WCAG 2.1
8.1. Nivel AA (207 pantallas)
Todas las 207 pantallas cumplen con WCAG 2.1 nivel AA:
- Contraste minimo 4.5:1 para texto
- Touch targets de 44x44dp minimo
- Navegacion por teclado completa
- Screen reader compatible (VoiceOver/TalkBack)
- Labels en todos los campos
- Mensajes de error descriptivos
8.2. Nivel AAA (6 pantallas criticas)
Las siguientes pantallas criticas cumplen WCAG 2.1 nivel AAA:
| Pantalla |
Motivo AAA |
| SCR-ALT-005 |
Alerta de Emergencia - Seguridad del paciente |
| SCR-ALT-007 |
Alerta de Interaccion - Seguridad del paciente |
| SCR-ALT-008 |
Alerta de Valores Criticos - Seguridad del paciente |
| SCR-INT-001 |
Interaccion CONTRAINDICADO - Bloqueante de seguridad |
| SCR-IES-003 |
Incompatibilidad Med-Estudio - Bloqueante de seguridad |
| SCR-USR-012 |
Eliminar Cuenta - Triple confirmacion, periodo de gracia |
8.3. Checklist de Verificacion QA
[ ] Contraste de texto >= 4.5:1
[ ] Contraste de UI >= 3:1
[ ] Touch targets >= 44x44dp
[ ] Focus visible en todos los elementos
[ ] Tab order logico
[ ] Labels para todos los inputs
[ ] Errores descriptivos y sugerencias
[ ] Acciones destructivas con confirmacion
[ ] Animaciones respetan reduce-motion
[ ] Color no es unico indicador de estado
9. Modulos Criticos de Seguridad
Los siguientes modulos son criticos para la seguridad del paciente:
| Modulo |
Criticidad |
Notas |
| MTS-INT-001 |
CRITICO |
Alertas de interacciones medicamentosas |
| MTS-INT-002 |
CRITICO |
Alertas de interacciones con estudios |
| MTS-AUTH-001 |
CRITICO |
Autenticacion y acceso a datos |
| MTS-PRI-001 |
CRITICO |
Control de privacidad y consentimientos |
10. Referencias Cruzadas
10.1. Especificacion Funcional
| Documento UI |
Documento Funcional |
| UI-MTS-MED-001 |
MTS-MED-001 (04-modulos/) |
| UI-MTS-AUTH-001 |
MTS-AUTH-001 (04-modulos/) |
| 03-accessibility-guidelines |
MTS-REG-001 (requisitos regulatorios) |
10.2. Regulaciones
| Documento |
Regulacion |
| MTS-PRI-001 |
HIPAA, LGPD, LFPDPPP |
| MTS-FHIR-001 |
HL7 FHIR R4 |
| 03-accessibility-guidelines |
WCAG 2.1 AA, Section 508 |
11. Historial de Cambios
| Version |
Fecha |
Cambios |
| 1.0.0 |
2025-12-05 |
Creacion inicial del indice |
| 2.0.0 |
2025-12-05 |
FASE 5 completada - TOC de 28 modulos, 207 pantallas |
12. Apendice: Lista Completa de Pantallas
Ver lista completa de 207 pantallas
### 12.1. Medicamentos (MTS-MED-001) - 9 pantallas
- SCR-MED-001-lista-medicamentos.md
- SCR-MED-002-detalle-medicamento.md
- SCR-MED-003-agregar-medicamento.md
- SCR-MED-004-configurar-horarios.md
- SCR-MED-005-buscar-catalogo.md
- SCR-MED-006-medicamento-personalizado.md
- SCR-MED-007-inventario.md
- SCR-MED-008-historial.md
- SCR-MED-009-interacciones.md
### 12.2. Alertas (MTS-ALT-001) - 15 pantallas
- SCR-ALT-001-recordatorio-toma.md
- SCR-ALT-002-detalle-alerta.md
- SCR-ALT-003-historial-alertas.md
- SCR-ALT-004-configuracion-notificaciones.md
- SCR-ALT-005-alerta-emergencia.md (AAA)
- SCR-ALT-006-configuracion-cuidadores.md
- SCR-ALT-007-alerta-interaccion.md (AAA)
- SCR-ALT-008-alerta-valores-criticos.md (AAA)
- SCR-ALT-009-centro-notificaciones.md
- SCR-ALT-010-configuracion-sonidos.md
- SCR-ALT-011-modo-no-molestar.md
- SCR-ALT-012-contactos-emergencia.md
- SCR-ALT-013-vista-cuidador-alertas.md
- SCR-ALT-014-resumen-diario.md
- SCR-ALT-015-confirmacion-accion.md
### 12.3. Interacciones Med-Med (MTS-INT-001) - 4 pantallas
- SCR-INT-001-alerta-contraindicado.md (AAA)
- SCR-INT-002-alerta-serio.md
- SCR-INT-003-alerta-moderado-menor.md
- SCR-INT-004-detalle-interaccion.md
### 12.4. Interacciones Med-Estudio (MTS-INT-002) - 6 pantallas
- SCR-IES-001-alerta-afe.md
- SCR-IES-002-alerta-sus.md
- SCR-IES-003-alerta-inc.md (AAA)
- SCR-IES-004-alerta-pos.md
- SCR-IES-005-calendario-suspension.md
- SCR-IES-006-confirmacion-post-estudio.md
### 12.5. Autenticacion (MTS-AUTH-001) - 6 pantallas
- SCR-AUTH-001-splash-welcome.md
- SCR-AUTH-002-login-social.md
- SCR-AUTH-003-registro.md
- SCR-AUTH-004-recuperacion.md
- SCR-AUTH-005-verificacion-2fa.md
- SCR-AUTH-006-biometria.md
### 12.6. Onboarding (MTS-ONB-001) - 8 pantallas
- SCR-ONB-001-bienvenida.md
- SCR-ONB-002-seleccion-rol.md
- SCR-ONB-003-datos-personales.md
- SCR-ONB-004-informacion-medica.md
- SCR-ONB-005-primer-medicamento.md
- SCR-ONB-006-configuracion-notificaciones.md
- SCR-ONB-007-agregar-cuidadores.md
- SCR-ONB-008-tour-funcionalidades.md
### 12.7. Usuarios (MTS-USR-001) - 12 pantallas
- SCR-USR-001-perfil-principal.md
- SCR-USR-002-editar-datos-personales.md
- SCR-USR-003-informacion-medica.md
- SCR-USR-004-lista-cuidadores.md
- SCR-USR-005-invitar-cuidador.md
- SCR-USR-006-permisos-cuidador.md
- SCR-USR-007-contactos-emergencia.md
- SCR-USR-008-preferencias-app.md
- SCR-USR-009-privacidad-datos.md
- SCR-USR-010-perfil-compartible.md
- SCR-USR-011-generar-qr-pdf.md
- SCR-USR-012-eliminar-cuenta.md (AAA)
### 12.8. Pagos (MTS-PAY-001) - 8 pantallas
- SCR-PAY-001-comparativa-planes.md
- SCR-PAY-002-detalle-plan-pro.md
- SCR-PAY-003-detalle-plan-perfect.md
- SCR-PAY-004-checkout.md
- SCR-PAY-005-confirmacion.md
- SCR-PAY-006-gestion-suscripcion.md
- SCR-PAY-007-cancelacion.md
- SCR-PAY-008-reactivacion.md
### 12.9. Adherencia (MTS-ADH-001) - 10 pantallas
- SCR-ADH-001-dashboard-adherencia.md
- SCR-ADH-002-adherencia-por-medicamento.md
- SCR-ADH-003-tendencias.md
- SCR-ADH-004-patrones.md
- SCR-ADH-005-reportar-anomalia.md
- SCR-ADH-006-detalle-dia.md
- SCR-ADH-007-insights.md
- SCR-ADH-008-comparativa.md
- SCR-ADH-009-logros.md
- SCR-ADH-010-reporte-medico.md
### 12.10. Notificaciones Inteligentes (MTS-NTF-001) - 8 pantallas
- SCR-NTF-001-dashboard-insights.md
- SCR-NTF-002-patrones-detectados.md
- SCR-NTF-003-sugerencia-ajuste.md
- SCR-NTF-004-alertas-predictivas.md
- SCR-NTF-005-config-modo-inteligente.md
- SCR-NTF-006-historial-predicciones.md
- SCR-NTF-007-feedback-prediccion.md
- SCR-NTF-008-preferencias-ml.md
### 12.11. Catalogo Medicamentos (MTS-CAT-001) - 6 pantallas
- SCR-CAT-001-busqueda-autocomplete.md
- SCR-CAT-002-resultados-busqueda.md
- SCR-CAT-003-detalle-medicamento.md
- SCR-CAT-004-filtros-avanzados.md
- SCR-CAT-005-medicamentos-recientes.md
- SCR-CAT-006-escaneo-codigo-barras.md
### 12.12. Catalogo Estudios (MTS-EST-001) - 8 pantallas
- SCR-EST-001-busqueda-estudios.md
- SCR-EST-002-resultados.md
- SCR-EST-003-detalle-estudio.md
- SCR-EST-004-filtros-categoria.md
- SCR-EST-005-estudios-programados.md
- SCR-EST-006-historial-estudios.md
- SCR-EST-007-preparacion-estudio.md
- SCR-EST-008-recordatorios-preparacion.md
### 12.13. Analisis Clinicos (MTS-ANA-001) - 8 pantallas
- SCR-ANA-001-dashboard-resultados.md
- SCR-ANA-002-cargar-resultado.md
- SCR-ANA-003-ocr-resultados.md
- SCR-ANA-004-historial-cronologico.md
- SCR-ANA-005-grafico-parametro.md
- SCR-ANA-006-alertas-valores.md
- SCR-ANA-007-compartir-medico.md
- SCR-ANA-008-exportar-segunda-opinion.md
### 12.14. Medicamentos PRN (MTS-PRN-001) - 6 pantallas
- SCR-PRN-001-lista-prn.md
- SCR-PRN-002-registrar-toma.md
- SCR-PRN-003-motivo-toma.md
- SCR-PRN-004-limites-alertas.md
- SCR-PRN-005-historial-tomas.md
- SCR-PRN-006-analisis-uso.md
### 12.15. Recetas (MTS-RX-001) - 8 pantallas
- SCR-RX-001-lista-recetas.md
- SCR-RX-002-detalle-receta.md
- SCR-RX-003-escanear-receta.md
- SCR-RX-004-agregar-receta-manual.md
- SCR-RX-005-recordatorio-renovacion.md
- SCR-RX-006-historial-recetas.md
- SCR-RX-007-compartir-farmacia.md
- SCR-RX-008-recetas-vencidas.md
### 12.16. Perfiles Familiares (MTS-FAM-001) - 10 pantallas
- SCR-FAM-001-lista-dependientes.md
- SCR-FAM-002-agregar-dependiente.md
- SCR-FAM-003-detalle-dependiente.md
- SCR-FAM-004-declaracion-tutela.md
- SCR-FAM-005-permisos-dependiente.md
- SCR-FAM-006-actividad-dependiente.md
- SCR-FAM-007-dashboard-cuidador.md
- SCR-FAM-008-vincular-paciente.md
- SCR-FAM-009-transferir-tutela.md
- SCR-FAM-010-historial-dependiente.md
### 12.17. Eventos de Salud (MTS-EVT-001) - 8 pantallas
- SCR-EVT-001-timeline-eventos.md
- SCR-EVT-002-registrar-evento.md
- SCR-EVT-003-detalle-evento.md
- SCR-EVT-004-categorias-eventos.md
- SCR-EVT-005-adjuntar-documentos.md
- SCR-EVT-006-recordatorios-eventos.md
- SCR-EVT-007-tendencias-eventos.md
- SCR-EVT-008-compartir-evento.md
### 12.18. Calendario (MTS-CAL-001) - 6 pantallas
- SCR-CAL-001-vista-mes.md
- SCR-CAL-002-vista-semana.md
- SCR-CAL-003-vista-dia.md
- SCR-CAL-004-agregar-evento.md
- SCR-CAL-005-configurar-habitos.md
- SCR-CAL-006-modo-viaje.md
### 12.19. Citas Medicas (MTS-CIT-001) - 8 pantallas
- SCR-CIT-001-lista-citas.md
- SCR-CIT-002-agregar-cita.md
- SCR-CIT-003-detalle-cita.md
- SCR-CIT-004-recordatorios-cita.md
- SCR-CIT-005-preparacion-precita.md
- SCR-CIT-006-notas-post-cita.md
- SCR-CIT-007-historial-citas.md
- SCR-CIT-008-compartir-cita.md
### 12.20. Reportes (MTS-RPT-001) - 7 pantallas
- SCR-RPT-001-centro-reportes.md
- SCR-RPT-002-configurar-reporte.md
- SCR-RPT-003-preview-reporte.md
- SCR-RPT-004-exportar-datos.md
- SCR-RPT-005-reportes-programados.md
- SCR-RPT-006-historial-reportes.md
- SCR-RPT-007-compartir-reporte.md
### 12.21. Gamificacion (MTS-GAM-001) - 6 pantallas
- SCR-GAM-001-centro-logros.md
- SCR-GAM-002-detalle-logro.md
- SCR-GAM-003-rachas.md
- SCR-GAM-004-niveles.md
- SCR-GAM-005-compartir-logro.md
- SCR-GAM-006-configuracion.md
Documento generado por SpecQueen
"La especificacion funcional ES el sistema. Todo lo demas son detalles de implementacion."