Ironhack: Semana 2

Diego M. Molina Canedo
6 min readApr 22, 2018

--

Los #IronMojitos del viernes fueron el descanso tras todo el trabajo de la primera semana. Sin embargo, todavía teníamos que recuperar las tareas pendientes de la semana anterior. No se podía olvidar, que en esta segunda semana, había que terminar el trabajo por grupos y enfrentarnos a la primera exposición dentro de Ironhack.

Día 6: No hay tiempo que perder

Lo más importante para mi equipo era poner en práctica las herramientas pendientes de la semana anterior cuanto antes. Para empezar, nos centramos en realizar una sesión de Brainstorming que consistía en escribir todas las ideas que se nos ocurrieran para el proyecto durante 5 minutos. Tras ello, seleccionamos las más interesantes y las plasmamos en nuestro Mindmap.

La verdad es que cuando nos explicaron el Mindmap nos recordó a los esquemas que utilizábamos en la escuela para estudiar. Sin embargo, nos pareció una herramienta bastante libre que nos sirvió de ayuda para plasmar nuestras ideas en papel. El resultado fue el siguiente:

Mindmap

Por último, para estar al día, realizamos el User Journey, una historia sobre la vida de nuestro usuario. Esta historia, que puede ser actual (donde explicas que problemas tiene tu usuario) o futura (donde explicas cómo tu producto le ayuda a resolver esos problemas), nos dejó claro donde teníamos que centrarnos para superar a la competencia. Aquí podéis ver nuestro colorido resultado:

User Journey

Una vez recuperado el tiempo, nos dispusimos a poner en práctica las herramientas del día: el Sitemap y el Cardsorting.

El Sitemap es un diagrama que nos ayuda a organizar toda la información y las categorías de nuestra web o aplicación móvil. Por otro lado, podemos utilizar Cardsorting, para ver como los usuarios ordenarían esta información, de forma que podamos editar nuestro Sitemap a gusto del consumidor.

Empezamos haciendo un Sitemap basándonos en nuestra experiencia como usuarios de páginas web y utilizamos Cardsorting para modificarlo teniendo en cuenta la muy conocida cita del diseño: “Tú no eres tu usuario”.

Cardsorting

Una vez realizado el Cardsorting a varias personas hicimos una versión final de nuestro Sitemap. Lo cierto es que no se parecía en nada al inicial.

Sitemap

Día 7: Priorizando las ideas

Dedicamos el martes a aprender herramientas para priorizar y definir todas las funcionalidades que habíamos ido encontrando durante el proceso UX.

Para empezar, utilizamos la matriz del método de Moscú (Moscow Method) para clasificar nuestras ideas según su nivel de prioridad. En nuestro caso, decidimos centramos en mejorar la velocidad de compra en la web y el reparto.

Moscow Method

A continuación, escribimos una historia de usuario (User Story) para validar cada una de estas funcionalidades y asegurarnos de que tenían sentido. Podéis ver un ejemplo en esta imagen:

User Story

Por último, dibujamos un flujo de navegación del usuario a lo largo de nuestro producto (User Flow), esto nos facilitaría construir un prototipo en papel al día siguiente.

User Flow

Día 8: Probando nuestra solución

El miércoles fue el día de pasar nuestra posible solución a papel. Para ello, realizamos algunos ejercicios de ideación como crazy-8. Este ejercicio consiste en dedicar 6 minutos a pintar una pantalla de tu producto de 8 formas diferentes (40 segundos por cada una). Y el resultado fue el siguiente:

Prototipo en papel

Una vez que tuvimos todas nuestras pantallas en papel, nos dispusimos a probar nuestro flujo con diferentes usuarios. Esto nos ayudó a determinar qué cosas estaban funcionando bien y cuáles se debían cambiar. Además, obtuvimos un montón de sugerencias que tendríamos en cuenta para nuestro prototipo de media fidelidad.

Día 9: Preparando la presentación

El cuarto día de la semana estuvo centrado en preparar la presentación en diapositivas de nuestro producto. Además, puesto que en una de ellas debía incluirse un video de demostración de nuestra solución, también tuvimos que ponernos con el prototipo de media fidelidad en Sketch.

Prototipo de media fidelidad

Sketch es un programa bastante intuitivo, sin embargo, pasar unas 15 pantallas de papel a ordenador utilizándolo requirió toda la tarde. Todas las acciones que pudieran tener los usuarios debían estar disponibles y también teníamos que añadir cambios que solucionaran los problemas encontrados durante el testeo con usuarios.

Al final del día teníamos montada también una presentación de diapositivas que terminaríamos de mejorar antes de la presentación.

Día 10: Invision y presentación

Viernes, día de presentaciones, las tareas de última hora y la gestión de los nervios iban a jugar un papel crucial.

Empezamos la mañana importando todas nuestras pantallas al proyecto de Invision e incluyendo todas las posibles interacciones de los usuarios sobre ellas. Posteriormente, una vez ya estaba todo montado, nos dispusimos a decidir cuál era el flujo final que íbamos a mostrar en la presentación y en qué orden iba a aparecer cada pantalla. Para terminar, grabamos este flujo en vídeo utilizando QuickTime. Tuvimos que realizar unos 5 o 6 vídeos hasta que conseguimos ajustar su duración al tiempo que teníamos disponible.

Vídeo incluido en una diapositiva de la presentación

Por último, aprobamos los textos e imágenes que irían en nuestra presentación y nos repartimos las diapositivas que explicaría cada uno. Una vez lo hicimos nos pusimos a ensayar en grupo en torno a un guión.

Es muy importante apoyar y animar a tus compañeros de equipo con más miedo a presentar en público. Tienen que saber que pueden estar tranquilos porque no tendrán ningún reproche y acudirás en su ayuda si se quedan en blanco.

Una vez pasada la hora de comer era la hora de presentar. Por suerte, fuimos el primer equipo en hacerlo, por lo que pudimos analizar las presentaciones de todos los demás una vez soltados todos los nervios.

Portada de nuestra presentación

Las presentaciones fueron bastante desastrosas como era de esperar, era nuestra primera vez y no sabíamos muy bien lo que iba a pasar. La ronda de preguntas nos resultó bastante dura, aunque creo que defendimos nuestro trabajo bastante bien. Además, nos dimos cuenta de muchos fallos de diseño que habíamos cometido. En definitiva, teníamos un gran listado de cosas que mejorar durante las siguientes semanas.

El día terminó con el feedback sobre nuestras presentaciones y con unas charlas bastante interesantes con compañeros y profesores durante las #IronBeers.

--

--