Volver al inicio

Haciendo que navegar Learner Home sea más simple.

Kaplan es una empresa global de educación con productos B2C y B2B. Simplifiqué la navegación de Learner Home para reducir fricción y alinear la experiencia entre plataformas.

Duración: Oct–Dic 2023 · Equipo: Product Designer · UX Researcher · Product Manager · Lead Engineer

EL PROBLEMA

La navegación había crecido sin una estructura clara.

Learner Home había evolucionado sin una lógica de navegación clara. Entre menús duplicados y jerarquías inconsistentes, encontrar accesos clave se volvía innecesariamente difícil. El objetivo era simplificar la experiencia y unificarla entre plataformas.

Tarjetas de acceso rápido del dashboard antes del rediseño

El dashboard estaba reemplazando a la navegación.

Los usuarios ignoraban el menú y usaban los quick-links del dashboard para moverse por la plataforma. La navegación principal había dejado de cumplir su función.

Superposición entre la nav lateral y el menú del avatar

Demasiados menús, poca claridad.

Cursos, certificados y configuraciones estaban repartidos entre la nav lateral y el avatar. Browse Catalog sumaba complejidad innecesaria.

Menú hamburguesa ocultando la navegación principal en desktop

En desktop, la navegación principal estaba escondida.

La nav lateral vivía detrás de un hamburguer menu. La mayoría de los usuarios nunca lo abría, incluso cuando ahí estaban las acciones más importantes.

A/B TESTING

Una opción para consistencia, otra para una jerarquía más limpia.

Primero simplifiqué la arquitectura, pero ese cambio aumentaba la diferencia con Atom, la plataforma donde los usuarios pasaban la mayor parte del tiempo. Como su equipo no tenía un rediseño de la navegación entre las prioridades, hice un A/B test para entender si el cambio realmente mejoraba la experiencia.

Navegación Kaplan Diseño 2 — jerarquía más limpia
Navegación Kaplan Diseño 1 — consistencia cross-platform
Diseño 1
Diseño 2
EL ENFOQUE

La diferencia entre lo que los usuarios dicen y lo que realmente hacen.

Elegí el Diseño 2, asignándole a cada menú un rol claro: la información del estudiante en el avatar y la navegación de la plataforma en la sidebar. También actualicé labels para alinearlos con el lenguaje de los usuarios. Aunque el 78% dijo preferir el Diseño 1, el Diseño 2 tuvo mejores resultados de usabilidad:

+30%

encontró "Ayuda y Soporte"

+56%

encontró "Explorar Catálogo"

+72%

encontró "Seguimiento"