Proyecto 6: Teech (UX/UI)
Semanas 8 & 9 — Creación de una App para profesores autónomos (Versión en español)
INTRODUCCIÓN
Ya han llegado las dos últimas semanas del Bootcamp y nos tenemos que afrontar al último proyecto individual. Al igual que el anterior proyecto, tuvimos que llegar el lunes con varios problemas y ver cuáles iban a ser validados. No había ningún tema impuesto, pero nos recomendaron escoger un problema que nos gustaba y que controlábamos. Como profesora autónoma de francés, me había dado cuenta con mis colegas del siguiente problema:
Los profesores autónomos tienen a sus alumnos en distintos canales por lo cual no tienen buena visibilidad de su trabajo y de sus ganancias.
FASE DE UX
Duración: 5 días
Empatizar
Para empezar, tenía que validar mi problema gracias al proceso de research. Usé el Lean Survey Canvas para preparar mi encuesta y mis entrevistas. También realicé un Competitive Analysis. Al final, de las 40 encuestas y de las 15 entrevistas, he podido sacar la información siguiente:
Definir
El segundo día, empecé a recopilar toda la información del research gracias al Affinity Diagram y formulé el Lean UX Canvas para poder definir mejor el problema, definir los business outcomes y los Users benefits.
A continuación, me puse en la piel de mi usuario y para poder hacerlo realicé el User Persona y luego el User Journey. Me puse en la piel de Steve, profesor autónomo de inglés en Madrid. Steve da clases en academias, online, pero también da clases particulares. Le gusta mucho su trabajo, pero siente que no tiene todo el control que le gustaría tener y se preocupa mucho porque su salario es muy variable.
Después, hice el User Scenario para ver como mi herramienta podría afectar el día de mi usuario. En este caso podemos ver como gracias a la herramienta, nuestro usuario tiene mejor control de sus horarios, de su cartera de alumnos y de sus ganancias.
Idear
El miércoles, entramos en la fase de ideación. Realizar un Brainstorming y un Mindmap me ha ayudado mucho para imaginar una posible solución a mi problema. De allí, realicé un Crazy Eights para darle vida a mis ideas.
Solución
Gracias a todo este proceso, ya tenía una idea mucho más clara de mi solución. Crear una app para los profesores autónomos que les permita tener a mano su agenda de clases (con la posibilidad de aportar modificaciones en cualquier momento, así cómo tener controlado los grupos de trabajo), una cartera de alumnos ordenada en función de los distintos sitios dónde los profesores imparten clases para tener mejor visibilidad de los alumnos y tener todos los contactos en un mismo lugar y, por último, y no menos importante, una funcionalidad que les permita ver el estado de sus ganancias sin que tengan que ir contando a final de mes, y que les permita establecer un objetivo mensual para tener control sobre el salario.
Prototipar y Testear
Primero, realicé un Card sorting para organizar la información y poder realizar el Site map de mi aplicación. A continuación, dibujé el Low-fi, lo testé y luego dibujé el Mid-fi. También fue necesario dibujar el User Flow para ver cuál sería el recorrido del usuario por la App. En este caso, me ha resultado un poco difícil encontrar el User Flow ideal que me permita enseñar de la mejor forma posible el MVP.
FASE DE UI
duración: 5 días
La última semana, la dedicamos a la fase UI del proyecto. Realizar un moodboard era imprescindible para poder definir los atributos de la marca, y luego escoger los colores y la tipografía de mi app. No ha sido una tarea fácil encontrar fotos sobre profesores autónomos y me ha costado mucho, pero al final conseguí mi objetivo. Gracias a la encuesta, los usuarios definieron la marca como profesional, funcional y personalizada.
Del moodboard, se han destacado dos colores: el azul y el naranja. De allí, empecé a hacer test en unas de mis pantallas para ver el resultado y testearlo con usuarios y también comprobé que mis colores eran accesibles. Al final, decidí usar la tipografía SF Compact Rounded porque es limpia y fácil de leer y sobre todo el lado redondo correspondía a una app de organización donde hay pocos textos largos.
A continuación, empecé a pensar en el nombre y el logo de mi marca y realicé el Style tiles, el Style Guide y el UI Kit. Finalmente, gracias a todas esas herramientas, pude dibujar el High-Fi Prototype que podemos ver abajo.
Nuestro usuario se identifica y llega a la pantalla inicial dónde encuentra su agenda y puede ver un poco el estado de su semana. Puede entrar en cualquier clase y aportar modificaciones. Hoy, nuestro usuario quiere añadir un alumno nuevo así que se va a la sección de alumnos, selecciona el canal que corresponda al nuevo alumno, en este caso “clases particulares” y le da al botón “+” para añadirle. Tiene que rellenar una ficha informativa sobre el alumno así como establecer los horarios. Para terminar, el usuario se va a la sección de ganancias para revisar su salario mensual y controlar su objetivo del mes.
Próximos pasos y monetización
Como próximos pasos, tocaría desarrollar en profundidad la parte del seguimiento del alumno para optimizar aún más el trabajo del profesor autónomo así como imaginar la versión tableta o web de la aplicación. Si hablamos de monetización, se podría proponer un modelo de pago único o una suscripción a la app.
APRENDIZAJE
Este último proyecto en Ironhack ha sido de nuevo muy enriquecedor. Al ser el sexto proyecto y el segundo individual, noté que tenía mejor control de las herramientas y del tiempo. Me he organizado bien a pesar del cansancio acumulado de las nueve semanas y conseguí dedicarle más tiempo al High-fi y al keynote. También pude contar con el apoyo de mis compañeros en todo momento y realicé muchos tests con ellos para poder mejorar en cada momento el proyecto.
Para terminar, puedo afirmar que encontré en el Bootcamp lo que venía buscando: salir de mi zona de confort, aprender haciendo y practicando, y conocer a gente con talento. Me ha encantado el mundo del UX/UI y sólo deseo una cosa: que esto no pare.
Espero volver pronto con más proyectos,
Muchas gracias por leerme,
Estelle.
P.D. Espero vuestras preguntas y estoy disponible para trabajar. Os dejo mi mail por aquí: e.martini26@gmail.com.
You can also find this article in English here:
https://e-martini26.medium.com/project-6-teech-ux-ui-7f6387b7dbf
