Entrenador de idiomas
Use case
Entrenador de idiomas
Rediseño y escalabilidad para la plataforma de aprendizaje de idiomas 8Belts. Adaptando una metodología exclusiva para chino, aplicable a cualquier idioma.
Producto
Plataforma de elearning, que brinda a los estudiantes un método para aprender un nuevo idioma
Empresa
8Belts, 2017. Proporciona a estudiantes una metodología propia enfocada en aprender a hablar un nuevo idioma
Lo que hice
Discovery, UX designer, UI manager
Herramientas
Adobe XD (Fireworks), Basecamp, Google Sheets
Contenido
El proceso de diseño que seguimos, siguió un modelo de cascada, organizando cada fase de manera secuencial, desde la investigación inicial hasta la implementación final. En este caso el product manager tenía una visión clara de lo que debería ser la herramienta final y no se preveían cambios de base en la estructura inicial.
Como diseñadora de producto formé parte del equipo tecnológico de PXSP compuesto por una senior lead UX, front-ends, back-ends y product manager. En una fase posterior se sumó un equipo de UI designers que me encargué de supervisar.
Diagrama de Gantt.
01. Investigación
Recolección de requisitos
La plataforma se basaba en la enseñanza especializada del chino mandarín hablado y debía adaptarse para atraer a un público más amplio con idiomas más demandados como inglés, alemán y francés.
La metodología original, además de ser compleja, estaba impregnada de elementos culturales chinos, desde los nombres de las secciones y elementos, hasta las referencias visuales, lo que hacía difícil su transición a otros idiomas.
Objetivos del proyecto
- Conferir universalidad a la plataforma.
- Facilitar la usabilidad de una metodología compleja.
- Reducir el «pánico al cambio»: Lograr que los usuarios actuales adoptaran la nueva plataforma sin sentirse desconectados o perdidos.
Antigua plataforma de aprendizaje de chino.
User Personas
Como parte del análisis inicial, definimos dos User Personas representativas basadas en los objetivos de los usuarios de 8Belts. Aunque su influencia en el diseño final fue limitada, ayudaron a contextualizar el reto inicial de rediseñar la plataforma.
User Personas de 8Belts.
Benchmark y análisis competitivo
Estudiamos otras plataformas líderes en aprendizaje de idiomas como Duolingo, Busuu, Lingvist, Babbel y Rosetta Stone entre otras, para identificar patrones exitosos en la enseñanza de múltiples idiomas.
Resumen de las características proncipanes de las plataformas líderes.
02. Conceptualización
Arquitectura de la información
Para garantizar una navegación eficiente y centrada en el usuario, diseñamos un mapa de navegación que actúa como eje principal, del cual diversifican otras navegaciones específicas.
User flows
Además, desarrollamos varios user flows para identificar cómo los estudiantes interactuarían con las particularidades de la metodología.
Mapa de navegación para dar estructura a la metodología.
Definición de alcance
En esta fase establecimos un alcance que incluyera estos tres pilares descubiertos en la investigación:
- Rediseñar las interfaces para que sean neutras culturalmente.
- Garantizar que la webapp sea completamente responsive.
- Crear un flujo más intuitivo para los ejercicios.
- Mantener los elementos de la metodología original.
Listado de pantallas compartido en Basecamp.
03. Implementación y validación
Desarrollo de producto
El rediseño de la plataforma se fue diseñando de manera colaborativa con el equipo de desarrollo y validada con los stakeholders mediante prototipos.
Wireframes
A través de bocetos y esquemas
- Dimos forma a posibles propuestas y exploramos cómo adaptar elementos a una interfaz universal.
- Se creó un sistema gamificado para mostrar gráficamente el progreso del usuario, manteniendo la lógica del mapeo del idioma y la repetición espaciada.
- Planteamos una estructura de maquetación adaptada a dispositivos móviles.
- Diseñamos mensajes tipo tutorial para explicar las nuevas funcionalidades y comunicar los next steps para los usuarios. Con ello, actualizamos todos los textos de la plataforma.
Creamos flujos de usuario para las tres secciones principales de la metodología (expresiones, diálogos y conversaciones):
1 y 2) Ejemplo de sketching del perfil de usuario.
3 y 4) Esquema del diseño responsive en la webapp, y tutorial de inicio.
1/3
Ejercicio uno: Aprendizaje de expresiones
Esta sección fue rediseñada mejorando el flujo de aprendizaje y revisión, permitiendo a los usuarios gestionar el proceso de repetición espaciada. Las mejoras fueron:
- Los usuarios pueden interactuar con el audio y reproducir las expresiones a velocidad normal o lenta, para mayor flexibilidad.
- Autoevaluación más intuitiva que ajusta automáticamente la frecuencia de reaparición.
- Una interfaz que prioriza el contenido esencial (frases y sus traducciones) para evitar distracciones.
Después VS Antes. Vista de la sección de aprendizaje de expresiones.
2/3
Ejercicio dos: Repaso de diálogos
Rediseñamos la interfaz para agilizar el repaso de diálogos, basado en tareas y progreso claros. Funcionalidades destacadas:
- Los diálogos ahora incluyen pistas visuales que ayudan a los usuarios a conectar las expresiones con interacciones y hacer así un seguimiento secuencial y visual.
- Añadimos una opción para ocultar o mostrar las transcripciones según la preferencia del usuario, fomentando un aprendizaje flexible.
- Organizamos la información en pestañas clasificadas por estados para facilitar la realización de tareas y a su vez, visualizar el progreso.
Después VS Antes. Vista de la sección de diálogos.
3/3
Ejercicio tres: Conversaciones
El flujo de la práctica conversacional fue diseñado prácticamente de cero, con unos pasos a seguir para reservar una conversación. Añadimos las funcionalidades:
- Los usuarios pueden elegir entre diferentes nativos pudiendo filtrar por nombre, disponibilidad o temas de conversación.
- Programar las sesiones directamente y modificarlas, todo en un mismo flujo.
- Panel de conversaciones agendadas y recordatorios desde cualquier punto del dashboard.
- Añadimos una pantalla emergente con el feedback y la puntuación después de cada conversación.
Después VS Antes. Vista de la sección de conversaciones.
04. Impacto
Resultados y logros
Pasamos de tener un producto con un codebase e interfaz de usuario obsoleto, a tener 4 productos funcionales, usables e interrelacionados entre sí. Lo que facilitó el aprendizaje de idiomas a miles de estudiantes atraídos por los nuevos idiomas y la interfaz renovada, logrando los objetivos marcados:
- Incremento en la adopción de usuarios nuevos.
- Mejora en la retención de usuarios existentes, destacando la efectividad del diseño responsive.
- Reconocimiento por parte de los usuarios de los beneficios de una metodología más clara y facil de entender que antes.
- Las métricas de progreso de los usuarios en el curso de 8belts aumentaron notablemente tras la implementación de las mejoras.
Primer proceso completado desde la fase de discovery hasta la de delivery.
Takeaways
Conclusiones
Aunque el rediseño fue un éxito en términos de universalizar la plataforma y hacerla más accesible, sentí que en el proceso se perdió parte de la personalidad única que la hacía especial.
Los elementos culturales del chino, que inicialmente parecían ser una barrera, también aportaban una riqueza y un carácter distintivo.
Hubiera sido interesante (y un desafío) preservar esa esencia mientras mejorásemos la plataforma haciéndola más usable y con una experiencia pedagógica más fácil y entendible.
Esta reflexión me hizo darme cuenta de la importancia de equilibrar la universalidad y la singularidad en los productos digitales, buscando soluciones que no comprometan lo que los hace únicos.
Durante uno de los eventos de 8Belts.
Cuéntame qué te ha parecido por favor, me encanta conocer otros puntos de vista.
