UN COMIENZO
MTG vino a nosotros con una App recién publicada en la Appstore y nos dijo: "Necesitamos una App nueva". Así de claro. Habían invertido una gran cantidad de tiempo y recursos en un producto que una vez en el mercado no cumplía sus necesidades. Eso nos ponía en la situación de tener que convencer a un cliente descontento que podíamos hacerlo mejor, mucho mejor.
El punto de partida, fue tratar de entender que es lo que no funcionaba en la App anterior y por qué se sentían tan decepcionados. Al final la respuesta fue un clásico en los trabajos de agencia, y es que se había creado un producto que no tenía en cuenta a los usuarios finales.
El punto de partida, fue tratar de entender que es lo que no funcionaba en la App anterior y por qué se sentían tan decepcionados. Al final la respuesta fue un clásico en los trabajos de agencia, y es que se había creado un producto que no tenía en cuenta a los usuarios finales.
ESTRATEGIA: DEFINIENDO LA UX
Antes de empezar con el diseño, y después de entender las necesidades de los usuarios, creamos la documentación necesaria que nos permitiera trabajar de forma sólida las siguientes partes del proceso: app map, flujos de navegación, wireframes, interacción...
APP MAP
Diseñando el flujo de la aplicación y conectando las secciones
Decidimos simplificar al máximo todos los elementos de navegación, buscando siempre la solución más sencilla posible para facilitar y agilizar el acceso a los contenidos más importantes.
Diseñando el flujo de la aplicación y conectando las secciones
Decidimos simplificar al máximo todos los elementos de navegación, buscando siempre la solución más sencilla posible para facilitar y agilizar el acceso a los contenidos más importantes.
Wireframing
Organizando el contenido y la funcionalidad
Con la navegación definida, se hicieron wireframes del flujo para determinar los elementos necesarios en cada pantalla, así como la arquitectura de la información y la relación jerárquica entre ellos.
Organizando el contenido y la funcionalidad
Con la navegación definida, se hicieron wireframes del flujo para determinar los elementos necesarios en cada pantalla, así como la arquitectura de la información y la relación jerárquica entre ellos.
Del wireframe a la realidad
Siempre es un momento mágico cuando todo el trabajo previo realizado,
se vuelve real al aplicar la UI al proyecto.
Siempre es un momento mágico cuando todo el trabajo previo realizado,
se vuelve real al aplicar la UI al proyecto.
UI Elements
Iconografía
Imágenes de Background
Screenshots finales
Estas son algunas de las pantallas de la aplicación una vez finalizado el proyecto.
Estas son algunas de las pantallas de la aplicación una vez finalizado el proyecto.