SCR-EST-003: Detalle de Estudio
Identificador: SCR-EST-003
Modulo: MTS-EST-001 - Catalogo de Estudios
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
| Atributo |
Valor |
| Nombre |
Detalle de Estudio |
| Tipo |
Pantalla de detalle |
| Prioridad |
Alta |
| Roles |
PI, PD (solo lectura), CR, CS |
2. Proposito
Mostrar informacion completa del estudio incluyendo preparacion requerida, con opcion de seleccionar para cita y configurar recordatorios.
3. Wireframe ASCII
+------------------------------------------+
| [<] Detalle [...] |
+------------------------------------------+
| |
| +------------------------------------+ |
| | [ICONO GRANDE] | |
| | | |
| | Perfil Lipidico Completo | |
| | LAB-QUI-002 | |
| | Quimica Clinica | |
| +------------------------------------+ |
| |
+------------------------------------------+
| PREPARACION REQUERIDA |
+------------------------------------------+
| |
| +------------------------------------+ |
| | [!] AYUNO REQUERIDO | |
| | | |
| | Duracion: 10-12 horas | |
| | | |
| | Ultima comida permitida: | |
| | La noche anterior (ej: 7:00 PM) | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [check] PUEDES TOMAR | |
| | - Agua natural | |
| | - Medicamentos con agua | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [X] EVITAR | |
| | - Alimentos solidos | |
| | - Cafe, te, bebidas cafeina | |
| | - Alcohol (24h antes) | |
| +------------------------------------+ |
| |
+------------------------------------------+
| INFORMACION DEL ESTUDIO |
+------------------------------------------+
| |
| Componentes: |
| - Colesterol Total |
| - Trigliceridos |
| - HDL Colesterol |
| - LDL Colesterol (calculado) |
| - VLDL Colesterol |
| |
| Duracion: ~15 minutos |
| Muestra: Sangre venosa |
| Referencia LOINC: 57698-3 |
| |
+------------------------------------------+
| |
| [Configurar Recordatorios] |
| |
+==========================================+
| |
| [ SELECCIONAR PARA CITA ] |
| |
+------------------------------------------+
4. Elementos de UI
| Elemento |
Componente |
Accion |
| Back button |
IconButton |
Volver |
| Titulo |
TopAppBar |
"Detalle" |
| More options |
IconButton |
Menu contextual |
4.2. Hero Section
| Elemento |
Componente |
Especificacion |
| Container |
Card elevated |
Background color categoria |
| Icon |
CategoryIcon |
64dp, blanco |
| Study Name |
Headline5 |
Blanco, bold |
| Code |
Subtitle1 |
Blanco, semi-transparent |
| Category |
Chip |
Subcategoria |
4.3. Seccion Preparacion
| Elemento |
Componente |
Especificacion |
| Section Header |
SectionHeader |
"PREPARACION REQUERIDA" |
| Alert Card |
Card warning |
Fondo ambar, icono ! |
| Ayuno Info |
PrepDetailCard |
Duracion, ejemplo |
4.4. Card Permitido/Evitar
| Elemento |
Componente |
Especificacion |
| Permitido Card |
Card success |
Fondo verde claro |
| Icon |
check_circle |
Verde |
| Items |
BulletList |
Lo que puede hacer |
| Evitar Card |
Card error |
Fondo rojo claro |
| Icon |
cancel |
Rojo |
| Items |
BulletList |
Lo que debe evitar |
| Elemento |
Componente |
Especificacion |
| Section Header |
SectionHeader |
"INFORMACION DEL ESTUDIO" |
| Components |
BulletList |
Lista de componentes |
| Duration |
LabelValue |
"Duracion: ~X min" |
| Sample |
LabelValue |
"Muestra: Tipo" |
| Reference |
LabelValue |
"Ref LOINC: codigo" |
4.6. Acciones
| Elemento |
Componente |
Especificacion |
| Config Reminders |
OutlinedButton |
"Configurar Recordatorios" |
| Select Button |
PrimaryButton |
"SELECCIONAR PARA CITA" |
| Position |
Fixed bottom |
Safe area padding |
5. Comportamiento
| Opcion |
Accion |
| Agregar a favoritos |
Guardar en frecuentes |
| Copiar informacion |
Copiar al clipboard |
| Compartir |
Share sheet |
5.2. Integracion con MTS-INT-002
Al seleccionar para cita:
- Sistema verifica interacciones con medicamentos activos
- Si hay interacciones, muestra alertas (AFE, SUS, INC)
- Usuario puede continuar o cancelar
- Retorna datos a MTS-CIT-001
5.3. Config Recordatorios
- Navega a SCR-EST-008
- Pre-llena basado en preparacion del estudio
- Sugiere hora de recordatorio automaticamente
6. Estados
6.1. Estado Normal
- Toda la informacion visible
- Preparacion destacada si aplica
6.2. Estado Sin Preparacion
+------------------------------------------+
| PREPARACION REQUERIDA |
+------------------------------------------+
| +------------------------------------+ |
| | [check] SIN PREPARACION ESPECIAL | |
| | | |
| | Este estudio no requiere | |
| | preparacion previa. | |
| | | |
| | Puede realizarse en cualquier | |
| | momento del dia. | |
| +------------------------------------+ |
6.3. Estado Custom (Estudio Personalizado)
- Campos editables
- Boton "Editar" visible
- Badge "Personalizado"
7. Accesibilidad
7.1. WCAG 2.1 AA
| Criterio |
Implementacion |
| 1.3.1 |
Estructura semantica clara |
| 1.4.1 |
Colores + iconos + texto |
| 1.4.3 |
Contraste 4.5:1 en prep cards |
| 2.4.6 |
Headings para cada seccion |
7.2. Screen Reader
| Elemento |
Anuncio |
| Hero |
"[Nombre], codigo [codigo], categoria [cat]" |
| Ayuno card |
"Alerta: Ayuno requerido de [X] horas" |
| Permitido |
"Puede: [lista items]" |
| Evitar |
"Debe evitar: [lista items]" |
7.3. Colores Preparacion
| Estado |
Background |
Foreground |
Icono |
| Ayuno |
#FFF3E0 |
#E65100 |
warning |
| Permitido |
#E8F5E9 |
#1B5E20 |
check_circle |
| Evitar |
#FFEBEE |
#B71C1C |
cancel |
| Sin prep |
#E3F2FD |
#0D47A1 |
check |
8. Navegacion
8.1. Entradas
| Origen |
Accion |
Parametros |
| SCR-EST-002 |
Tap resultado |
codigo_estudio |
| SCR-EST-005 |
Tap programado |
codigo, evento_id |
| Deep link |
medtime://studies/{codigo} |
codigo |
8.2. Salidas
| Destino |
Accion |
Parametros |
| SCR-EST-008 |
Config recordatorios |
codigo, preps[] |
| MTS-CIT-001 |
Seleccionar |
estudio_data |
| SCR-INT-XXX |
Si hay interacciones |
interacciones[] |
9. Datos Mostrados
9.1. Desde Catalogo
{
"codigo": "LAB-QUI-002",
"nombre": "Perfil Lipidico Completo",
"categoria": "LAB",
"subcategoria": "QUI",
"preparaciones": [
{
"tipo": "PREP-AYU",
"descripcion": "Ayuno de 10-12 horas",
"horas_antes": 12,
"estricto": true
}
],
"duracion_minutos": 15,
"puede_tomar_agua": true,
"puede_tomar_medicamentos": true,
"muestra": "Sangre venosa",
"componentes": ["Colesterol Total", "Trigliceridos", "HDL", "LDL", "VLDL"],
"loinc_code": "57698-3"
}
10. Analytics
| Evento |
Trigger |
Datos |
study_detail_viewed |
Pantalla visible |
codigo, from |
prep_section_viewed |
Scroll a prep |
codigo |
reminder_config_started |
Tap config |
codigo |
study_selected_for_appointment |
Tap seleccionar |
codigo |
study_favorited |
Tap favorito |
codigo |
Documento generado por MobileUxUiDrone (Eight of Eight)