Identificador: SCR-ALT-012
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 |
Contactos de Emergencia |
| Proposito |
Gestionar contactos que reciben alertas en emergencias |
| Tipo |
Full Screen (settings) |
| Acceso |
Configuracion > Notificaciones > Contactos de Emergencia |
| Prioridad |
Alta |
2. Wireframe ASCII
+------------------------------------------+
| [<] Contactos de Emergencia [?] |
+------------------------------------------+
| |
| +------------------------------------+ |
| | Estos contactos seran notificados | |
| | cuando actives una alerta de | |
| | emergencia o si ocurre una crisis. | |
| +------------------------------------+ |
| |
| CONTACTOS (2/2 Free | 2/10 Pro) | <- Shows limit
| +------------------------------------+ |
| | [1] Maria Garcia | |
| | Hija | | <- Priority 1
| | +52 555 123 4567 | |
| | SMS, Push [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [2] Dr. Rodriguez | |
| | Medico | | <- Priority 2
| | +52 555 987 6543 | |
| | Llamada [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [+] Agregar contacto de emergencia | |
| +------------------------------------+ |
| |
| MENSAJE DE EMERGENCIA |
| +------------------------------------+ |
| | Personalizar mensaje [>] | |
| +------------------------------------+ |
| |
| CONFIGURACION |
| +------------------------------------+ |
| | Notificacion automatica | |
| | (tras 3 tomas criticas) [OFF] | | <- Requires consent
| +------------------------------------+ |
| | Incluir ubicacion aproximada | |
| | [OFF] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Probar alerta de emergencia] | |
| +------------------------------------+ |
| |
+------------------------------------------+
+------------------------------------------+
| [X] Contacto de Emergencia [Guardar]|
+------------------------------------------+
| |
| Nombre: |
| +------------------------------------+ |
| | Maria Garcia | |
| +------------------------------------+ |
| |
| Telefono: |
| +------------------------------------+ |
| | [MX +52] 555 123 4567 | |
| +------------------------------------+ |
| |
| Correo electronico (opcional): |
| +------------------------------------+ |
| | maria@email.com | |
| +------------------------------------+ |
| |
| Relacion: |
| +------------------------------------+ |
| | [v] Familiar | | <- Dropdown
| +------------------------------------+ |
| |
| Prioridad de contacto: |
| +------------------------------------+ |
| | 1 - Primer contacto | | <- Drag or select
| +------------------------------------+ |
| |
| Canales de notificacion: |
| +------------------------------------+ |
| | [x] SMS | |
| | [x] Push (si tiene la app) | |
| | [ ] Email | |
| | [ ] Llamada automatica [Pro/P] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Eliminar contacto] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.3. Editor de Mensaje Personalizado
+------------------------------------------+
| [<] Mensaje de Emergencia [Guardar]|
+------------------------------------------+
| |
| Este mensaje se enviara a tus contactos |
| cuando actives una alerta de emergencia. |
| |
| +------------------------------------+ |
| | ALERTA DE MEDTIME | |
| | | |
| | [Tu nombre] necesita asistencia. | |
| | | |
| | Ultima actividad: [fecha/hora] | |
| | [Ubicacion - si habilitada] | |
| | | |
| | Por favor contactar urgente. | |
| | | |
| | [Mensaje personalizado...] | | <- Editable
| | | |
| | --- | |
| | Enviado desde MedTime | |
| +------------------------------------+ |
| |
| Variables disponibles: |
| [Tu nombre] [Fecha] [Hora] [Ubicacion] |
| |
| +------------------------------------+ |
| | [Restaurar mensaje default] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.4. Vista Free (Limitada)
+------------------------------------------+
| [<] Contactos de Emergencia [?] |
+------------------------------------------+
| |
| +------------------------------------+ |
| | [!] Tier Free: Maximo 2 contactos | |
| | SMS sale de tu plan telefonico | |
| +------------------------------------+ |
| |
| CONTACTOS (2/2) |
| +------------------------------------+ |
| | [1] Maria Garcia | |
| | Hija - SMS [>] | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [2] Juan Garcia | |
| | Hijo - SMS [>] | |
| +------------------------------------+ |
| |
| +====================================+ |
| | [Lock] Limite alcanzado | |
| | | |
| | Con Pro puedes tener hasta 10 | |
| | contactos y SMS incluidos. | |
| | | |
| | [Ver Pro] | |
| +====================================+ |
| |
+------------------------------------------+
3. Componentes UI
| Propiedad |
Valor |
| Componente |
CMP-CRD-015 (Emergency Contact Card) |
| Priority badge |
Numero circular |
| Nombre |
Bold |
| Relacion + Telefono |
Secondary text |
| Canales |
Icons (SMS, Phone, Email, Push) |
3.2. Priority Badge
| Prioridad |
Color |
Significado |
| 1 |
error.main |
Primer contacto |
| 2-3 |
warning.main |
Prioridad alta |
| 4-10 |
neutral.400 |
Backup |
3.3. Channel Icons
| Canal |
Icono |
Disponibilidad |
| SMS |
Message bubble |
Free: nativo, Pro+: incluido |
| Push |
Bell |
Pro+ (si tienen app) |
| Email |
Envelope |
Pro+ |
| Llamada |
Phone |
Pro+ (solo emergencias) |
4. Limites por Tier
| Tier |
Max contactos |
SMS |
Push |
Email |
Llamada |
| Free |
2 |
Usuario paga |
No |
No |
No |
| Pro |
10 |
3/mes incluidos |
Si |
Si |
Solo emergencia |
| Perfect |
10 |
10/mes incluidos |
Si |
Si |
Si |
5. Comportamientos
flowchart TD
A[Tap agregar contacto] --> B{Hay cupo?}
B -->|Si| C[Mostrar formulario]
B -->|No| D[Mostrar upsell]
C --> E[Usuario llena datos]
E --> F{Validar telefono?}
F -->|Invalido| G[Mostrar error]
F -->|Valido| H[Guardar contacto]
H --> I{Enviar mensaje de prueba?}
I -->|Si| J[Enviar SMS de confirmacion]
I -->|No| K[Guardar y cerrar]
5.2. Orden de Prioridad
- Drag and drop para reordenar (Pro+)
- El numero indica orden de contacto
- Prioridad 1 siempre se contacta primero
5.3. Notificacion Automatica (Requiere Consentimiento)
| Paso |
Descripcion |
| 1 |
Usuario activa toggle |
| 2 |
Modal de consentimiento explicito |
| 3 |
Explica que es "trigger automatico, envio manual (Free)" o "automatico (Pro+)" |
| 4 |
Usuario acepta |
| 5 |
Sistema puede sugerir enviar alerta tras condiciones |
6. Datos Requeridos
interface EmergencyContactsData {
contacts: EmergencyContact[];
max_contacts: number;
used_contacts: number;
custom_message: string;
settings: {
auto_notify_on_critical: boolean;
auto_notify_consent_given: boolean;
include_location: boolean;
location_consent_given: boolean;
};
user_tier: 'FREE' | 'PRO' | 'PERFECT';
}
interface EmergencyContact {
id: string;
name: string;
phone: string;
email?: string;
relationship: ContactRelationship;
priority: number; // 1-10
channels: ('SMS' | 'PUSH' | 'EMAIL' | 'CALL')[];
verified: boolean;
has_app: boolean;
}
type ContactRelationship =
| 'FAMILY'
| 'FRIEND'
| 'DOCTOR'
| 'NURSE'
| 'CAREGIVER'
| 'OTHER';
7. Accesibilidad
7.1. Labels y Hints
| Elemento |
accessibilityLabel |
| Contact card |
"{nombre}, {relacion}, prioridad {numero}. Canales: {lista}" |
| Priority badge |
"Prioridad {numero}" |
| Add button |
"Agregar contacto de emergencia" |
| Test button |
"Probar alerta de emergencia. Enviara un mensaje de prueba" |
| Channel checkbox |
"{canal}, {activado/desactivado}" |
8. Consideraciones Legales
8.1. Consentimiento
| Accion |
Consentimiento requerido |
| Agregar contacto |
No (datos del usuario) |
| Notificacion automatica |
Si, explicito |
| Incluir ubicacion |
Si, explicito |
| Enviar mensaje |
Implicito (usuario activa) |
- No almacenamos datos del contacto mas alla de lo necesario
- El contacto puede solicitar eliminacion
- Mensaje incluye link de opt-out
9. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)