Regalá y recibí regalos de la forma más simple y fácil posible.
¿Te olvidaste de una fecha importante? ¿No sabes qué quiere o necesita la otra persona?
No hay problema, la app te indica sus gustos, artículos que necesita e incluso te permite preguntarle qué quiere de forma anónima.
No hay problema, la app te indica sus gustos, artículos que necesita e incluso te permite preguntarle qué quiere de forma anónima.
En principio, me gustaría aclarar que este es un ejercicio solicitado por la empresa Aerolab en donde tengo que demostrar cómo analizo el siguiente user flow creado por ellos y cómo resuelvo las funcionalidades que faltan indicadas en color naranja.
Como se puede observar, las secciones que tengo que analizar y crear son ¨Explore¨ y ¨Search¨.
Luego de estudiar y analizar el user flow, comencé a realizar algunos diseños conceptuales en papel para tratar de bajar algunas ideas que iban surgiendo en mi cabeza.
Comencé creando el Log in de la app para que la experiencia de usuario sea lo más realista posible al presentar un prototipo de la misma. Tomando la información presentada en el user flow, el log in de la app permite a los usuarios acceder mediante redes sociales como Facebook y Twitter, además del acceso por e-mail.
Al ver que la app ya contaba con una idea clara del log in, automáticamente pensé en cómo el usuario haría el log out de la misma y donde debería ubicarse esta funcionalidad ya que no figura en el user flow entregado. Por tal motivo, se me ocurrió crear una pantalla extra ofreciendo un Menú con funciones adicionales para el usuario, como cambio de idioma, privacidad, tiempo de permanencia en Coddle, ayuda, y finalmente, el log out.
Otro de los requerimientos solicitados era crear un sistema de búsqueda utilizando filtros. Para facilitar la tarea de búsqueda al usuario, pensé en filtros que permitan realizar búsquedas por categoría de productos, distancia con respecto al vendedor, precios de menor a mayor y tiempo estimado de entrega en donde al seleccionar la opción ¨today¨ en Delivery Time le muestra al usuario los productos que realizan entregas en el día teniendo en cuenta la ubicación del usuario. Esto es importante ya que ayudaría a los usuarios que se olvidaron de un evento a obtener un regalo rápidamente.
En la sección Explore, la idea es destacar cada una de las opciones y sus productos para que sean de fácil acceso para los usuarios.
Cada una de estas opciones muestran sus productos mediante el uso de un slide permitiendo al usuario desplazar los productos hacia la izquierda. Esto permite optimizar los espacios y mostrar mayor cantidad de productos por opción.
Cada una de estas opciones muestran sus productos mediante el uso de un slide permitiendo al usuario desplazar los productos hacia la izquierda. Esto permite optimizar los espacios y mostrar mayor cantidad de productos por opción.
Me pareció importante mostrar en 1er lugar la opción ¨Quick Gift¨ con distintas opciones por categoría
(Golosinas, Ropa, Juguetes, etc). Cada producto se visualiza con datos claves como título, valoraciones con estrellas y comentarios, ubicación y distancia entre el usuario y el regalo.
(Golosinas, Ropa, Juguetes, etc). Cada producto se visualiza con datos claves como título, valoraciones con estrellas y comentarios, ubicación y distancia entre el usuario y el regalo.
En la opción ¨Recommended¨, ubicada en 2do lugar, se destacan las diferentes categorías de productos que ofrecen importantes descuentos. El usuario al ingresar a una de estas categorías va a poder observar el listado completo de productos.
En la opción ¨Upcoming Dates¨ le permite al usuario observar de forma muy sencilla que eventos se aproximan de familiares o amigos a los que hay que realizarles un regalo.
En la opción ¨Editor´s Pick¨se muestran productos seleccionados por la plataforma.
En ¨Explore by Category¨ el usuario puede acceder a la categoría de productos que le interesa para encontrar el regalo ideal.
En ¨Trending Gifts¨se muestran los regalos más solicitados por los usuarios de la app.
Todas las opciones ofrecidas en ¨Explore¨ofrecen la opción ¨See all¨ para ver el listado completo.
Para facilitar la búsqueda de productos en estas opciones, se creo un acceso rápido al que denominé ¨Quick Access¨ al lado del texto ¨Exlore¨. Esta opción permite al usuario seleccionar una opción de Explore para que muestre directamente todos sus productos.
También, se agregó el icono de notificaciones para que el usuario sea informado sobre la entrega de productos, gustos o preferencias de familiares o amigos en regalos, ofertas de productos y mucho más..
Luego de analizar y tener definidas las nuevas secciones con los diseños realizados en papel, comencé a crear los wireframes con las funcionalidades requeridas por Aerolab junto a las funcionalidades creadas por mi para poder dar una visión completa de mi idea aplicada en el producto.
Una vez creados los wireframes, la app Coddle iba tomando sentido y cobrando vida.
Tras revisar cada uno de los wireframes y corregir errores visuales y tipográficos, empecé a diseñar cada una de la screens de la app teniendo en cuenta los estilos de la misma.
Por último, cree un prototipo del producto con las nuevas funcionalidades creadas por mí y las integré a las funcionalidades creadas por Aerolab.
