Revista online para personas que necesitan inspiración y estar informadas en su día a día.
El encargo consistía en crear una revista digital, centrada en los usuarios que les gusta estar informado de las nuevas tendencias e inspirarse, ver de que manera se podría realizar la revista, que sea atractiva para las personas.
Utilizamos los principios de Lean UX en el desarrollo de "OGGI" para centrarnos en los usuarios y sus necesidades en cada fase del proceso de diseño.
Luego realizamos un Trello, para poder organizarnos, con la que establecimos tareas y subtareas, y cerramos una serie de técnicas y metodologías con las que trabajar en cada tramo del proyecto.
Mi tarea fue realizar el Diseño UX, Diseño de Interacción y parte de Diseño Visual.
Organización en Trello · OGGI Magazine
Este proyecto al tener un tiempo limitado de 3 semanas para entregar complete en 1 semana el Research que nos dieron.
Parte de Research venía dado junto con el User Persona, es por eso que solo realicé un Desk Research y un Benchmark para obtener más información con que trabajar y continuar con las técnicas elegidas para ir desarrollando el producto.
Comencé con el Desk Research leyendo información ya existente para adentrarme más en el problema, esto me permitió recopilar y resumir información para aumentar la eficacia general de la investigación.
Los Insights o hallazgos obtenidos fueron los siguientes.
Hallazgos del Desk Research · OGGI Magazine
Enlace de hallazgos
https://viapodcast.fm/por-que-estan-tan-de-moda-los-podcasts/https://www.cityexpress.com/blog/que-contenidos-prefieren-leer-las-nuevas-generacionesContinúe con un Benchmark, análisis de competidores, con una variedad de revistas, para obtener una mejor comprensión del panorama competitivo. Esto me sirvió para conocer como se encontraba el mercado, qué cosas estaba haciendo la competencia, ver las mejores prácticas y tendencias del mercado y comenzar a vislumbrar cuál sería el rumbo del producto.
Benchmark · OGGI Magazine
Partiendo de un User Persona que me dieron los Stakeholder, realice unas modificaciones agregándole una serie de aspectos que en el anterior perfil quedaba un tanto superficial y estereotipado.
La información del user persona se centró en sus comportamientos, necesidades y objetivos, así como su interacción personal.
User Persona Martina · OGGI Magazine
Para determinar el lugar en el que queríamos situar nuestro producto hice un esquema mediante un Brand Positioning, situando respecto a diversos valores (Recargado vs. minimalista y Fashion vs. Lifestyle).
Brand positioning · OGGI Magazine
Basándome en toda la información que ya tenía definí el PMV.
Una revista online que ofrece diferentes formas de consumir información mediante audio, vídeo y texto para que nuestros usuarios puedan compaginar con su vida diaria.
Con los datos obtenidos realicé las User Stories que me permitieron enfocar el diseño en las necesidades del usuario y el por qué de las mismas.
“Yo Martina, como persona con poco tiempo libre, quiero poder leer o escuchar contenidos real filtrados por mis intereses, para poder optimizar mi tiempo”
Ya teniendo las necesidades, realice un JTBD con esto pude ver que quiere o necesita el usuario, las tareas que quiere que el producto haga por él, definí 3 JTBD y esto me permitió sacar la funcionalidad que tendrá el producto.
Jobs to be done · OGGI Magazine
Creé un diagrama de flujo de usuario para mapear cada paso de la interacción del usuario requerida para lograr el objetivo principal e identificar áreas conflictivas reduciendo la fricción.
“Como nuestra User Persona Martina, la cual trabaja mucho en el sector de la moda, por lo que tiene poco tiempo para leer, así que suele hacerlo de camino al trabajo o de vuelta a casa en el metro”.
Va a entrar en OGGI Magazine, a través de un anuncio en una red social en su teléfono.
User flow · OGGI Magazine
En esta etapa del proyecto, mi atención se centró en el diseño de estructuras metálicas para móvil.
Con boceto en papel dibujé cada iteración y agregué los elementos y pantallas que eran necesarios para alcanzar los objetivos de los usuarios, para ver rápidamente qué ideas funcionaban mejor e iterar de forma más rápida.
Teste los bocetos con 3 personas.
Hallazgos del test fueron:
Cambiar la opción de compartir y de guardar.
Por lo tanto la iteración sobre el prototipo fue:
Se modificó la opción de compartir y guardar para la parte interior y que siempre acompañe el texto.
Wireframes Low-Fi · OGGI Magazine
Convertí mis bocetos revisados en un prototipo interactivo en blanco y negro. Definí los elementos de la interfaz de usuario, patrones de diseño y jerarquía visual.
Se hizo un Test de usuario del prototipo navegable con 4 personas.
Hallazgos del test fueron:
Por lo tanto la iteración sobre el prototipo fue:
Las conclusiones obtenidas durante los test fueron modificadas en el wireframes Mid-Fi y también implementadas en el prototipo de alta fidelidad.
Wireframes Mid-Fi · OGGI Magazine
Cada una creo su Moodboards, que nos ayudó a establecer las principales ideas e inspiraciones que buscábamos en cuanto a color, composición o tipografía, lo cual favorece el proceso creativo.
Moodboards · OGGI Magazine
Realizamos la Guía de Estilo, para guardar coherencia y armonía en todo lo que se refiera a OGGI como marca.
Style Guide · OGGI Magazine
Yo diseñe la versión Home Desktop y parte de la versión Mobile el primer articulo, el menú y la pantalla de moda.
El objetivo era un aspecto limpio y moderno que ayudara a los usuarios a cumplir sus objetivos rápidamente.
Realizamos una serie de animaciones con Principle.
Trabajar en este proyecto me dio la oportunidad de trabajar en equipo, valoro mucho eso porque aprendí a organizarme con mi compañera, repartir roles según las habilidades de cada uno y apoyarnos siempre, conocí como trabajar de forma colaborativa con Trello, pienso que es una parte muy importante del trabajo en equipo como diseñadora UX.
Aprendí con los datos que ya me habían dado del user personas como complementar para continuar con la investigación, ya que es imprescindible para poder diseñar un buen producto que resuelve las necesidades de los usuarios y les aporte valor. Conocer las necesidades y los puntos débiles de los usuarios me ayudó a crear una experiencia fluida e integral.
Y en la parte de UI aprendí la necesidad de diseñar la interfaz con el uso de un layout y el desafío diseñar con Figma, ya que hasta entonces sólo había utilizado Sketch.
