Design
P2
Flujos de Usuario
Para qué

Rutas completas del usuario a través del producto, incluyendo happy paths, error paths y priorización.

Audiencia

Diseño, ingeniería y QA.

Flow: Perfil & Ajustes

Control Total de la Experiencia del Usuario

JTBD: “Cuando quiero controlar mi experiencia, quiero encontrar y cambiar configuraciones sin buscar”
Actor: Usuario autenticado (cualquier fase)
Trigger: Click en tab Ajustes o Perfil
Priority: P1 (High) — Retención + Confianza
Duration: Variable (30s lectura, 2-5 min edición)


Happy Path: Ver y Editar Perfil

Flujo feliz: ver y editar perfil


Happy Path: Navegar Ajustes

Flujo feliz: navegar ajustes


Error Paths

Path 1: Edición falla por campo inválido

Error: campo invalido al editar perfil

Path 2: Cambio de contraseña falla

Error: cambio de contrasena falla

Path 3: Borrar cuenta — confirmación de 30 días

Flujo: borrar cuenta con confirmacion de 30 dias

Path 4: Sin conexión al guardar

Error: sin conexion al guardar


Key Moments

Moment 1: Perfil — Mi Información (Read-Only)

Propósito: Vista rápida de quién soy en ADEN


 ← Atrás                           Perfil 
                                             
                                
          Avatar                           
          (foto)                           
                                
        María García                        
        maria@email.com                      
                                             
   Datos   
   Edad            32 años                
   Peso            68 kg                  
   Altura          165 cm                 
   Ciudad          Medellín               
   Sexo biológico  Mujer                 
    
                                             
   Mi Ciclo    
   Ciclo 2 · Día 47 de 90                
   Adherencia: 82%                        
   [Ver detalle →]                        
    
                                             
  [EDITAR PERFIL]                           
                                             
           
  Cerrar sesión                              

Objects: Usuario (core properties, health_score, estado_ciclo_actual)
Validaciones: Ninguna (read-only)
Duration: 5-10 segundos


Moment 2: Editar Perfil (Modal)

Propósito: Actualizar datos personales y foto


  Cerrar                    Editar Perfil   
                                             
                                
          Avatar                           
           tap                           
                                
        [Cambiar foto]                       
                                             
  Nombre                                     
    
   María García                           
    
                                             
  Peso (kg)                                  
    
   68                                     
    
                                             
  Ciudad                                     
    
   Medellín                             
    
                                             
    
                                             
  [       GUARDAR CAMBIOS       ]           
  bg-[#0f2fc7] text-white                   

Validaciones en vivo:

  • Nombre: min 2 caracteres
  • Peso: 30-250 kg
  • Ciudad: autocomplete de ciudades colombianas
  • Foto: max 5MB, jpg/png/webp

Copy error:

  • Nombre vacío: “Tu nombre es necesario”
  • Peso fuera de rango: “Ingresa un peso entre 30 y 250 kg”
  • Foto muy pesada: “La imagen no puede superar 5 MB”

Moment 3: Ajustes — Hub Principal

Propósito: Centro de control, navegación clara por secciones


 ← Atrás                         Ajustes 
                                             
   Notificaciones  →   
   Controla qué alertas recibes           
    
                                             
   Dispositivos  →   
   Wearables y fuentes de datos           
   1 dispositivo conectado                
    
                                             
   Datos Personales  →   
   Nombre, peso, ciudad                   
    
                                             
   Privacidad & Seguridad  →    
   Contraseña, sesiones, 2FA              
    
                                             
   Datos & Privacidad  →     
   Descargar datos, borrar cuenta         
    
                                             
   Ayuda & Soporte  →     
   Chat, FAQ, contacto                    
    
                                             
           
  v1.2.0 · Hecho con amor en Medellín      


Moment 4: Notificaciones

Propósito: Granularidad total sin abrumar


 ← Ajustes                  Notificaciones   
                                             
  POR TIPO                                   
        
                                             
  Resultados de exámenes          [] ON 
  Cuando tus resultados estén listos         
                                             
  Citas y recordatorios           [] ON 
  24h y 1h antes de cada cita               
                                             
  Tu plan del día                 [] ON 
  Recordatorio diario del check-in          
                                             
  Alertas de salud                [] ON 
  Cambios importantes en tus datos          
                                             
  Novedades ADEN                  [] OFF
  Nuevas funciones y actualizaciones        
                                             
  POR CANAL                                  
        
                                             
  Push                            [] ON 
  Email                           [] ON 
  SMS                             [] OFF
                                             
  HORARIO DE SILENCIO                       
        
                                             
  Activar silencio                [] OFF
  Desde  [10:00 PM]  Hasta  [7:00 AM]      
                                             
  Las alertas críticas de salud siempre      
  llegarán, incluso en silencio.            

Objects: Alerta.canales (push, email, sms), Alerta.tipo
Auto-save: Cada toggle guarda inmediatamente (no hay botón “guardar”)
Copy: “Las alertas críticas de salud siempre llegarán, incluso en silencio.”


Moment 5: Dispositivos

Propósito: Conectar wearables e importar datos de salud


 ← Ajustes                    Dispositivos   
                                             
  CONECTADOS                                 
        
                                             
   Apple Watch       
   Conectado · Última sync: hoy           
   Pasos, frecuencia cardíaca, sueño      
   [Desconectar]                           
        
                                             
  IMPORTAR DATOS                             
        
                                             
   Apple Health  →          
   Importar datos de Salud de Apple         
        
                                             
   Google Health Connect  →            
   Importar datos de Google Fit            
        
                                             
   Otros dispositivos  →             
   Garmin, Fitbit, Oura, Whoop            
        
                                             
          
  Los datos importados se usan para          
  personalizar tu plan. No compartimos       
  tu información con terceros.               

Estado vacío (sin dispositivos):


 ← Ajustes                    Dispositivos   
                                             
         (ilustración wearable)              
                                             
    No tienes dispositivos conectados        
                                             
    Conecta un wearable para que ADEN       
    personalice tu plan con datos reales.    
                                             
    [CONECTAR DISPOSITIVO]                   
    bg-[#0f2fc7] text-white                  


Moment 6: Privacidad & Seguridad

Propósito: Control de acceso y autenticación


 ← Ajustes             Privacidad & Seguridad
                                             
  CONTRASEÑA                                 
        
  Última actualización: hace 45 días         
  [Cambiar contraseña →]                     
                                             
  AUTENTICACIÓN DE DOS FACTORES             
        
  Estado: Activa                             
  Método: App de autenticación               
  [Configurar 2FA →]                         
                                             
  SESIONES ACTIVAS                          
        
                                             
   iPhone 15 · Medellín       
   Sesión actual · Activa ahora           
        
                                             
   Chrome · Medellín       
   Hace 2 días                             
   [Cerrar esta sesión]                   
        
                                             
  [Cerrar todas las demás sesiones]         

Flujo cambiar contraseña:


 ← Atrás                Cambiar Contraseña   
                                             
  Contraseña actual                          
    
   ••••••••                            
    
                                             
  Nueva contraseña                           
    
                                          
    
   Mínimo 8 caracteres                    
   Una mayúscula                           
   Un número                               
                                             
  Confirmar nueva contraseña                 
    
                                          
    
                                             
  [       CAMBIAR CONTRASEÑA       ]        
  bg-[#0f2fc7] text-white                   


Moment 7: Datos & Privacidad (GDPR)

Propósito: Control total sobre datos personales


 ← Ajustes               Datos & Privacidad  
                                             
  DESCARGAR MIS DATOS                       
        
  Descarga una copia de toda tu información  
  en formato JSON. Incluye perfil, exámenes, 
  planes y check-ins.                        
                                             
  [SOLICITAR DESCARGA]                       
  Tiempo estimado: 24 horas                  
                                             
  CONSENTIMIENTOS                            
        
  Procesamiento de datos         [] ON  
  Compartir con tu médico        [] ON  
  Análisis de uso (anónimo)      [] OFF 
                                             
  ELIMINAR MI CUENTA                         
        
  Esta acción es irreversible después de     
  30 días. Todos tus datos serán eliminados. 
                                             
  [Eliminar mi cuenta]                       
  text-red-500, borde rojo                   

Modal confirmación borrado:


                                             
   ¿Estás seguro?                        
                                             
  Tu cuenta y todos tus datos se eliminarán  
  permanentemente en 30 días.                
                                             
  Durante esos 30 días puedes cancelar       
  iniciando sesión normalmente.              
                                             
  Datos que se eliminarán:                   
  • Perfil y datos personales                
  • Historial de exámenes                    
  • Planes y check-ins                       
  • Conversaciones con Health Coach          
                                             
  Para confirmar, ingresa tu contraseña:     
    
                                          
    
                                             
  [ELIMINAR MI CUENTA]                       
  bg-red-500 text-white                      
                                             
  [Cancelar]                                 


Moment 8: Ayuda & Soporte

Propósito: Encontrar respuestas rápido, escalar si necesario


 ← Ajustes                 Ayuda & Soporte   
                                             
   Chat Health Coach  →      
   Pregúntale lo que necesites            
   Disponible 24/7                         
        
                                             
  PREGUNTAS FRECUENTES                      
        
                                             
   ¿Cómo cargo mis exámenes?              
   ¿Qué pasa si olvido un check-in?       
   ¿Cómo interpreto mis resultados?        
   ¿Puedo cambiar mi plan?                 
   ¿Cómo conecto mi reloj inteligente?     
   ¿Quién ve mis datos?                    
                                             
  CONTACTO DIRECTO                          
        
  Email: help@aden.run                       
  Respuesta: <24 horas                      
                                             
        
  Versión: 1.2.0                             
  Términos y condiciones                     
  Política de privacidad                     


Moment 9: Logout Flow

Propósito: Salir de forma segura, sin fricción innecesaria

Flujo de cierre de sesion


                                             
  ¿Cerrar sesión?                           
                                             
  Tendrás que iniciar sesión de nuevo        
  para acceder a tu cuenta.                  
                                             
  [CERRAR SESIÓN]                           
  bg-[#0f2fc7] text-white                   
                                             
  [Cancelar]                                 


States

Pantalla Loading Empty Error Offline
Perfil Skeleton avatar + 4 lines N/A (siempre hay datos) “No pudimos cargar tu perfil” + retry Cache local, read-only
Editar Perfil Skeleton form N/A Inline error per field “Guardaremos cuando vuelvas”
Ajustes Hub Skeleton 6 rows N/A “No pudimos cargar ajustes” + retry Cache local, read-only
Notificaciones Skeleton toggles N/A “Error al guardar” + retry toggle Cola de cambios local
Dispositivos Skeleton cards “No tienes dispositivos” + CTA “No pudimos conectar” + retry Last sync visible
Privacidad Skeleton list N/A “Error al cargar sesiones” Read-only cache
Datos & Privacidad Skeleton N/A “No pudimos procesar tu solicitud” No disponible offline
Ayuda Skeleton FAQ N/A “Sin conexión. FAQ no disponible” FAQ cacheado

Objects Reference

Pantalla Objetos (architecture.md)
Perfil Usuario (core + health_profile)
Mi Ciclo Ciclo (numero_ciclo, dias_transcurridos, adherencia)
Notificaciones Alerta (tipo, canales)
Datos Personales Usuario (nombre, peso, ciudad)
Dispositivos External (wearable integration, no en architecture.md)
Datos & Privacidad Usuario (delete_account action)

Critical Metrics

Métrica Meta Impacto
Ajustes → Notificaciones >30% visitan Engagement
Toggle off rate (notif) <20% desactivan todo Retención
Dispositivos conectados >15% conectan wearable Data quality
Descargar datos <1% solicitan GDPR compliance
Borrar cuenta <0.5% inician Churn prevention
Logout → no vuelve 7d <10% Retención

Implementation Notes

  • Auto-save toggles: Sin botón “guardar” en notificaciones y consentimientos
  • Skeleton loading: 300ms antes de mostrar contenido
  • FadeInUp: 260ms por sección al entrar
  • Cache: Perfil y ajustes cacheados localmente para offline
  • Logout: Limpia datos sensibles del almacenamiento local, mantiene preferencias de notificación en servidor
  • Copy: Español colombiano, tono cercano (“Tu nombre es necesario” vs “Campo requerido”)

Existing Prototypes

Archivo Ruta
Ajustes Hub apps/prototypes/src/pages/paciente/ajustes/index.astro
Notificaciones apps/prototypes/src/pages/paciente/ajustes/notificaciones.astro
Dispositivos apps/prototypes/src/pages/paciente/ajustes/dispositivos.astro
Datos Personales apps/prototypes/src/pages/paciente/ajustes/datos-personales.astro
Perfil apps/prototypes/src/pages/paciente/perfil/index.astro

Próximo: health-coach — AI Health Coach Chat Flow