Logo

Factor de Sensibilidad APV

Falta de claridad en el impacto del APV. A partir del análisis inicial se identificaron problemas como: dificultad para entender beneficios del APV baja visibilidad dentro del flujo falta de comparación clara jerarquía confusa en herramientas existentes

Factor de Sensibilidad APV

Proceso

SNAPSHOT

Rol
UX / UI + Frontend

Tipo de proyecto
Simulador financiero · Optimización UX

Objetivo
Mejorar comprensión y promover contratación APV

Usuarios
Afiliados y no afiliados con capacidad de ahorro


CONTEXTO

Un producto difícil de entender

El APV es un instrumento clave para mejorar la pensión futura, pero su impacto suele ser abstracto para los usuarios.

Esto dificulta su adopción, ya que los usuarios no logran visualizar claramente cómo influye en su jubilación.

Simulador original
Simulador original

PROBLEMA

Falta de claridad en el impacto del APV

A partir del análisis inicial se identificaron problemas como:

  • dificultad para entender beneficios del APV
  • baja visibilidad dentro del flujo
  • falta de comparación clara
  • jerarquía confusa en herramientas existentes
Provida: problema de jerarquía / Cuprum: buena comparación
Provida: problema de jerarquía / Cuprum: buena comparación

OBJETIVO

Hacer visible lo invisible

  • demostrar impacto del APV
  • facilitar comprensión
  • guiar decisión
  • promover contratación

ENFOQUE

Comparar para entender

La solución se centró en:

👉 mostrar diferencia entre pensión base vs con APV

👉 simplificar información

👉 usar visuales comprensibles

Comparación de estados
Comparación de estados

PROCESO DE DISEÑO

Iterando con stakeholders

El diseño evolucionó a través de múltiples iteraciones, incorporando feedback de distintas áreas:

  • marketing
  • TI
  • negocio
  • gerencia

DECISIONES CLAVE

Diseñar con restricciones reales

Iteración visual (muy potente)

  1. Mascota (salchicha)
    → mantenía identidad, pero no aportaba claridad
  2. Caritas
    → mejoraban comprensión, pero rechazadas por stakeholders
  3. Árbol
    → rompía identidad corporativa
  4. Baterías (final)
    → aceptadas + comprensibles + alineadas
Secuencia de propuestas
Secuencia de propuestas

DISEÑO FINAL

Visualizando el estado de la pensión

La solución final utiliza:

  • comparación directa
  • metáfora visual (batería)
  • lenguaje claro
  • estructura simple
Flujo de interacciones
Flujo de interacciones

IMPLEMENTACIÓN

De diseño a producto real

Se implementó el simulador en frontend utilizando:

  • input-range para interacción
  • variables simuladas
  • conexión futura con motor de cálculo
Implementación Front-end
Implementación Front-end

Flujo de desarrollo del simulador de pensiones

LIMITACIONES

Falta de resultados cuantitativos

Debido a la pérdida del acceso al estudio original en Maze, no fue posible recuperar los resultados del test de usabilidad.

El caso se reconstruye a partir de:

  • objetivos definidos
  • decisiones de diseño
  • implementación realizada

IMPACTO

Mejora en comprensión (esperado)

La solución permite:

  • visualizar impacto del APV
  • facilitar toma de decisiones
  • reducir complejidad
Antes vs Después
Antes vs Después

APRENDIZAJE

Diseñar también es negociar

Este proyecto fortaleció habilidades clave:

  • trabajo con stakeholders
  • defensa de decisiones
  • equilibrio entre UX y negocio
  • implementación técnica

Frase potente

Aprendí que una buena solución no solo debe ser correcta desde UX, sino también viable dentro del contexto organizacional.

REFLEXIÓN

Pequeños cambios, gran impacto

Este proyecto demostró que hacer visible información compleja puede transformar la forma en que los usuarios toman decisiones.