![sketch profile mobile](img/dossiers/ruta-00.png)
Objetivo
-
- Conferir universalidad a la plataforma.
-
- Usabilidad a una compleja metodología.
-
- Reducir el "pánico al cambio".
![cristalera de las oficinas, en el proceso de braingstorming](img/dossiers/ruta-01.png)
![calendar con los deadlines](img/dossiers/ruta-01-2responsive.png)
BENCHMARK
Para el rediseño y mejora del producto realizamos un análisis de la competencia. Analizamos las apps, su metodología, y realizamos una valoración de sus puntos fuertes y débiles.
![Competencia de 8 b](img/dossiers/ruta-02.png)
![Competencia de 8 b](img/dossiers/ruta-02responsive.png)
![Competencia de 8 b](img/dossiers/ruta-03.png)
![Competencia de 8 b](img/dossiers/ruta-03responsive.png)
Personas
Creamos perfiles con la técnica personas (resumen abajo). Dentro de nuestros usuarios cabe diferenciar entre miembro, probador, ex-probador y ex-miembro. Por lo que el objetivo de algunas partes del producto será la captación, como la prueba gratuita. Y otros, la mejora de la experiencia de aprendizaje.
-
- Ejecutivo diferente
- Aspira a ser mejor profesional, y lo quiere lograr de una forma disruptiva y basada en la ciencia.
- Su mayor frustración es la pérdida de tiempo. Tiene miedo al fracaso, al no poder adherirse a un sistema aburrido como los que vivió en el pasado.
-
- Empresario diferente
- Quiere tener una empresa bilingue y ofrecer a sus profesionales una herramienta de moda y con resultados.
- Su mayor frustración es no llevar el control, las soluciones que ha encontrado hasta ahora no permiten gestión del aprovechamiento.
AI
Se creó un mapa de navegación del que diversifican otras navegaciones. Se plantearon user flows para entender como diferentes perfiles se desplazarían a través de varias funcionalidades y que sentían en el proceso.
![mapa de miniaturas](img/dossiers/ruta-05.png)
![mapa de miniaturas](img/dossiers/ruta-05responsive.png)
Organización
Debido a la complejidad del proyecto, la organización tuvo un papel fundamental. Hubo varios diseñadores UX, grupo de UI, maquetadores, programadores, jefes de proyecto... Todos trabajando simultáneamente en varias partes del proyecto. Por lo que usamos basecamp: Todo registrado, todo contabilizado. Así veíamos dónde podíamos mejorar.
![captura de basecamp](img/dossiers/ruta-06responsive.png)
![captura de basecamp](img/dossiers/ruta-06responsive.png)
Y el equipo de diseño además configuró un excel colaborativo en la nube. De este modo teníamos a la vista el listado de todas las pantallas y su estado de diseño.
![captura de excel](img/dossiers/ruta-07responsive.png)
![captura de excel](img/dossiers/ruta-07responsive.png)
![sketch sobre responsive](img/dossiers/ruta-07_2.png)
![sketch sobre responsive](img/dossiers/ruta-07_2responsive.png)
Sketching
Fue muy importante el "kick off": aterrizamos toda la información, funcionalidades y especificaciones recogidas, rápidamente. Como el desarrollo de las funcionalidades del perfil de usuario:
![sketch de las secciones de perfil](img/dossiers/ruta-08.png)
![sketch de las secciones de perfil](img/dossiers/ruta-08responsive.png)
Sketching sobre el menú gamificado y aviso recordatorio:
![sketch de las secciones de perfil](img/dossiers/ruta-09.png)
Creando el entrenador de idiomas, que funciona como un coach personal, que va guiando al usuario por el mapeo del idioma:
![sketch de las secciones de perfil](img/dossiers/ruta-10.png)
Wireframes
Punto clave. Necesitábamos una representación visual del producto para optimizar la navegación, generar los primeros prototipos, y las primeras pruebas con usuarios. Así se verá el área de aprendizaje y retención:
![expresiones mobile](img/dossiers/ruta-27-1.png)
Así simplificamos y mejoramos la usabilidad en la escucha y comprensión de diálogos del usuario:
![diálogos mobile](img/dossiers/ruta-27-2.png)
Así simplificamos el menú desplegable, y gamificamos el avance del usuario con la representación del clima:
![menu composición](img/dossiers/ruta-28.png)
Así se notificará al usuario de los recordatorios importantes como cuándo tiene la próxima conversación y datos relevantes.
![conversacion en curso](img/dossiers/ruta-25.png)
Proceso nº 45
Vamos a desglosar una de las funcionalidades de la plataforma: La sala de reservar conversaciones.
![el super proceso](img/dossiers/ruta-18.png)
![el super proceso](img/dossiers/ruta-18responsive.png)
![el super proceso](img/dossiers/ruta-19.png)
Resultado
Todavía seguimos trabajando. Pero estamos ante un entrenador de idiomas pensado para que el usuario acelere su aprendizaje al máximo y se sienta motivado. Todo ha sido pensado para hablar desde ¡ya!
![](img/dossiers/ruta-31.png)