Pantalla: Alerta de Interaccion
Identificador: SCR-ALT-007
Modulo: MTS-ALT-001 - Alertas y Notificaciones
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
Estado: Especificado
| Atributo |
Valor |
| Nombre |
Alerta de Interaccion |
| Proposito |
Mostrar advertencia de interaccion medicamentosa detectada |
| Tipo |
Modal / Full Screen (segun severidad) |
| Acceso |
Automatico al detectar interaccion, desde notificacion, desde detalle medicamento |
| Prioridad |
Critica |
2. Wireframe ASCII
2.1. Severidad: Mayor (Modal Full Screen)
+------------------------------------------+
| |
| +------------------+ |
| | | |
| | [Warning] | | <- Warning icon 64dp
| | | |
| +------------------+ |
| |
| INTERACCION DETECTADA | <- Title 24sp
| Severidad MAYOR | <- Severity badge red
| |
+------------------------------------------+
| |
| +------------------------------------+ |
| | [Pill] Metformina 850mg | |
| | + | | <- "+" symbol
| | [Pill] Glimepirida 4mg | |
| +------------------------------------+ |
| |
| RIESGO: |
| +------------------------------------+ |
| | Aumenta el riesgo de hipoglucemia | |
| | severa. Puede requerir ajuste de | |
| | dosis bajo supervision medica. | |
| +------------------------------------+ |
| |
| RECOMENDACION: |
| +------------------------------------+ |
| | Consulte con su medico antes de | |
| | tomar ambos medicamentos juntos. | |
| | Monitoree sus niveles de glucosa. | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Llamar al medico] | | <- Primary action
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Entiendo el riesgo, continuar] | | <- Secondary (requires confirm)
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Cancelar toma] | | <- Tertiary
| +------------------------------------+ |
| |
+------------------------------------------+
2.2. Severidad: Moderada (Bottom Sheet)
+------------------------------------------+
| |
| [Drag handle] |
| |
| +------------------------------------+ |
| | [Warning] Interaccion Moderada | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | Ibuprofeno + Aspirina | |
| +------------------------------------+ |
| |
| Pueden aumentar el riesgo de sangrado |
| gastrointestinal si se toman juntos. |
| |
| Recomendacion: Espaciar las tomas al |
| menos 4 horas entre ambos. |
| |
| +------------------------------------+ |
| | [Entendido, tomar ahora] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Posponer esta toma] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.3. Severidad: Menor (Inline Warning)
+------------------------------------------+
| [Dentro de pantalla de detalle] |
| |
| +------------------------------------+ |
| | [!] Interaccion Leve | | <- Yellow warning card
| | | |
| | Este medicamento puede reducir | |
| | la absorcion de calcio. | |
| | | |
| | Sugerencia: Tomar calcio 2 horas | |
| | despues. | |
| | | |
| | [Ver detalles] [Descartar] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.4. Confirmacion de Aceptacion de Riesgo
+------------------------------------------+
| |
| CONFIRMAR ACEPTACION DE RIESGO |
| |
| +------------------------------------+ |
| | | |
| | Al continuar, confirmas que: | |
| | | |
| | - Has leido la informacion sobre | |
| | esta interaccion | |
| | | |
| | - Entiendes los riesgos asociados | |
| | | |
| | - Aceptas la responsabilidad de | |
| | tomar ambos medicamentos | |
| | | |
| | [x] Confirmo haber leido | | <- Required checkbox
| | | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Confirmar y continuar] | | <- Enabled after checkbox
| +------------------------------------+ |
| |
| [Cancelar] |
| |
+------------------------------------------+
3. Componentes UI
3.1. Severity Badge
| Severidad |
Color |
Icono |
Presentacion |
| CONTRAINDICADA |
error.dark (#B71C1C) |
X en circulo |
Full screen blocking |
| MAYOR |
error.main (#D32F2F) |
Warning |
Full screen |
| MODERADA |
warning.main (#F57C00) |
Warning |
Bottom sheet |
| MENOR |
warning.light (#FFE0B2) |
Info |
Inline card |
3.2. Medication Pair Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-008 (Interaction Card) |
| Layout |
Dos medicamentos con "+" entre ellos |
| Icons |
Forma farmaceutica de cada uno |
| Background |
neutral.50 |
3.3. Risk Description Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-004 (Alert Card) |
| Variante |
warning |
| Titulo |
"RIESGO:" |
| Max lines |
Scrollable si largo |
3.4. Recommendation Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-003 (Info Card) |
| Variante |
highlight |
| Titulo |
"RECOMENDACION:" |
| Background |
primary.light |
| Accion |
Estilo |
Comportamiento |
| Llamar al medico |
Primary |
Abre dialer con numero configurado |
| Continuar |
Secondary destructive |
Requiere confirmacion |
| Cancelar |
Text |
Cierra sin accion |
| Posponer |
Text |
Reprograma toma |
4. Comportamientos
4.1. Flujo segun Severidad
flowchart TD
A[Interaccion detectada] --> B{Severidad?}
B -->|Contraindicada| C[Full screen BLOCKING]
B -->|Mayor| D[Full screen con opciones]
B -->|Moderada| E[Bottom sheet]
B -->|Menor| F[Inline warning]
C --> G[Solo opcion: Cancelar toma]
D --> H{Usuario elige?}
H -->|Llamar medico| I[Abrir dialer]
H -->|Continuar| J[Modal confirmacion]
H -->|Cancelar| K[Cancelar toma]
J --> L{Confirma?}
L -->|Si| M[Registrar aceptacion + Tomar]
L -->|No| D
E --> N{Usuario elige?}
N -->|Entendido| M
N -->|Posponer| O[Reprogramar]
F --> P{Usuario elige?}
P -->|Ver detalles| D
P -->|Descartar| Q[Ocultar warning]
4.2. Registro de Decisiones
Cada decision del usuario se registra:
- Timestamp
- Interaccion ID
- Medicamentos involucrados
- Severidad
- Accion tomada (continuar/cancelar/posponer/llamar)
- Si confirmo checkbox (para severidades altas)
5. Datos Requeridos
interface InteractionAlert {
interaction_id: string;
severity: 'CONTRAINDICATED' | 'MAJOR' | 'MODERATE' | 'MINOR';
medications: InteractionMedication[];
risk_description: string;
recommendation: string;
source: string; // Fuente de la informacion
doctor_phone?: string;
requires_acknowledgment: boolean;
previous_acknowledgment?: {
date: Date;
by: 'PATIENT' | 'CARER';
};
}
interface InteractionMedication {
id: string;
name: string;
dosage: string;
form_icon: MedicationFormIcon;
}
5.2. Output Events
| Evento |
Payload |
Destino |
| onCallDoctor |
doctor_phone |
Phone dialer |
| onAcceptRisk |
interaction_id, acknowledged |
API + Log |
| onCancel |
interaction_id |
Cancel intake |
| onPostpone |
interaction_id, minutes |
Reschedule |
| onDismiss |
interaction_id |
Hide warning (minor only) |
6. Accesibilidad
6.1. Consideraciones Criticas
| Requisito |
Implementacion |
| Alto contraste |
Iconos y badges claramente distinguibles |
| Texto legible |
Minimo 16sp para descripciones |
| Foco automatico |
Focus en titulo al abrir |
| Navegacion |
Tab order logico hacia acciones |
| TTS |
Lectura completa de riesgo |
6.2. Labels y Hints
| Elemento |
accessibilityLabel |
| Modal |
"Alerta de interaccion {severidad}. {descripcion riesgo}" |
| Medication pair |
"{med1} con {med2} tienen interaccion {severidad}" |
| Checkbox |
"Confirmo haber leido la informacion de riesgo" |
| Continuar |
"Continuar con la toma aceptando el riesgo" |
6.3. Screen Reader Announcements
| Evento |
Anuncio |
| Modal abierto |
"ATENCION: Interaccion medicamentosa detectada. Severidad {nivel}. {descripcion}" |
| Riesgo aceptado |
"Riesgo aceptado. Toma registrada con advertencia." |
| Cancelado |
"Toma cancelada debido a interaccion" |
7. Consideraciones Legales
7.1. Disclaimers Obligatorios
Cada alerta de interaccion incluye:
IMPORTANTE: Esta informacion es solo orientativa.
MedTime NO sustituye el consejo medico profesional.
Consulte siempre con su medico o farmaceutico antes
de tomar decisiones sobre su medicacion.
7.2. Registro para Auditoria
| Campo |
Retencion |
Motivo |
| Interaccion mostrada |
6 anos |
HIPAA compliance |
| Decision del usuario |
6 anos |
Registro medico |
| Confirmacion checkbox |
6 anos |
Evidencia de consentimiento |
| Timestamp |
6 anos |
Trazabilidad |
8. Metricas
8.1. Analytics Events
| Evento |
Parametros |
| interaction_shown |
interaction_id, severity |
| interaction_action |
interaction_id, action (accept/cancel/postpone/call) |
| interaction_acknowledged |
interaction_id, time_to_acknowledge |
| doctor_called |
interaction_id |
9. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)