Design
Pantallas
Para qué

Especificación detallada de cada pantalla: datos mostrados, estados, acciones disponibles y navegación.

Audiencia

Diseño e ingeniería.

Privacidad y Seguridad

Perfil & Ajustes -> Contraseña & 2FA

Propósito: Gestionar contraseña, sesiones activas y autenticación de dos factores
JTBD: “Quiero asegurarme de que mi cuenta y mis datos de salud están protegidos”
Ruta: /paciente/ajustes/privacidad
Módulo: PAM-9


Features

# Feature Descripción Prioridad
1 Cambiar contraseña Formulario: actual + nueva + confirmar nueva P0
2 Sesiones activas Lista de dispositivos con sesión abierta P1
3 Cerrar sesión remota Botón para cerrar sesión en otro dispositivo P1
4 Toggle 2FA Activar/desactivar autenticación de dos factores P1
5 Método 2FA SMS o app autenticadora (Google Authenticator, etc.) P2

States

Sesiones Activas

  • Visual: Lista de dispositivos con nombre, ubicación, última actividad
  • Ejemplo:
    • iPhone 15 - Medellín - Activo ahora (este dispositivo)
    • Chrome - Medellín - Hace 3 días
  • CTA por sesión: [Cerrar sesión]

2FA Activo

  • Visual: Toggle encendido + método actual (SMS o App)
  • Copy: “Autenticación de dos factores activa”
  • Subtitulo: “Método: SMS al +57 ***1234”

2FA Inactivo

  • Visual: Toggle apagado + recomendación
  • Copy: “Protege tu cuenta con verificación en dos pasos”
  • CTA: [Activar 2FA]

Datos Mostrados

Dato Objeto Propiedad Ejemplo
Dispositivo Sesión nombre iPhone 15
Ubicación Sesión ubicación Medellín
Última actividad Sesión ultima_actividad Activo ahora
Estado 2FA Seguridad tfa_activo true
Método 2FA Seguridad tfa_metodo SMS

Acciones

Acción Tipo Resultado
Cambiar contraseña Primaria Válida + actualiza + toast confirmación
Cerrar sesión remota Destructiva Cierra sesión en ese dispositivo
Activar 2FA Primaria Flujo de configuración (SMS o App)
Desactivar 2FA Destructiva Confirmación + desactiva

  • Origen: Ajustes > “Privacidad y Seguridad”
  • Destino cambio contraseña: Misma pantalla + toast
  • Destino activar 2FA: Flujo de verificación inline
  • Back: Ajustes