Skip to content

App de previsualización de menú de cervecería

Proyecto UX por Iván Uría como Investigador y diseñador UX

En la cafetería la Buena Vida los sábados tarde-noche tienen un aumento considerable de visitantes y el atender continuamente consultas de estos se hace a costa del servicio prestado en el resto de mesas. Teniendo esto en cuenta, buscamos una forma de encontrar que los visitantes no se vean obligados a pedir la carta al camarero.

 

Investigación del usuario

Procedí a hacer una investigación previa de las opiniones de aplicaciones similares y me encontré con cierta animadversión al uso obligatorio de una aplicación móvil para usar un “simple menú”.


Tras la realización de una encuesta en línea y cuatro entrevistas “ciegas” hablando en general de las cartas/menúes me encuentro con que solo una de las entrevistadas hace referencia indirecta a las cartas virtuales.


En los mapas de empatía encuentro que el principal problema de las cartas de cervezas en cervecerías es la falta de información y que esta está desactualizada.

 

Puntos débiles

  1. "Necesito saber explícitamente si una cerveza tiene o no gluten": La información de alérgenos y ausencia de ellos deberá estar siempre accesible

  2. "Quiero saber qué cerveza me voy a encontrar": Esto es un problema tanto para entendidos de cerveza como solo aficionados 

  3. "Quiero encontrar la cerveza que me gustó la última vez": No siempre se recuerda el nombre y se ha de poder buscar por otros términos

  4. "Quiero poder dividir la cuenta sin molestar a los trabajadores": Como valor añadido de la carta de cerveza se puede ver alguna forma de previsualizar también la cuenta y dividirla

Persona: Jana Romero

Jana Romero es una novia y amiga saturada que necesita salir de cerveceo con su pareja y amigos sin tener que pensar demasiado y así pasárselo ella bien y despreocuparse de las alergias de su pareja y las situaciones típicas que presenta un grupo grande en un bar o cervecería.

Se ve una foto de Jana romero con sus datos personales: 36 años, técnico de farmacio, vive con su pareja en madrid. Se destaca una cita suya: "Demasiados dramas me cuentan a diario para tener que estar preocupada de fiesta". Sus objetivos son: Parárselo bien con sus amigos en la cervecería y probar alguna cerveza nueva. Sus frustraciones son no poder encontrar la cerveza que le encantó la última vez, no tener información de qué cervezas son sin gluten y dividir la cuenta entre todos. Su Bio dice que Jana vive en Madrid con su pareja celiaca. Trabaja en una farmacia 24h con turnos rotativos. Cuando sale con sus amigos quiere pasárselo bien y no tener que pensar demasiado en qué va a tomar, pero le preocupa que su pareja esté a base de las cervezas conocidas y no pueda probar cervezas nuevas por falta de información. También tiene demasiados nombre de medicamentos en la cabeza y nunca recuerda el nombre de otras cosas menos importantes.


 

Wireframes

En papel

El objetivo principal era dar una puerta de entrada al usuario en caso de que entrara en la aplicación a través de la web pública antes siquiera de llegar al local.

Seis viñetas de móvil que muestran diseños muy preliminares de Home

 

Prototipo de baja fidelidad

En el prototipo podemos comprobar como el recorrido del usuario a través de las pantallas desde la búsqueda de cervezas hasta el pago de su parte de la cuenta.

 

 

Resultados del estudio de usabilidad

Se realiza un estudio de usabilidad del prototipo con cinco participantes no moderado y se llegan a las siguientes conclusiones:

  1. Los iconos del recorrido del usuario no son amigables
  2. El uso del buscador predomina sobre el de los filtros
  3. Encontrar la forma de pagar la cuenta online se hace difícil para la mayoría

 

Mockups

 

 

Prototipo de alta resolución

En el prototipo de alta resolución se toma en consideración los tamaños de las letras y los colores corporativos de la cervecería La Buena Vida

 

Consideraciones de accesibilidad

  1. Se utiliza una gama cromática de alto contraste con azules y turquesas muy oscuros sobre grises azulados casi blancos
  2. El CTA principal en el recorrido del usuario tiene un color amarillo que destaca sobre el resto y se encuentra siempre en una posición central y privilegiada sobre el resto de elementos.
  3. Se incluyen descripciones de todos los iconos de botones y se guarda espacio para un futurible de configuración de accesibilidad del usuario pendiente de discusión sobre las limitaciones técnicas de este.

 

Indaga en más