Identificador: SCR-USR-007
Nombre: Contactos de Emergencia
Modulo: MTS-USR-001 - Gestion de Usuarios
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
| Atributo |
Valor |
| Tipo |
Lista con acciones |
| Acceso |
SCR-USR-001 > Contactos Emergencia |
| Roles |
PI, CR |
| Tiers |
Todos (funcionalidad varia) |
| Prioridad |
Alta |
2. Proposito
Gestiona los contactos que seran notificados en situaciones de emergencia. En tier Free son solo referencia local; en Pro/Perfect tienen alertas automaticas.
+--------------------------------------------------+
| [<] Contactos de Emergencia [+] |
+--------------------------------------------------+
| |
| Estos contactos seran notificados si no |
| respondes a alertas criticas. |
| |
| Tienes 2 de 10 contactos configurados |
| |
+--------------------------------------------------+
| ORDEN DE CONTACTO |
+--------------------------------------------------+
| |
| +--------------------------------------------+ |
| | 1. Juan Garcia | |
| | Pareja | |
| | +52 55 1234 5678 | |
| | [check] Verificado [>] | |
| +--------------------------------------------+ |
| |
| +--------------------------------------------+ |
| | 2. Maria Lopez | |
| | Hermana | |
| | +52 55 8765 4321 | |
| | [check] Verificado [>] | |
| +--------------------------------------------+ |
| |
| [i] Se contactara en este orden durante |
| una emergencia |
| |
+--------------------------------------------------+
| COMO FUNCIONA |
+--------------------------------------------------+
| |
| 1. Si omites 3 tomas criticas seguidas |
| 2. Enviamos alerta a contacto #1 |
| 3. Si no responde en 30 min, contacto #2 |
| 4. Continua hasta obtener respuesta |
| |
| [Configurar condiciones de emergencia] |
| |
+--------------------------------------------------+
4. Wireframe - Tier Free
+--------------------------------------------------+
| [<] Contactos de Emergencia [+] |
+--------------------------------------------------+
| |
+--------------------------------------------------+
| [i] MODO REFERENCIA |
| |
| En el plan Free, los contactos se guardan |
| como referencia para emergencias manuales. |
| |
| Para alertas automaticas, actualiza a Pro. |
| |
| [Ver planes] |
+--------------------------------------------------+
| |
| MIS CONTACTOS DE REFERENCIA |
| |
| +--------------------------------------------+ |
| | Juan Garcia | |
| | Pareja - +52 55 1234 5678 [>] | |
| +--------------------------------------------+ |
| |
+--------------------------------------------------+
+--------------------------------------------------+
| [X] Agregar Contacto |
+--------------------------------------------------+
| |
| Nombre * |
| +--------------------------------------------+ |
| | Juan Garcia | |
| +--------------------------------------------+ |
| |
| Relacion * |
| +--------------------------------------------+ |
| | Pareja [v] | |
| +--------------------------------------------+ |
| |
| Telefono principal * |
| +--------------------------------------------+ |
| | +52 55 1234 5678 | |
| +--------------------------------------------+ |
| |
| Telefono alternativo |
| +--------------------------------------------+ |
| | +52 55 1111 2222 | |
| +--------------------------------------------+ |
| |
| Email (opcional) |
| +--------------------------------------------+ |
| | juan@email.com | |
| +--------------------------------------------+ |
| |
| Instrucciones especiales |
| +--------------------------------------------+ |
| | Llamar primero al celular. Si no | |
| | contesta, intentar oficina. | |
| +--------------------------------------------+ |
| |
| [Agregar Contacto] |
| |
+--------------------------------------------------+
6. Elementos de UI
6.1. Componentes
| ID |
Componente |
Tipo |
Requerido |
| header |
Top App Bar |
CMP-NAV-002 |
Si |
| btn_add |
Icon Button (+) |
CMP-BTN-004 |
Si |
| info_banner |
Info Banner |
Custom |
Si |
| contact_card |
Emergency Contact Card |
Custom |
Dinamico |
| how_it_works |
Expandable Section |
Custom |
Pro/Perfect |
| add_form |
Bottom Sheet Form |
Custom |
On demand |
Especificaciones:
- Height: 88dp
- Order number: 32sp bold, primary color
- Nombre: 16sp medium
- Relacion + telefono: 14sp regular
- Verified badge: success color, 12sp
- Chevron: 24x24dp
- Padding: 16dp
- Draggable: handle a la izquierda
7. Estados
7.1. Estados de Lista
| Estado |
Condicion |
Visual |
| Vacio |
0 contactos |
Empty state + CTA |
| Con contactos |
>= 1 |
Lista ordenable |
| Contacto pendiente |
Sin verificar |
Badge amarillo "Pendiente" |
| Limite alcanzado |
10 contactos |
[+] disabled, banner |
7.2. Estados de Verificacion (Pro/Perfect)
| Estado |
Visual |
Accion |
| Pendiente |
Badge amarillo |
[Verificar ahora] |
| Verificado |
Badge verde |
- |
| Fallido |
Badge rojo |
[Reintentar] |
8. Interacciones
flowchart TD
A[Long press contacto] --> B[Entrar modo edicion]
B --> C[Mostrar handles de arrastre]
C --> D[Arrastrar a nueva posicion]
D --> E[Soltar]
E --> F[Actualizar orden]
F --> G[Guardar automatico]
flowchart TD
A[Agregar contacto] --> B[Enviar SMS verificacion]
B --> C[Contacto recibe SMS]
C --> D{Contacto responde?}
D -->|Si, responde OK| E[Verificado]
D -->|No en 24h| F[Pendiente]
D -->|Numero invalido| G[Fallido]
F --> H[Reintentar disponible]
8.3. Gestos
| Gesto |
Elemento |
Accion |
| Tap |
Card contacto |
Ver/Editar detalles |
| Long press |
Card |
Entrar modo reordenar |
| Drag |
Handle |
Reordenar posicion |
| Swipe left |
Card |
Revelar [Eliminar] |
9. Flujo de Verificacion SMS
+--------------------------------------------------+
| Verificando contacto |
+--------------------------------------------------+
| |
| Le enviamos un SMS a +52 55 1234 5678 |
| |
| El mensaje dice: |
| |
| "MedTime: [Tu nombre] te agrego como |
| contacto de emergencia. Responde OK |
| para confirmar." |
| |
| Esperando respuesta... |
| |
| [Cancelar] [Reenviar SMS] |
| |
+--------------------------------------------------+
10. Diferencias por Tier
| Funcionalidad |
Free |
Pro |
Perfect |
| Almacenar contactos |
Si (local) |
Si (cloud) |
Si (cloud) |
| Verificacion SMS |
No |
Si |
Si |
| Alertas automaticas |
No |
Si |
Si |
| Max contactos |
Ilimitado local |
10 |
10 |
| Orden de escalado |
No |
Si |
Si |
| SMS de alerta |
No |
50/mes |
Ilimitado |
11. Accesibilidad
11.1. Screen Reader
| Elemento |
Label |
Hint |
| order_number |
"Contacto numero [n]" |
- |
| contact_card |
"[Nombre], [relacion], [telefono]" |
"Toca para editar, manten presionado para reordenar" |
| verified_badge |
"Verificado" |
- |
| pending_badge |
"Pendiente de verificacion" |
"Toca para verificar" |
| drag_handle |
"Arrastrar para reordenar" |
- |
11.2. Alternativa a Drag
Para usuarios que no pueden arrastrar:
- Tap en card > pantalla detalle
- En detalle: [Subir] [Bajar] para cambiar orden
12. Eventos de Analytics
| Evento |
Trigger |
Parametros |
| emergency_contacts_viewed |
Abrir pantalla |
tier, count |
| contact_added |
Agregar contacto |
- |
| contact_reordered |
Reordenar |
old_pos, new_pos |
| contact_removed |
Eliminar |
- |
| verification_started |
Enviar SMS |
- |
| verification_completed |
Verificado |
- |
13. Casos de Prueba
| ID |
Caso |
Resultado Esperado |
| TC-001 |
Usuario Free ve lista |
Banner modo referencia |
| TC-002 |
Agregar contacto Pro |
Inicia verificacion |
| TC-003 |
Reordenar contactos |
Nuevo orden guardado |
| TC-004 |
Verificacion exitosa |
Badge verde |
| TC-005 |
Eliminar contacto |
Confirmar y remover |
| TC-006 |
Limite 10 alcanzado |
[+] deshabilitado |
14. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)