DESCRIPCIÓN DEL PROYECTO

Este proyecto consistió en rediseñar la aplicación Ok to Shop, identificando los principales problemas: navegación, interfaz, funcionalidad y usabilidad. Además, crear una propuesta gráfica funcional para mejorar la experiencia del usuario en la aplicación.

Duración: 3 semanas

Mi rol: investigación de usuarios, jerarquía de la información, prototipado e interacción

Investigación

Entendimiento

Desafío

Ideación

Prototipar

PROCESO

Investigación de usuarios

Primero realizamos entrevistas con el objetivo de determinar qué tan intuitiva y fácil de usar es la aplicación y saber si el usuario comprende -desde que ingresa- cuál es el uso de esta.

Los grandes resultados que obtuvimos fueron los siguientes:

  1. Cuando se utiliza por primera vez, no se logra entender cuál es el objetivo de esta.
  2. Mayoritariamente la usan mamás que tienen hijos con alergias alimentarias.
  3. El 66,6% piensa que la aplicación es fácil de usar y se encuentran rápidamente los productos.
  4. Existen elementos que entorpecen la visibilidad de la aplicación. En consecuencia se pierde información valiosa.

Entendiendo al usuario

Antes de comenzar con las oportunidades de mejora, decidimos crear un user persona que fuera afín a lo que logramos extraer de las entrevistas.

A partir de la herramienta anterior, quisimos crear un viaje de usuario que fuese ideal desde que una mamá sabe que su hijo tiene una alergia alimentaria hasta que finalmente utiliza la aplicación.

Oportunidades de mejora

Basándonos en el análisis y síntesis de toda la información recopilada en el proceso anterior, identificamos las necesidades de los usuarios y las reflejamos en dos grupos de oportunidades de mejoras:

  1. Teniendo información clara y concisa sería más fácil para los usuarios entender el objetivo de la aplicación.
  2. Un mejor diseño de interacción haría la aplicación más amigable.-

¿Cómo podríamos lograr que la información fuese más sencilla para los usuarios? Y, ¿Cómo podríamos hacer que la aplicación sea más amigable y consistente?

EN SIMPLES PALABRAS

Mejorar interfaz, interacción e información ... Pero ¿Cómo?

CUMPLIENDO EL OBJETIVO

Definiendo ideas

Interfaz : resideñaremos la aplicación, cambiando alineación de elementos, tamaño de botones y consistencia en los colores usados.

Interacción: en este punto, se priorizará que la navegación dentro de la aplicación sea más fluida. Para ello, trabajaremos en los botones de volver atrás, volver al inicio y en los filtros al momento de buscar productos.

Información: los esfuerzos en este punto, van a estar centrados en mostrar el objetivo de la aplicación desde que el usuario ingresa y que las instrucciones sean más claras y visuales.

Prototipando

Quisimos que la bienvenida fuese visualmente atractiva, con información precisa, que se pudiese entender fácilmente y llamara a la acción. Además, de realzar los colores corporativos.

Dejamos de utilizar la palabra “perfil” ya que da la sensación de tener que llenar un formulario. Esto a veces produce tedio y posible abandono de la aplicación Por eso, preferimos utilizar la frase “personaliza tu búsqueda”.

También era importante que al completar la búsqueda se guardara la información de los alimentos a evitar, como se muestra a continuación.

Diseñamos un inicio que fuese llamativo. OK to Shop tiene un blog que solo es visible desde el sitio web, por ende, quisimos sacarle provecho a esto y lo incluimos en el inicio de la aplicación, así los usuarios pudiesen tener más contenido para ver.

Por último, rediseñamos la opción “categorías”, ya que antes se llamaba “productos” y tenía una apariencia plana.

Para un mayor entendimiento de la navegación que tiene la aplicación graficamos el recorrido que podría tener el usuario al realizar todas las tareas dispuestas dentro de la aplicación.

Puedes verlo haciendo click aquí.

Puedes ver el siguiente video con el prototipo final y las interacciones de este.