Aplicación

Cervecera La Ingobernable

El producto

Cervecera La Ingobernable es una productora cooperativa mexicana de cerveza artesanal que cuenta con cuatro estilos diferentes. Cuenta con una tienda ubicada al sur de la Ciudad de México y busca ofrecer además de sus productos, una amplia línea de cervezas tanto nacionales como internacionales para lo cual apuntará no solo a clientes locales sino también a clientes del resto de México y que por la distancia y/o falta de tiempo no pueden acercarse a la ubicación de su tienda.

El problema

Clientes ocupados o que por la distancia no tienen el tiempo necesario para acercarse a la ubicación de la tienda.

El objetivo

Diseñar una aplicación para Cervecera La Ingobernable que permita a los usuarios hacer compras de cerveza artesanal con entrega a domicilio.

Mi rol

Diseñador de UX a cargo de crear una aplicación para Cervecera La Ingobernable desde la concepción hasta la entrega.

Responsabilidades

Realización de entrevistas, esquemas en papel y digitales, creación de prototipos de baja y alta fidelidad, realización de estudios de facilidad de uso, accesibilidad e iteración de diseños.

ENTENDER AL USUARIO

Investigación de usuarios
Personas
Mapas de recorrido del usuario

Investigación sobre los usuarios

Realicé entrevistas y desarrolle mapas de empatía para entender a los usuarios, sobre todo, para identificar sus necesidades. Un grupo de usuarios primario identificado a través de la investigación fueron personas que no tienen tiempo suficiente para acudir a la tienda física.
Este grupo de usuarios confirmó las suposiciones iniciales sobre los usuarios de Cervecera La Ingobernable, sin embargo, la investigación también mostró que el tiempo no era el único factor que limitaba a los usuarios a la hora de hacer sus compras. Los usuarios también tenían otros problemas, como la distancia o el lugar de residencia, desafíos que les complicaba acudir a la tienda en persona.

Puntos débiles

Persona: Nancy Torres

Mapa de recorrido del usuario

Crear un mapa de recorrido del usuario reveló lo útil que sería para los usuarios tener una app dedicada a la venta de cerveza artesanal.

Diseño

Esquemas de página en papel
Esquemas de página digitales
Prototipo de baja fidelidad
Estudios de usabilidad

Esquemas de página en papel

Realizar esquemas de página en papel de cada pantalla de la aplicación permitió que los elementos que llegaron a convertirse en esquemas de página digitales fueran los correctos para abordar las dificultades del usuario. Se priorizo el desarrollo de un proceso de selección, compra y pago rápido y simple para evitar que los usuarios perdieran tiempo o se les dificultara.

Esquemas de página digitales

Conforme la fase inicial del diseño continuaba, me aseguré de realizar los diseños de las pantallas según los comentarios y los resultados de la investigación de usuarios.

Prototipo de baja fidelidad

Partiendo del conjunto completo de esquemas de página digitales, creé un prototipo de baja fidelidad. El flujo de usuario principal que conecté fue el de elegir, comprar y pagar algunos productos, por lo que el prototipo pudo usarse en un estudio de facilidad de uso.

Estudio de facilidad de uso: hallazgos

Realicé dos rondas de estudios de facilidad de uso. Los hallazgos del primer estudio ayudaron a guiar los diseños para convertirlos de esquemas de página en maquetas. El segundo estudio utilizó un prototipo de alta fidelidad y reveló qué aspectos de las maquetas necesitaban refinarse.

Perfeccionamiento del diseño

Maquetas
Prototipo de alta fidelidad
Accesibilidad

Maquetas

Los primeros diseños permitían cierto nivel de personalización, pero, después de los estudios de facilidad de uso, agregué algunas opciones para elegir algún producto. También modifiqué el diseño para que los usuarios puedan ver las opciones de productos y temas cuando lleguen por primera vez a la pantalla.

Maquetas principales

Recorrido principal de usuario.

Prototipo de alta fidelidad

El prototipo final de alta fidelidad permite una navegación más fluida, mientras que los elementos gráficos refinados y estilizados, así como los textos descriptivos de los íconos permiten una mejor experiencia al usuario.