Saltar a contenido

Pantalla: Eliminar Cuenta

Identificador: SCR-USR-012 Nombre: Eliminar Cuenta 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 Pantalla destructiva critica
Acceso SCR-USR-001 > Eliminar Cuenta
Roles PI, CR
Tiers Todos
Prioridad Alta (seguridad)
Nivel WCAG AAA (por criticidad)

2. Proposito

Permite al usuario solicitar la eliminacion permanente de su cuenta. Implementa un periodo de gracia de 30 dias y multiples barreras de confirmacion para prevenir eliminaciones accidentales.


3. Wireframe - Paso 1: Advertencias

+--------------------------------------------------+
| [<]  Eliminar Cuenta                             |
+--------------------------------------------------+
|                                                   |
|           [!!! icon rojo grande]                  |
|                                                   |
|     ESTA ACCION ES PERMANENTE                     |
|                                                   |
+--------------------------------------------------+
| QUE PERDERAS                                      |
+--------------------------------------------------+
|                                                   |
|  [X] Tu historial de medicamentos                 |
|      5 medicamentos, 847 registros de tomas       |
|                                                   |
|  [X] Tu informacion medica                        |
|      Alergias, condiciones, medidas               |
|                                                   |
|  [X] Tus cuidadores                               |
|      3 cuidadores perderan acceso                 |
|                                                   |
|  [X] Tus dependientes (si eres CR)                |
|      Los perfiles seran transferidos o eliminados |
|                                                   |
|  [X] Tus recetas y analisis                       |
|      12 recetas, 5 analisis                       |
|                                                   |
|  [X] Tu progreso y logros                         |
|      87 dias de racha, 5 insignias                |
|                                                   |
+--------------------------------------------------+
| PERIODO DE GRACIA                                 |
+--------------------------------------------------+
|                                                   |
|  Tu cuenta sera eliminada en 30 dias.             |
|  Durante este tiempo:                             |
|                                                   |
|  - Puedes cancelar la eliminacion                 |
|  - Tu cuenta estara suspendida                    |
|  - Tus cuidadores seran notificados               |
|  - No podras iniciar sesion                       |
|                                                   |
+--------------------------------------------------+
|                                                   |
|  Desliza hacia abajo para continuar               |
|                                                   |
+--------------------------------------------------+

4. Wireframe - Paso 2: Motivo (Opcional)

+--------------------------------------------------+
| [<]  Eliminar Cuenta                             |
+--------------------------------------------------+
|                                                   |
|  Antes de irte, ayudanos a mejorar                |
|  (opcional)                                       |
|                                                   |
+--------------------------------------------------+
| POR QUE ELIMINAS TU CUENTA?                       |
+--------------------------------------------------+
|                                                   |
|  ( ) Ya no necesito la app                        |
|  ( ) Encontre una alternativa mejor               |
|  ( ) Problemas tecnicos                           |
|  ( ) Preocupaciones de privacidad                 |
|  ( ) Es muy complicada de usar                    |
|  ( ) Otro motivo                                  |
|                                                   |
|  Comentarios adicionales:                         |
|  +--------------------------------------------+  |
|  |                                            |  |
|  |                                            |  |
|  +--------------------------------------------+  |
|  0/500 caracteres                                 |
|                                                   |
+--------------------------------------------------+
|                                                   |
|  [Omitir]                    [Continuar]          |
|                                                   |
+--------------------------------------------------+

5. Wireframe - Paso 3: Confirmacion Final

+--------------------------------------------------+
| [<]  Eliminar Cuenta                             |
+--------------------------------------------------+
|                                                   |
|           [!!! warning icon]                      |
|                                                   |
|     CONFIRMACION FINAL                            |
|                                                   |
+--------------------------------------------------+
|                                                   |
|  Para confirmar la eliminacion:                   |
|                                                   |
|  1. Ingresa tu contrasena                         |
|  +--------------------------------------------+  |
|  | ********                                   |  |
|  +--------------------------------------------+  |
|                                                   |
|  2. Ingresa el codigo de verificacion             |
|     Enviado a +52 ** **** 5678                    |
|  +--------------------------------------------+  |
|  | [_][_][_][_][_][_]                         |  |
|  +--------------------------------------------+  |
|  [Reenviar codigo]                               |
|                                                   |
|  3. Escribe ELIMINAR para confirmar               |
|  +--------------------------------------------+  |
|  | ELIMINAR                                   |  |
|  +--------------------------------------------+  |
|                                                   |
+--------------------------------------------------+
|                                                   |
|  [Cancelar]                 [Eliminar mi cuenta]  |
|                              (boton rojo)         |
|                                                   |
+--------------------------------------------------+

6. Wireframe - Confirmacion de Programacion

+--------------------------------------------------+
|                                                   |
|           [calendar icon]                         |
|                                                   |
|     Eliminacion programada                        |
|                                                   |
|     Tu cuenta sera eliminada el                   |
|     4 de enero de 2026                            |
|                                                   |
|     Te enviamos un email de confirmacion a        |
|     maria@email.com                               |
|                                                   |
|     Si cambias de opinion, puedes cancelar        |
|     la eliminacion desde el enlace en el email    |
|     o contactando a soporte.                      |
|                                                   |
|     Tus cuidadores han sido notificados.          |
|                                                   |
|           [Entendido]                             |
|                                                   |
+--------------------------------------------------+

7. Elementos de UI

7.1. Componentes

ID Componente Tipo Paso
header Top App Bar CMP-NAV-002 Todos
warning_icon Large Icon Custom 1, 3
loss_list Impact List Custom 1
grace_info Info Card Custom 1
reason_radios Radio Group CMP-INP-009 2
comments_field Textarea CMP-INP-001 2
password_field Password Field CMP-INP-001 3
otp_field PIN Input CMP-INP-003 3
confirm_field Text Field CMP-INP-001 3
btn_cancel Secondary Button CMP-BTN-002 3
btn_delete Danger Button CMP-BTN-006 3

7.2. Colores y Estilos

Elemento Color Justificacion
Warning icon #D32F2F (error) Maximo impacto visual
Loss list icons #D32F2F Enfatizar perdida
Boton eliminar #D32F2F bg, white text Accion destructiva
Boton cancelar Outlined, primary Opcion segura destacada

8. Barreras de Seguridad

8.1. Verificaciones Requeridas

Barrera Proposito
Scroll completo Paso 1 Asegurar lectura de consecuencias
Re-autenticacion password Verificar identidad
Codigo OTP (si MFA activo) Segunda factor
Escribir "ELIMINAR" Confirmacion deliberada
Boton final Accion explicita

8.2. Flujo de Verificacion

flowchart TD
    A[Paso 1: Leer advertencias] --> B{Scroll completo?}
    B -->|No| C[Continuar disabled]
    B -->|Si| D[Paso 2: Motivo opcional]

    D --> E[Paso 3: Confirmaciones]
    E --> F[Password correcto?]
    F -->|No| G[Error + intentos]
    F -->|Si| H{MFA activo?}

    H -->|Si| I[Verificar OTP]
    H -->|No| J[Escribir ELIMINAR]

    I --> K{OTP correcto?}
    K -->|No| L[Error + reenviar]
    K -->|Si| J

    J --> M{Texto correcto?}
    M -->|No| N[Error formato]
    M -->|Si| O[Habilitar boton]

    O --> P[Tap Eliminar]
    P --> Q[Programar eliminacion]
    Q --> R[Notificar usuario + cuidadores]
    R --> S[Cerrar sesion]

9. Periodo de Gracia (30 dias)

9.1. Estado de Cuenta Durante Gracia

Aspecto Comportamiento
Login Bloqueado, muestra mensaje
Notificaciones Suspendidas
Cuidadores Notificados, acceso removido
Datos Intactos pero inaccesibles
Suscripcion Cancelada automaticamente

9.2. Cancelar Eliminacion

Opciones disponibles:

  1. Enlace en email de confirmacion
  2. Contactar soporte
  3. Usar endpoint de recuperacion con credenciales
+--------------------------------------------------+
| Cancelar eliminacion                              |
+--------------------------------------------------+
|                                                   |
| Tu cuenta esta programada para eliminacion        |
| el 4 de enero de 2026.                            |
|                                                   |
| Si deseas mantener tu cuenta:                     |
|                                                   |
| [Cancelar eliminacion y recuperar cuenta]         |
|                                                   |
+--------------------------------------------------+

10. Dependientes (Cuidador Responsable)

Si el usuario es CR con dependientes:

+--------------------------------------------------+
| TUS DEPENDIENTES                                  |
+--------------------------------------------------+
|                                                   |
|  Tienes 2 perfiles de dependientes:               |
|                                                   |
|  Sofia Garcia (8 anos)                            |
|  [ ] Transferir a otro cuidador                   |
|  [ ] Eliminar perfil                              |
|  [Seleccionar nuevo cuidador...]                  |
|                                                   |
|  Pedro Garcia (5 anos)                            |
|  [ ] Transferir a otro cuidador                   |
|  [ ] Eliminar perfil                              |
|                                                   |
|  [!] Debes decidir el destino de cada             |
|      dependiente antes de continuar               |
|                                                   |
+--------------------------------------------------+

11. Accesibilidad

11.1. Screen Reader

Elemento Label Hint
warning_icon "Advertencia importante" "Accion permanente"
loss_item "[Dato], [cantidad]" "Sera eliminado permanentemente"
password_field "Contrasena actual" "Requerida para confirmar"
confirm_field "Escribe ELIMINAR" "Escribe la palabra ELIMINAR en mayusculas"
btn_delete "Eliminar mi cuenta" "Accion irreversible"

11.2. WCAG AAA (Critico)

Criterio Implementacion
Contraste texto 7:1 minimo
Contraste warning Icono + texto + color
Tiempo suficiente Sin timeout en formulario
Prevencion errores Multiples confirmaciones
Lenguaje claro Sin jerga tecnica

12. Eventos de Analytics

Evento Trigger Parametros
deletion_started Abrir pantalla -
deletion_step_completed Completar paso step: [1,2,3]
deletion_reason_selected Seleccionar motivo reason
deletion_confirmed Confirmar eliminacion -
deletion_cancelled Cancelar en cualquier paso step
deletion_recovered Cancelar durante gracia days_remaining

13. Notificaciones Enviadas

Destinatario Tipo Contenido
Usuario Email Confirmacion + link cancelar
Usuario SMS (opcional) Codigo de cancelacion
Cuidadores Push + Email Notificacion de perdida de acceso
Dependientes' CR Email Si aplica transferencia

14. Casos de Prueba

ID Caso Resultado Esperado
TC-001 Scroll incompleto Continuar disabled
TC-002 Password incorrecto Error + contador intentos
TC-003 OTP incorrecto 3 veces Bloqueo temporal
TC-004 Escribir "eliminar" minusculas Error formato
TC-005 Completar todo correctamente Eliminacion programada
TC-006 CR con dependientes Paso adicional obligatorio
TC-007 Cancelar en gracia Cuenta restaurada

15. Post-Eliminacion (Dia 30)

15.1. Proceso Automatico

  1. Ejecutar job de eliminacion
  2. Anonimizar datos en audit logs (mantener 6 anos)
  3. Eliminar PII/PHI
  4. Eliminar archivos (fotos, PDFs)
  5. Revocar tokens y sesiones
  6. Notificar email final: "Tu cuenta ha sido eliminada"

15.2. Datos Retenidos (Anonimizados)

Dato Retencion Motivo
Audit logs 6 anos Cumplimiento regulatorio
Metricas agregadas Indefinido Analytics anonimo
Reportes de errores 1 ano Debugging

16. Referencias


Documento generado por MobileUxUiDrone (Eight of Eight) "La eliminacion es un derecho. La prevencion de errores, nuestra responsabilidad."