Introducción
En este proyecto te cuento cómo trabajé con Drizline – food delivery app. Los retos de crear una aplicación nativa, los problemas que tuve y cómo los solucioné.
¿Qué es Drizline?
Drizline es una aplicación que automatiza los pedidos en comedores industriales. Pasó de ser una pequeña startup, a ser una aplicación con más de 5 cadenas de operación.
El público meta de Drizline son empresas que tienen afiliadas cafeterías, los usuarios pueden pedir su comida desde una app móvil. Los comedores reciben la petición en una web app y el pedido se realiza, después la orden es llevada a su oficina o se puede consumir desde las instalaciones de la empresa.
Toda la información presentada en este proyecto es pública y fue tomada de las páginas oficiales de la empresa citada. Los proyectos de tecnología son longevos, por ello sólo se presenta las características que se haya publicado desde las fuentes oficiales. Las imágenes son prototipos de alta fidelidad, con fines informativos, no lucrativos.
Mi participación en el proyecto
Para este proyecto tuve la oportunidad de trabajar en el rediseño de su app versión móvil para IOS y Android. Mi cargo fue de diseñador de experiencia de usuario e interfaz de usuario, el tiempo de trabajo fue de 5 meses.
Haciendo una investigación
¿Qué queríamos solucionar? En nuestra investigación nos dimos cuenta que el principal problema de Drizline era su estructura, la interfaz de usuario era bastante complicada de entender, y los usuarios estaban muy inconformes con la experiencia de uso, además sentían incertidumbre al solicitar un pedido.
Principales problemas a solucionar
- Mejor flujo de usuario.
- Registro más sencillo.
- Menos pasos al seleccionar una ubicación y una empresa.
- Mejorar la exploración de productos.
- Reducir la cantidad de pasos para ordenar un producto.
- Diseñar una arquitectura considerado la escalabilidad.
- Crear un mejor diseño visual y de marca.
Diseño centrado en el usuario
Existen 2 tipos de usuarios que usan Drizline. El usuario recurrente, este usuario trabaja para una empresa y come todos los días en su comedor. El usuario variable, este usuario visita una instalación y hace uso casual del la aplicación.
Opciones importantes para el usuario
• Puede registrarse
• Puede ingresar y encontrar platillos, combos y promociones.
• Puede solicitar un platillo y pagar.
• Tiene acceso a descuentos y promociones
• Tiene su billetera y puede agregar saldo a Drizline
• Puede solicitar ayuda
Lo más divertido ¡Soluciones!
Una vez definido los principales problemas, empecé a crear diagramas de flujo y prototipos de toda la arquitectura de la aplicación, junto al equipo lo dividimos en varias etapas de desarrollo y empezamos a aplicar los resultados en un prototipo de alta fidelidad.
El aspecto visual y sus retos
El primer gran reto era el aspecto visual. Como podemos ver en la imagen de abajo, el usuario debe seleccionar su ubicación, después escoge la empresa a la que pertenece o visita. Dependiendo del logo de la empresa, el color de la aplicación cambia (esto se configura desde un administrador). Por ello la aplicación debe tener una cantidad limitada de elementos coloridos, para que el diseño no tenga problemas de legibilidad, o problemas en el desarrollo.
Mi mayor preocupación era agregar los componentes y tener problemas de color con el contraste o legibilidad sobre todo en los navbars, así que decidí proponer una versión muy simple con pocos elementos. El diseño tuvo una aceptación dividida, muchos consideraban que se veía muy vacía y otros les gustaba bastante porque lo consideraban minimalista, por ello presente una evaluación de costos, tiempos y pruebas con los desarrolladores. Finalmente estuvimos desacuerdo que está versión era la correcta, por su simpleza visual que se adaptaba a las necesidades del cliente y su fácil desarrollo por la característica de cambio de color.
Descubrir platillos y productos
Anteriormente para encontrar productos se debía ingresar al restaurante o comedor, después se buscaba los productos en un listado, pero en la nueva versión decidí usar patrones de diseño actuales y brindarles a los usuarios una mejor experiencia para encontrar platillos a su gusto. La idea era que los usuarios no buscaran los platillos, sino que se les recomendara los más populares o cercanos a ellos; como ya lo hacen otras aplicaciones de food delivery.
Una mejor manera de escoger
Reorganizamos la forma de pago, anteriormente se mostraba en forma de lista, pero en la nueva versión decidimos separar cada módulo usando los principios de atomic design, así logramos una mejor legibilidad.
En este ejemplo el usuario puede entrar al perfil de cada restaurante, después escoge su platillo y finalmente puede pagar.
Wallet
En la billetera el usuario puede administrar sus tarjetas ya agregar saldo.
Menor incertidumbre
Quisimos mejorar los pedidos en curso, agregamos opciones de entrega, confirmación de la orden y la posibilidad de escanear un QR. También agregamos una sección para el historial de pedidos.
Aplicación nativa
El desarrollo de Drizline fue nativo, hubo una versión para android y otra para IOS. Ambas pueden ser descargadas en sus portales oficiales.
Drizline en la Appstore 
Drizline en la Playstore
Conclusión del proyecto
Drizline continua en desarrollo, hicimos una gran cantidad de módulos que esperemos ver en un futuro. Fue muy divertido analizar, diseñar y aprender de una startup con tantas necesidades, espero seguir viendo como esta aplicación crece.
Contáctame para trabajar contigo
