Especificacion UI Consolidada - MTS-ANA-001¶

Identificador: UI-MTS-ANA-001 Modulo Funcional: MTS-ANA-001 - Analisis Clinicos Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight) Estado: Completado

1. Resumen Ejecutivo¶

1.1. Alcance¶

Este documento consolida la especificacion completa de interfaz de usuario para el modulo de Analisis Clinicos (MTS-ANA-001), que permite cargar, visualizar y compartir resultados de laboratorio.

1.2. Metricas del Modulo¶

Metrica	Valor
Total de pantallas	8
Componentes unicos	18
User journeys documentados	1
Nivel WCAG	AA
Cobertura de accesibilidad	100%

1.3. Pantallas Incluidas¶

ID	Nombre	Prioridad	Estado
SCR-ANA-001	Dashboard de Resultados	Alta	Especificado
SCR-ANA-002	Cargar Resultado	Alta	Especificado
SCR-ANA-003	OCR de Resultados	Alta	Especificado
SCR-ANA-004	Historial Cronologico	Media	Especificado
SCR-ANA-005	Grafico de Parametro	Alta	Especificado
SCR-ANA-006	Alertas de Valores	Alta	Especificado
SCR-ANA-007	Compartir con Medico	Media	Especificado
SCR-ANA-008	Exportar para Segunda Opinion	Media	Especificado

2. User Journeys¶

2.1. Paciente Independiente (PI) - Cargar Resultado de Laboratorio¶

Persona: Roberto, 55 anos, quiere registrar su perfil lipidico.

Objetivo: Cargar resultado de laboratorio y revisar valores fuera de rango.

Flujo principal:

Abrir app -> Tab Analisis
Tap FAB + -> Seleccionar metodo
Tomar foto de resultados
OCR procesa imagen
Revisar y corregir datos
Guardar resultado
Ver alertas de valores

Tiempo objetivo: < 2 minutos

Puntos de friccion mitigados:

OCR reduce entrada manual (Pro/Perfect)
Confianza mostrada por campo
Edicion inline facil
Alertas automaticas de valores

3. Arquitectura de Navegacion¶

3.1. Diagrama de Flujo¶

flowchart TD
    TAB[Tab Analisis] --> DASH[SCR-ANA-001]

    DASH -->|FAB +| LOAD[SCR-ANA-002]
    DASH -->|Tap param| GRAPH[SCR-ANA-005]
    DASH -->|Ver alertas| ALERTS[SCR-ANA-006]
    DASH -->|Historial| HIST[SCR-ANA-004]

    LOAD -->|Foto/PDF| OCR[SCR-ANA-003]
    LOAD -->|Manual| FORM[Formulario]

    OCR -->|Guardar| DASH
    FORM -->|Guardar| DASH

    GRAPH --> ALERTS
    DASH -->|Compartir| SHARE[SCR-ANA-007]
    DASH -->|Exportar| EXPORT[SCR-ANA-008]

3.2. Deep Links¶

Ruta	Destino
`medtime://results`	Dashboard
`medtime://results/add`	Cargar
`medtime://results/param/{code}`	Grafico
`medtime://results/alerts`	Alertas

4. Componentes Utilizados¶

4.1. Componentes del Design System¶

Componente	ID	Uso en Modulo
Top App Bar	CMP-NAV-002	Todas las pantallas
Bottom Sheet	CMP-FBK-003	SCR-ANA-002, SCR-ANA-007
FAB	CMP-BTN-004	SCR-ANA-001
LinearProgress	CMP-FBK-005	SCR-ANA-001, SCR-ANA-003
Card	CMP-CRD-001	Todas las pantallas
TextField	CMP-INP-001	SCR-ANA-003
Checkbox	CMP-INP-007	SCR-ANA-007, SCR-ANA-008
Dropdown	CMP-INP-006	SCR-ANA-004
LineChart	Custom	SCR-ANA-005
AlertCard	Custom	SCR-ANA-001, SCR-ANA-006

4.2. Componentes Personalizados¶

Componente	Descripcion	Pantalla
ParameterCard	Card de parametro con progress bar	SCR-ANA-001
SparklineCard	Mini grafico de tendencia	SCR-ANA-001
OCRConfidenceBadge	Badge de confianza OCR	SCR-ANA-003
ParameterInput	Input con validacion de rango	SCR-ANA-003
TrendGraph	Grafico de linea interactivo	SCR-ANA-005
SeverityHeader	Header de severidad coloreado	SCR-ANA-006
ShareMethodCard	Card de metodo de envio	SCR-ANA-007
FormatSelector	Selector de formato export	SCR-ANA-008

5. Auditoria de Accesibilidad WCAG 2.1 AA¶

5.1. Resumen de Cumplimiento¶

Principio	Estado	Notas
Perceptible	CUMPLE	Todos los criterios AA
Operable	CUMPLE	Todos los criterios AA
Comprensible	CUMPLE	Todos los criterios AA
Robusto	CUMPLE	Todos los criterios AA

5.2. Consideraciones Especiales¶

5.2.1. Graficos Accesibles¶

Tabla de datos alternativa
Descripcion de tendencia en texto
Alto contraste en lineas

5.2.2. Alertas Criticas¶

role="alert" para notificaciones
Color + icono + texto
Anuncio automatico por screen reader

5.2.3. OCR¶

Progreso anunciado periodicamente
Confianza explicada verbalmente
Alternativa manual siempre disponible

5.3. Checklist por Pantalla¶

Pantalla	Touch Targets	Contraste	Screen Reader	Focus Order
SCR-ANA-001	OK	OK	OK	OK
SCR-ANA-002	OK	OK	OK	OK
SCR-ANA-003	OK	OK	OK	OK
SCR-ANA-004	OK	OK	OK	OK
SCR-ANA-005	OK	OK	OK	OK
SCR-ANA-006	OK	OK	OK	OK
SCR-ANA-007	OK	OK	OK	OK
SCR-ANA-008	OK	OK	OK	OK

6. Diferenciacion por Tier¶

6.1. Funcionalidades¶

Funcionalidad	Free	Pro	Perfect
Entrada manual	Si	Si	Si
OCR	-	50/mes	Ilimitado
Historial cloud	-	Si	Si
Graficos avanzados	-	Si	Si
Compartir	1/mes	5/mes	Ilimitado
Export PDF	-	Si	Si
Export FHIR	-	-	Si

6.2. Upsell Points¶

SCR-ANA-002: OCR como feature Pro
SCR-ANA-005: Graficos avanzados como Pro
SCR-ANA-008: FHIR export como Perfect

7. Metricas de UX¶

7.1. KPIs del Modulo¶

Metrica	Objetivo	Medicion
Tiempo carga resultado	< 2 min	analytics
Precision OCR	> 90%	accuracy_logs
Tasa edicion post-OCR	< 20%	analytics
Uso de graficos	> 50%	analytics

7.2. Eventos de Analytics¶

result_load_started - Inicio carga
ocr_completed - OCR exitoso
result_saved - Guardado
graph_viewed - Grafico visto
result_shared - Compartido

8. Archivos del Modulo¶

8.1. Flujos¶

flows/UIF-ANA-001-analisis-clinicos.md

8.2. Pantallas¶

screens/SCR-ANA-001-dashboard-resultados.md
screens/SCR-ANA-002-cargar-resultado.md
screens/SCR-ANA-003-ocr-resultados.md
screens/SCR-ANA-004-historial-cronologico.md
screens/SCR-ANA-005-grafico-parametro.md
screens/SCR-ANA-006-alertas-valores.md
screens/SCR-ANA-007-compartir-medico.md
screens/SCR-ANA-008-exportar-segunda-opinion.md

8.3. Especificacion Consolidada¶

specs/UI-MTS-ANA-001.md (este documento)

9. Referencias¶

10. Historial de Cambios¶

Version	Fecha	Cambios
1.0.0	2025-12-05	Version inicial completa

11. Aprobaciones¶

Rol	Nombre	Estado	Fecha
UX Lead	MobileUxUiDrone	Completado	2025-12-05
A11y Review	Pendiente	-	-
Product Owner	Pendiente	-	-

Documento generado por MobileUxUiDrone (Eight of Eight) "Tus datos de salud, siempre accesibles y comprensibles."