Saltar a contenido

Pantalla: Invitar Cuidador

Identificador: SCR-USR-005 Nombre: Invitar Cuidador Modulo: MTS-USR-001 - Gestion de Usuarios Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight)


1. Informacion General

Atributo Valor
Tipo Formulario wizard
Acceso SCR-USR-004 > [+]
Roles PI, CR (para dependientes)
Tiers Pro, Perfect
Prioridad Alta

2. Proposito

Permite al paciente invitar a una persona de confianza como cuidador solidario, configurando sus permisos de acceso antes de enviar la invitacion.


3. Wireframe - Paso 1: Contacto

+--------------------------------------------------+
| [<]  Invitar Cuidador                  Paso 1/3  |
+--------------------------------------------------+
|                                                   |
|           [Ilustracion: invitar]                  |
|                                                   |
|     Invita a alguien de confianza para            |
|     que te ayude con tu tratamiento               |
|                                                   |
+--------------------------------------------------+
| DATOS DEL CUIDADOR                                |
+--------------------------------------------------+
|                                                   |
|  Email o telefono *                               |
|  +--------------------------------------------+  |
|  | +52 55 9876 5432                           |  |
|  +--------------------------------------------+  |
|                                                   |
|  Relacion *                                       |
|  +--------------------------------------------+  |
|  | Pareja                                [v]  |  |
|  +--------------------------------------------+  |
|                                                   |
|  Apodo (como lo veras en la app)                  |
|  +--------------------------------------------+  |
|  | Mi amor                                    |  |
|  +--------------------------------------------+  |
|                                                   |
+--------------------------------------------------+
|                                                   |
|         [Continuar]                               |
|                                                   |
+--------------------------------------------------+

4. Wireframe - Paso 2: Permisos

+--------------------------------------------------+
| [<]  Invitar Cuidador                  Paso 2/3  |
+--------------------------------------------------+
|                                                   |
|  Que podra hacer este cuidador?                   |
|                                                   |
+--------------------------------------------------+
| INFORMACION QUE PODRA VER                         |
+--------------------------------------------------+
|                                                   |
|  Ver mis medicamentos                    [ON]     |
|  Lista de medicamentos y horarios                 |
|                                                   |
|  Ver mi adherencia                       [ON]     |
|  Estadisticas de tomas                            |
|                                                   |
|  Ver mis recetas                         [OFF]    |
|  Recetas digitalizadas                            |
|                                                   |
|  Ver mis citas                           [OFF]    |
|  Calendario de citas medicas                      |
|                                                   |
|  Ver mis analisis                        [OFF]    |
|  Resultados de estudios                           |
|                                                   |
+--------------------------------------------------+
| ACCIONES QUE PODRA REALIZAR                       |
+--------------------------------------------------+
|                                                   |
|  Registrar tomas por mi                  [OFF]    |
|  Marcar medicamentos como tomados                 |
|                                                   |
+--------------------------------------------------+
| ALERTAS QUE RECIBIRA                              |
+--------------------------------------------------+
|                                                   |
|  Alertas de tomas omitidas              [ON]      |
|  Notificacion si no tomo a tiempo                 |
|                                                   |
|  Alertas de emergencia                  [ON]      |
|  [lock] Siempre activo para cuidadores            |
|                                                   |
+--------------------------------------------------+
|                                                   |
|         [Continuar]                               |
|                                                   |
+--------------------------------------------------+

5. Wireframe - Paso 3: Confirmar

+--------------------------------------------------+
| [<]  Invitar Cuidador                  Paso 3/3  |
+--------------------------------------------------+
|                                                   |
+--------------------------------------------------+
| RESUMEN DE INVITACION                             |
+--------------------------------------------------+
|                                                   |
|  Para: +52 55 9876 5432                           |
|  Relacion: Pareja                                 |
|  Apodo: Mi amor                                   |
|                                                   |
+--------------------------------------------------+
| PERMISOS OTORGADOS                                |
+--------------------------------------------------+
|                                                   |
|  [check] Ver medicamentos                         |
|  [check] Ver adherencia                           |
|  [check] Alertas de tomas omitidas                |
|  [check] Alertas de emergencia                    |
|                                                   |
+--------------------------------------------------+
| AVISO LEGAL                                       |
+--------------------------------------------------+
|                                                   |
|  Al enviar esta invitacion:                       |
|                                                   |
|  - La persona recibira un SMS/email con           |
|    un enlace para aceptar                         |
|  - Tendras 7 dias para que acepte                 |
|  - Puedes revocar el acceso en cualquier          |
|    momento desde "Mis Cuidadores"                 |
|  - El cuidador sera notificado si revocas         |
|                                                   |
+--------------------------------------------------+
|                                                   |
|  [Editar permisos]       [Enviar invitacion]      |
|                                                   |
+--------------------------------------------------+

6. Elementos de UI

6.1. Componentes

ID Componente Tipo Paso
progress Step Indicator Custom Todos
input_contact Phone/Email Field CMP-INP-001 1
dropdown_relation Dropdown Select CMP-INP-006 1
input_nickname Text Field CMP-INP-001 1
toggle_permisos Switch List CMP-INP-007 2
summary_card Summary Card Custom 3
legal_notice Text Block - 3
btn_continue Primary Button CMP-BTN-001 1,2
btn_send Primary Button CMP-BTN-001 3

6.2. Opciones de Relacion

- Pareja / Esposo(a)
- Hijo(a)
- Padre / Madre
- Hermano(a)
- Amigo(a)
- Otro familiar
- Vecino(a)
- Otro

6.3. Permisos por Defecto

Permiso Default Modificable
Ver medicamentos ON Si
Ver adherencia ON Si
Ver recetas OFF Si
Ver citas OFF Si
Ver analisis OFF Si
Registrar tomas OFF Si
Alertas tomas ON Si
Alertas emergencia ON No (bloqueado)

7. Estados

7.1. Estados de Formulario

Estado Visual
Paso 1 incompleto Continuar disabled
Validando contacto Spinner en input
Contacto ya vinculado Error + mensaje
Enviando Spinner en boton
Exito Animacion + redirect
Error envio Toast + opcion reintentar

7.2. Validacion de Contacto

flowchart TD
    A[Ingresar email/telefono] --> B{Formato valido?}
    B -->|No| C[Error formato]
    B -->|Si| D{Es mi propio contacto?}
    D -->|Si| E[Error: No puedes ser tu propio cuidador]
    D -->|No| F{Ya esta vinculado?}
    F -->|Si| G[Error: Ya es tu cuidador]
    F -->|No| H{Invitacion pendiente?}
    H -->|Si| I[Warning: Ya hay invitacion pendiente]
    H -->|No| J[OK - Puede continuar]

8. Interacciones

8.1. Navegacion entre Pasos

Accion Resultado
Continuar Paso 1 Validar + ir a Paso 2
Back en Paso 2 Volver a Paso 1 (sin perder datos)
Continuar Paso 2 Ir a Paso 3
Editar permisos Paso 3 Volver a Paso 2
Enviar invitacion Validar + enviar + exito

8.2. Envio Exitoso

+--------------------------------------------------+
|                                                   |
|              [check animado]                      |
|                                                   |
|         Invitacion enviada                        |
|                                                   |
|    Le enviamos un mensaje a                       |
|    +52 55 9876 5432 con instrucciones             |
|                                                   |
|    La invitacion expira en 7 dias                 |
|                                                   |
|              [Ver Mis Cuidadores]                 |
|                                                   |
+--------------------------------------------------+

9. Validaciones

9.1. Paso 1

Campo Validacion Mensaje
Contacto Requerido "Ingresa email o telefono"
Contacto Formato email O E.164 "Formato no valido"
Contacto No es propio usuario "No puedes ser tu propio cuidador"
Contacto No duplicado "Esta persona ya es tu cuidador"
Relacion Requerido "Selecciona la relacion"
Apodo Max 30 caracteres "Apodo muy largo"

9.2. Paso 2

Validacion Condicion Mensaje
Al menos 1 permiso vista Ningun view habilitado "Selecciona al menos un permiso de vista"

10. Accesibilidad

10.1. Screen Reader

Elemento Label Hint
step_indicator "Paso [n] de 3, [titulo]" -
toggle_permiso "[Nombre permiso], [estado]" "[Descripcion]. Toca para cambiar"
locked_toggle "Alertas emergencia, siempre activo" "Este permiso no puede desactivarse"
btn_send "Enviar invitacion a [contacto]" -

10.2. Focus Order

Paso 2 - Permisos:

  1. Progress indicator (informativo)
  2. Seccion "Ver" - toggles en orden
  3. Seccion "Acciones" - toggles
  4. Seccion "Alertas" - toggles
  5. Boton Continuar

11. Eventos de Analytics

Evento Trigger Parametros
invite_flow_started Abrir pantalla -
invite_step_completed Completar paso step: [1,2,3]
invite_permission_toggled Cambiar toggle permission: [id], value: [bool]
invite_sent Enviar invitacion relation: [tipo], permissions_count: [n]
invite_flow_abandoned Salir sin completar step: [n]

12. Casos de Prueba

ID Caso Resultado Esperado
TC-001 Email valido paso 1 Continuar habilitado
TC-002 Email propio Error inline
TC-003 Toggle emergencia No se puede desactivar
TC-004 Todos toggles off Error al continuar
TC-005 Enviar exitoso Pantalla exito
TC-006 Error de red Toast con reintento

13. Referencias


Documento generado por MobileUxUiDrone (Eight of Eight)