ABC GROCERIES. Trabajo en grupo.

Cristina Martín
Aug 31, 2018 · 5 min read

En el proyecto de ABC Groceries debíamos aplicar toda la metodología aprendida en UX para obtener un UI claro y limpio.

El trabajo fue un proyecto en grupo de 4 semanas divido en dos partes, UX y UI. Mis compañeros eran desde una diseñadora industrial, otra de interiores, un compi de marketing y yo de ADE, mezcla variada donde las haya.

Intentamos en todo momento apoyarnos en nuestro propio background, para poder aportar lo máximo posible al proyecto, y en la toma de decisiones grupales.

Debíamos mantener la esencia de un supermercado regional basado en ofrecer productos de calidad y con una experiencia cercana con el cliente.

Desarrollo UX:

Para el desarrollo de la estrategia de UX recurrimos al Brainstorming para realizar casi todos los canvas. Obtuvimos muchas ideas, algunas similares y otras muy dispares, fue de tal ayuda que en los siguientes proyectos individuales lo seguimos usando reuniéndonos varios compañeros.

El primer canvas que usamos fue el Blueprint, una herramienta que nos permitió tener el foco del proyecto en todo momento ya que las pautas que se definen en él se repiten en distintos ejercicios.

BluePrint

Otra herramienta fundamental para poder definir bien hacia donde queríamos llevar el proyecto es el Lean UX Canvas. Nos plantea un escenario donde no sólo interviene el producto, sino también los usuarios y las posibles soluciones para no salirnos de nuestro objetivo.

A todo esto hay que sumarle las entrevistas y encuestas que nos dieron la idea de cual era el principal inconveniente que encontraba el cliente en la compra online de producto fresco, lo que quiere un usuario y que hacer para una posible captación.

Además diseñamos tres User persona centrándonos en Ana, nuestro User persona principal con los problemas que más habían destacado en las entrevistas: poco tiempo libre, usuario del comercio online pero con recelo a comprar producto fresco vía ecommerce.

User Persona

Para obtener una arquitectura de la información más completa hicimos un card sorting abierto ya que teníamos varias categorías y dudas de como ubicar distintos elementos.

Con todos los elementos anteriormente nombrados además de Affinitty Diagram, User Journey y Empathy map entre otros conseguimos definir nuestro Mind Map con los puntos en los que nos queríamos centrar.

Mind Map

Desarrollo UI:

Por fin entramos en la parte de UI, donde empiezas a ver como ese trabajo abstracto empieza a cobrar vida.

Empezamos creando unos wireframes para testearlos con usuarios viendo si el flujo que teníamos planteado era entendible y lógico para el público, esto dio lugar a algunas modificaciones, lo cual es normal en este punto del proceso.

Para mí, esta fue la parte más complicada, pasábamos de usar papel y boli a usar programas más técnicos que nunca antes había tocado. Si que tuve una toma de contacto durante el prework pero no tan intenso como las 2 semanas de UI que tuvimos.

Otros puntos a definir en el diseño fueron los colores, logo y tipografías. Queríamos un diseño limpio, fácil de entender y con un logo que lo reflejara. Como entrábamos en el comercio online de la venta de comida combinamos ambos factores dando lugar a nuestro logo.

Logo ABC Groceries
Style Guide

Para la elección de colores nos centramos en un color rojo guinda para denotar la pasión y madurez que el cliente demostraba en su trabajo y con color verde rebajado siguiendo así sus pautas éticas de frescura y naturaleza.

Cómo diferenciarnos de la competencia

Comercios de venta online hay muchísimos, pero nuestra idea era mantener la esencia de nuestro cliente, comprar online como si fueras tú mismo el que fuera al supermercado, ¿qué significaba eso para el consumidor? Poder elegir el tipo de corte que quieres en tu producto, el grado de madurez de las piezas que compras.. personalizar el producto para que el cliente sintiera que él mismo lo había elegido. Esta fue una de nuestras features destacables, además de otra tan básica y tan útil como una lista de la compra.

Por regla general cuando acudes a la compra llevas una lista de productos apuntados para que no se te olviden, aunque siempre suele caer alguno más. Con esta feature queríamos que el cliente pudiera crear su lista de la compra, compartirla e incluso guardarla para que cuando decidiera realizar la compra online esos productos se volcaran automáticamente en su cesta y realizar su pedido de forma rápida y sin ningún olvido.

Feature lista de la compra

Hasta aquí mi primera toma de contacto con el mundo UX/UI. Como primera impresión el mundo UX, a pesar de ser algo más abstracto, me ha parecido más sencillo de definir. A pesar de ser cuatro personas, cada una con sus ideas, la idea principal la teníamos tan definida que no nos hemos salido mucho del camino.

El mundo UI es un mundo super interesante y en continuo movimiento, me ha encantado ver como se hacia realidad el producto.

Vengo de un mundo en el que rara vez hay un producto final visible y me ha resultado super motivador, pero también difícil, ya que como he comentado era mi primera toma de contacto.

Estoy muy agradecida del grupo que me ha tocado porque debido a su experiencia en otras materias he aprendido muchísimo.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade