Information Architecture & Navigation

Mapa de Sitio y Flujos de Información

Versión: 1.0
Propósito: Cómo usuario navega ADEN, qué descubre dónde
Principio: Información scent clara, nunca perdido

Primary Navigation (Main Tabs)

 [ INICIO] [ PROGRESO] [ PLANES] [ AJUSTES] [ PERFIL]

Sitemap Completo

ADEN App

  AUTH (Sin login)
    Login
    Registrarse
    Forgot Password
    Verify Email
    MFA Setup
    Terms / Privacy

  ONBOARDING (Post-login, pre-dashboard)
    Step 0: Welcome
    Step 1: Datos Personales
    Step 2: Historial Médico
    Step 3: Estilo de Vida
    Step 4: Panel de Análisis
    Step 5: Agendar Análisis
    Step 6: Confirmación
    Perfil Pendiente (esperar labs)

  INICIO (Dashboard Principal)
    Hero: Nivel de Salud
    Plan del Día (checkbox interactivo)
    Próxima Cita
    Tu Progreso (esta semana)
    Edad Biológica
    Quick Actions (botones laterales)
    Alertas (banner)

  PROGRESO (Deep Dive Salud)
    Nivel de Salud (detalle)
       Score breakdown
       6 Dominios
       Biomarcadores por dominio
   
    Edad Biológica (detalle)
       Cálculo PhenoAge
       vs Cronológica
       Proyección
   
    Tus Exámenes (lista)
       Filtros (estado, categoría)
       Detalle per biomarcador
           Valor actual
           Rango
           Histórico 90 días
           RCV
           Interpretación
   
    Proyecciones (escenarios)
       Si continúas (1 año)
       Si continúas (3 años)
       Si continúas (5 años)
   
    Mi Trayectoria (timeline)
       Ciclos históricos
       Eventos importantes
       Comparación antes/después
   
    Alertas (historial)
        Nuevas (badge)
        Resueltas (archive)

  PLANES
    Plan del Día (view-only)
       Suplementos + horarios
       Ejercicio
       Nutrición focus
       Sueño objetivo
       Checklist
   
    Plan Completo (todos los 90 días)
       Ver recomendaciones
       Por dominio (sangre, ejercicio, etc)
       Detalle suplemento (click → ciencia)
   
    Mi Ciclo (estado)
       Ciclo actual (timeline)
       Adherencia (%)
       Ciclos históricos
       Iniciar Ciclo 2 (si aplica)
   
    Reporte 90 Días (post-cierre)
        Antes/Después
        Biomarcadores mejorados
        Biomarcadores empeorados
        Proyecciones futuro
        [Descargar PDF]

  AJUSTES
    Notificaciones
       By type (biomarcador, cita, etc)
       By channel (push, email, SMS)
       Horario silencio
   
    Dispositivos
       Wearables conectados
       Importar datos (Apple Health, etc)
   
    Datos Personales
       Editar nombre, peso, etc
       Cambiar ciudad
   
    Privacidad & Seguridad
       Cambiar contraseña
       Sesiones activas
       Dos factores
   
    Datos & Privacidad
       Descargar mis datos (GDPR)
       Borrar cuenta
       Consentimientos
   
    Ayuda & Soporte
        Chat Health Coach
        FAQ
        Contacto: help@aden.run

  PERFIL
    Mi Información (read-only)
    [EDITAR PERFIL]
    Mi Ciclo (actual)
    Histórico (ciclos pasados)
    Logout

  CHAT HEALTH COACH (Floating button)
    Nueva pregunta
    Historial conversaciones
    Transcripciones

 ‍‍ FAMILIA (Post-MVP, Phase 2)
     Mis Dependientes (lista)
        Perfil dependiente (dashboard simplificado)
        Agregar familiar
        Permisos
    
     Modo Cuidador (vista simplificada de datos familiares)

Information Scent Examples

¿Cómo descubre usuario X feature?

Q: “Quiero ver todos mis biomarcadores”

Path:

INICIO
  ↓ click [Tu Progreso]
PROGRESO
  ↓ click [Tus Exámenes]
EXÁMENES LIST
  ↓ click biomarcador específico
DETALLE: Hemoglobina, rango, histórico, etc.

Señales de información scent:

• Tab “Progreso” sugiere exploración
• Card “Tus Exámenes” en Dashboard como preview
• Label claro “Tus Exámenes” vs “Biomarcadores”
• Click abre detalle con esperado

Q: “Quiero chatear con alguien sobre mi alerta”

Path:

INICIO
  ↓ card ALERTA (prominent)
  ↓ click [CHAT CON HEALTH COACH]
CHAT MODAL
  ↓ pregunta enviada
  ↓ IA responde

Alternativa:

 AJUSTES
  ↓ [Ayuda & Soporte]
  ↓ [Chat Health Coach]

Señales:

• Botón en alerta misma
• Floating chat button (siempre visible)
• En ajustes bajo “Ayuda”

Navigation Patterns

Breadcrumb Trail (cuando aplica)

INICIO > PROGRESO > NIVEL DE SALUD > Biomarcador: Glucosa

Usar cuando: >2 niveles deep

Back Button

Siempre disponible (top-left o hardware back)
Behavior: history.back() → donde viniste

Sticky Header

Header sticky con:
  • Logo (click → home)
  • Current page title
  • User greeting
  • Quick actions (notif, profile)

Tab Organization (Mobile)

BOTTOM TABS:
[] [] [] [] []

RULES:
- 5 tabs máximo
- Los más usados en centro
- Settings siempre al final

Navigation Gotchas

Deep Links Sin Contexto

Malo: User recibe link a /progreso/biomarcador/123 sin haber hecho onboarding

• Redirect a login → onboarding → luego vuelve a link

Bueno:

• Cache el intent (“después que termines, te llevaré aquí”)
• Resume el flow

Falta de Salida

Malo: Usuario trapped en flujo (ej: onboarding), no puede volver

• Siempre “Atrás” button visible

Nombre Confuso

Malo: “Configuración de análisis” vs “Mis exámenes”

• Usuario no sabe dónde encontrar sus labs

Bueno: Label consistente: “Tus Exámenes” en todas partes

Performance: Load Time by Section

Mobile vs Desktop Navigation

Mobile (320-639px)

• Bottom navigation (5 tabs)
• Full-screen modals
• No sidebar
• “Atrás” button or gesture

Desktop (1024px+)

• Top navigation bar
• Optional sidebar (future)
• Modals centered
• Breadcrumbs visible

Próximo: states — Global States