Use case
Laboratorio Lingüístico
Herramienta interna diseñada para que los lingüistas puedan crear material de aprendizaje de idiomas para la plataforma 8Belts. Transformamos procesos manuales en flujos eficientes y colaborativos.
Producto
Aplicación de aprendizaje web 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 research, Design
Herramientas
Adobe XD (Fireworks), Basecamp
Contenido
Proceso de diseño
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 había posibilidad de cambios al tratarse de una herramienta de uso interno.
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.
Este proyecto destacó por tener un entorno de trabajo único, ya que los usuarios objetivo eran los propios compañeros del equipo lingüístico, permitiendo una comunicación constante y una comprensión profunda de sus necesidades reales.
Diagrama de Gantt.
01. Investigación
Recolección de requisitos
El proyecto comenzó con un análisis funcional del briefing y una investigación directa con los usuarios objetivo: los propios lingüistas de 8Belts. A parte de estudiar qué querían, realizamos una observación directa y participación activa con grupos específicos de usuarios para conocer qué necesitaban. Cómo lo hicimos:
Observación y contexto
Nos sumergimos en su día a día, tomando notas, croquis y fotos para hacernos una idea general de cómo los lingüistas entregan valor. En ese flujo detectamos y anotamos los problemas que identificamos en su proceso de trabajo.
Facilitamos sesiones guiadas para profundizar en sus necesidades, pero también prestamos atención a charlas informales (incluso durante descansos), que revelaron oportunidades para funcionalidades clave.
Capturando ideas: momentos del departamento lingüístico.
02. Conceptualización
User Personas
A partir del análisis del flujo de trabajo existente definimos los roles lingüistas. Esto nos permitió entender a fondo e identificar las tareas, motivaciones y frustraciones específicas de cada perfil involucrado en la creación y gestión de material didáctico.
Roles clave del laboratorio lingüístico.
Arquitectura de la información
Antes de la implementación, los lingüistas trabajaban de forma manual con hojas de Excel extensas y complejas. Una vez recopilada toda la información, la etiquetamos mediante indexación de contenidos, asignando categorías y etiquetas a los distintos elementos, lo que permitiría localizarlos rápidamente mediante un buscador.
Existen dos tipos de contenido llamados Expresiones y Diálogos. Cada unidad de contenido está formada a su vez por varias expresiones con sus respectivas traducciones y locuciones, que indexamos por idioma, tipo de archivo, tema, etc.
Taxonomía
Para dar sentido a los grandes volúmenes de datos, también necesitamos visualizar cómo están relacionados los grupos de elementos entre sí, según una estructura lógica y jerárquica. Para facilitar la navegación, agrupamos los contenidos en niveles de dificultad y dentro de esos niveles, agrupamos subniveles por temas específicos.
Hojas de Excel usadas por los lingüistas.
Diagrama de flujo.
Definición de alcance
En esta fase establecimos un alcance que incluyera estos tres pilares descubiertos en la investigación:
- Creación de la herramienta para lingüistas, que facilitara la gestión y creación de contenido; y el seguimiento de las distintas tareas.
- Adaptación de la plataforma a los diferentes roles, asegurando que cada uno tuviera funcionalidades específicas según sus necesidades.
- Colaboración en el flujo de creación de contenido, integrando un sistema de comentarios para lograr una interacción eficiente.
Síntesis
Con el alcance definido, empezamos elaborando listas detalladas de pantallas, y para cada una, definimos las funcionalidades que debía incluir y las compartimos con todo el equipo en Basecamp. Este enfoque nos permitió mantener un desarrollo organizado y alineado con todo el equipo.
Listado de pantallas compartido en Basecamp.
03. Implementación y validación
Desarrollo de producto
Cada solución de diseño fue trabajada en conjunto con el equipo de desarrollo y validada con los lingüistas mediante pruebas de usabilidad con prototipos.
Este proceso permitió iterar rápidamente, identificar mejoras y asegurar que las funcionalidades respondieran a las necesidades reales de los usuarios. De esta forma entregamos una solución de diseño muy refinada antes de su implementación final. Estas son las secciones principales:
Wireframe de la creación y edición de diálogo.
1/6
Interfaz de creación de módulos de contenido
Diseñamos una herramienta que permitiera a los lingüistas crear y editar contenido (Expresiones y Diálogos) de forma intuitiva. Este panel ofrecía control total sobre los elementos del diálogo, asegurando que se pudieran personalizar según los objetivos pedagógicos. Funciones principales:
- Edición directa de contenido, con opciones para añadir contexto, niveles de dificultad y metadatos.
- Diseño modular para organizar diálogos en bloques reutilizables y reordenables.
- Cambio del estado de progreso.
- Subir o eliminar archivos de audio.
- Agregar, editar o eliminar traduciones por intervención.
- Posibilidad de previsualizar el diálogo antes de publicarlo.
High-fidelity, creación y edición de diálogo.
2/6
Base de datos con buscador avanzado
El sistema estaba compuesto por una base de datos con una interfaz intuitiva que mostraba resúmenes clave del contenido para facilitar su identificación y exploración; donde se podía acceder a la vista deseada rápidamente mediante filtros personalizados. Características según el rol de usuario:
- Filtros personalizados: Por rol, tema, nivel de dificultad, idioma, y más.
- Resúmenes visuales por cada entrada para facilitar su identificación.
- Opciones de ordenación: Por fecha de creación, nivel, prioridad, estado, cambios recientes o por número de comentarios.
- Acciones rápidas: como editar nombre, estado, duplicar o eliminar.
- Acciones en lote: Seleccionar varios, y cambiar su estado o eliminarlos.
- Cambiar la vista: en modo lista o modo galería.
- Tabs según la ubicación: en desarrollo, publicado o descartado.
Wireframe del listado de contenido.
Vista de la base de datos de contenido.
3/6
Sistema de estados y asignación de tareas
Para mejorar la colaboración entre roles, implementamos un sistema de estados asignables que reflejaba el progreso de cada unidad de contenido, desde su creación hasta la publicación final. Funcionalidades destacadas:
- Introdujimos estados asignables para cada unidad de contenido.
- Los lingüistas podían asignar tareas a otros miembros del equipo.
- Cada cambio de estado generaba notificaciones automáticas para los usuarios implicados, mejorando la comunicación entre roles.
- Visualización clara del flujo de trabajo, con filtros para priorizar tareas pendientes.
Wireframe de asignación de estados y tareas.
Vista de asignación de estados y tareas.
4/6
Sistema de comentarios
Introdujimos una función de conmentarios por cada unidad de contenido, para facilitar la discusión sobre elementos específicos. Características principales según el rol de usuario:
- Los usuarios podían comentar directamente en las distintas intervenciones.
- Añadir prioridad, para balancear la carga de trabajo.
- Asignar destinatario: individual o a un rol.
- Centro de notificaciones para mantener a los usuarios actualizados sobre comentarios o cambios de estado.
- Archivar comentarios implementados.
Vista de creación de un comentario, y del centro de notificaciones.
5/6
Change Log
El registro de cambios se diseñó para proporcionar una visión clara y detallada del historial de modificaciones realizadas en el contenido, y facilitar así, el seguimiento. Estos fueron los beneficios:
- Permitió a los lingüistas hacer el seguimiento de un contenido, consultar su fecha de creación e histórico de cambios.
- Generó reportes automatizados, facilitando el seguimiento del tiempo invertido y los resultados obtenidos.
- Ayudó a identificar patrones de mejora en el flujo de trabajo.
Vista del historial de cambios en una unidad de contenido, estadísticas y estados.
6/6
Panel de Analíticas
Como funcionalidad extra, conectamos el laboratorio lingüístico con la plataforma de aprendizaje usada por los alumnos, y desarrollamos un panel de métricas para dar visibilidad al rendimiento del contenido:
- Estadísticas sobre el uso del contenido por parte de los estudiantes.
- Datos en tiempo real sobre el progreso de media de los alumnos en cada idioma.
- Identificación de los contenidos más efectivos en el aprendizaje.
Esta herramienta complementaria a todo el sistema de creación de contenidos, ayudó a generar contenido que funcione mejor en el aprendizaje de los alumnos.
Vista del panel de analíticas del laboratorio lingüístico.
04. Impacto
Resultados y logros
Al final del proceso, entregamos una herramienta completamente funcional que transformó la forma de trabajo de los lingüistas, logrando los objetivos marcados. Pasaron de trabajar con hojas de Excel extensas y poco dinámicas a utilizar una herramienta colaborativa que optimizó su flujo de trabajo.
- Aumento de la productividad: Gracias a la automatización de tareas y la mejora en la colaboración.
- Satisfacción del equipo: El cambio fue muy bien recibido por los usuarios finales, quienes destacaron la facilidad de uso y las nuevas funcionalidades, que hicieron que su trabajo diario fuera más gratificante.
- Cumplimos los objetivos de negocio: La mejora en la gestión de contenido permitió alcanzar las metas de la empresa de manera más eficiente, pasando de soportar dos idiomas a cuatro en menos tiempo.
Takeaways
Conclusiones
Esta experiencia fue especialmente enriquecedora por poder:
- Colaborar tan de cerca con los usuarios finales, lo que garantizó un producto ajustado a las necesidades reales.
- Explorar soluciones innovadoras que combinaron productividad, colaboración y datos en un solo sistema.
- Comprobar que, sorprendentemente, funcionalidades no solicitadas inicialmente, como el panel de métricas o el registro de cambios, terminaron siendo herramientas esenciales para ellos.
- Cubrir necesidades que no sabían expresar, lo que se tradujo en un equipo motivado, al sentirse respaldado por un sistema diseñado específicamente para sus retos diarios.
- Ayudar, gracias al uso de datos, a crear contenido didáctico más efectivo para los estudiantes.
Nos grabaron un vídeo de agradecimiento ♥
Cuéntame qué te ha parecido por favor, me encanta conocer otros puntos de vista.