La Nevera Roja es un servicio de comida a domicilio que agrega más de 4,000 restaurantes. El documento describe el desarrollo de una aplicación móvil nativa para iOS para La Nevera Roja para mejorar la experiencia del usuario y aprovechar las funcionalidades del dispositivo móvil como notificaciones y geolocalización. El proceso incluyó el análisis del proceso de compra, el diseño de prototipos, y la optimización del contenido para facilitar la búsqueda y selección de restaurantes.
3. www.ideup.com 3
Caso de estudio
La Nevera Roja
Conceptualización, diseño y desarrollo de una aplicación móvil nativa para
iOS a partir del sitio web de La Nevera Roja.
Cliente: La Nevera Roja es un servicio de comida a domicilio que agrega la
oferta de más de 4.000 restaurantes en España en un buscador y que permite
al usuario realizar un pedido online o telefónico.
La Nevera Roja ejerce el rol de intermediario entre los restaurantes y los
usuarios finales, facilitando el servicio de venta online a muchos restaurantes.
4. www.ideup.com 4
Situación
La Nevera Roja
En un entorno dónde el sector m-commerce está creciendo a un ritmo
vertiginoso comparado con el crecimiento de Internet y España es el país
europeo donde más han aumentado las compras a través de smartphones,
según datos del Mobile World Congress Barcelona 2013 (MWC).
La inversión en marketing móvil ha crecido en 2012 un 45% y unos 14
millones de españoles compraron a través del móvil respecto al año
anterior; es decir más del 60% de usuarios de smartphones que hay en
nuestro país.
Los usuarios han aumentado su nivel de exigencia en el consumo de
contenidos a través de medios multiplataforma, de modo que resulta obvio
que al menos el sitio web debe responder a las exigencias mínimas de
visualización de iOS o Android.
5. www.ideup.com 5
Situación La Nevera Roja
La Nevera Roja
Disponer de una aplicación móvil les ayudaría a solventar algunas de las
principales limitaciones de su página web.
• No hay seguimiento de pedido ni estado del mismo y la única interacción que
se realiza con el usuario en el proceso de compra es cuando el restaurante
indica la hora aproximada de entrega.
• A todo esto debemos sumarle un gran volumen de información que debemos
ser capaces de condensar y presentar adecuadamente con el objetivo de
facilitar la experiencia a los usuarios.
¿El reto? Conceptualizar y desarrollar una app móvil centrada en los
usuarios: tan sencillo como abrir la nevera de tu casa, desde el móvil.
6. www.ideup.com 6
La web no es suficiente, el usuario está en el móvil
La Nevera Roja
Antes de tomar una decisión era importante decidir qué tipo de solución
encajaba mejor con las necesidades de nuestro cliente.
La app nativa tiene un gran componente de fidelización, nos permite
sacar todo el partido al dispositivo y además, aporta ventajas añadidas que
tienen como resultado una mejora de la experiencia de usuario. Y además,
están especialmente diseñadas para funcionar en dispositivos determinados
con un sistema operativo y firmware.
7. www.ideup.com 7
Desarrollo de la app nativa para iOS
La Nevera Roja
• Nos permitirá el envío de notificaciones Push: para anunciar
promociones, avisar del estado del pedido y enviar alarmas.
• Las compras dentro de la app se realizarán a través de la cuenta de
usuario del dispositivo móvil, por lo que el proceso se simplificará y será
necesario facilitar los datos de la tarjeta de crédito.
• A diferencia de las aplicaciones web, las aplicaciones nativas proporcionan
una mejor experiencia de usuario, puesto que la interfaz no tiene que
cargarse junto con el resto de datos.
• Permiten la sincronización o el cacheo de datos para funcionar off-line.
De esta manera, el usuario podrá acceder a los contenidos de la aplicación
incluso cuando no haya buena cobertura de red.
• Además, podremos valorar la inclusión de algunos componentes sociales
(Compartir el pedido en redes sociales, crear mesas de invitados y
fragmentar los pagos.)
8. www.ideup.com 8
Proceso de compra: abre la nevera y elige tu menú
La Nevera Roja
Para comprender el proceso de desarrollo y diseño de la aplicación de La
Nevera Roja, antes era necesario analizar el proceso de compra paso a paso:
• El usuario accede a la página web, realiza el pedido y efectúa el pago (pago
con tarjeta o paypal).
• La Nevera Roja tiene instalado un TPV en cada restaurante al que transmite
la información del pedido.
• El restaurante recibe la información, acusa recibo de la misma e indica la
hora aproximada de entrega.
• Se genera un aviso en la cuenta del usuario: “Tu pedido está atendido”.
• Se entrega el pedido.
• La Nevera Roja paga al restaurante el importe debido restando su comisión.
9.
10. www.ideup.com 10
Diseño de la arquitectura de La Nevera Roja
La Nevera Roja
Definida el contenido básico de las distintas pantallas y esbozados los flujos
de interacción; desarrollamos los prototipos de la aplicación.
De este modo, conseguimos una perspectiva básica de la arquitectura de
contenido que nos permitirá solventar posibles problemas de interacción
antes de pasar a la siguiente fase: el diseño visual.
A continuación; podemos ver los prototipos y el diseño final del proceso de
registro: un método de búsqueda de restaurantes muy intuitivo.
11.
12. Comprar desde el móvil, una nueva experiencia
La Nevera Roja
www.ideup.com 12
Uno de los retos principales era condensar el volumen de contenido que La
Nevera Roja tenía en su sitio web y optimizarlo para incluirlo en la aplicación.
Debíamos ser capaces de desarrollar funciones muy concretas sacando
partido a las distintas funcionalidades que un dispositivo móvil nos ofrece:
• Geolocalización
• Búsquedas filtradas
De este modo, enriquecemos la selección de un restaurante haciéndola más
sencilla y práctica para los clientes.
13.
14. Gracias a una estructura de contenidos en niveles de relevancia para el
usuario, una vez seleccionado un restaurante podremos ver en la pantalla
la información clave (horario, formas de pago, el componente social de
recomendaciones, etc.) antes de acceder a información secundaria que en
muchos casos provocaría la distracción y pérdida del usuario en la
navegación.
Los restaurantes tan accesibles como la nevera de casa
La Nevera Roja
www.ideup.com 14
15.
16. El registro como usuario permite almacenar los datos de pedidos
frecuentes:
• Pedidos recientes
• Estado de los pedidos
• Restaurantes consultados
• Importe de cada pedido
• Fecha
No sólo llevamos los restaurantes a casa sino que además se almacena la
información de forma práctica y personalizada para futuras visitas o
consultas.
El registro de los datos de la tarjeta se muestra en una pantalla única, un
solo impacto visual. Una vez realizado el pedido el cliente puede registrarlo
como habitual por si desea repetirlo en el futuro. Además, el pedido podrá ser
anulado y será posible ponerse en contacto con el establecimiento vía e-mail
o telefónica directamente desde la aplicación, evitando así interrupciones.
Una app centrada en el usuario
La Nevera Roja
www.ideup.com 16
17.
18.
19.
20. Los clientes pueden valorar cada restaurante o establecimiento y añadir
comentarios que posteriormente se mostraran en el feed de información
básica del establecimiento ayudando a otros usuarios a tomar su decisión. Se
invita a la creación de comunidades en torno a los restaurantes y a la
compartición en redes sociales.
Con el objetivo de fidelizar y premiar el uso de la aplicación, desarrollamos un
plan de incentivos de “neveuros”, a través del cual los usuarios pueden
acumular puntos que podrán utilizar en futuros pedidos como descuento.
Componente social: comentarios,recomendaciones y
fidelización
La Nevera Roja
www.ideup.com 20
21.
22. El secreto de esta app es su alto nivel de usabilidad:
• Una app conceptualizada con el usuario como protagonista dónde se
resuelven sus principales necesidades.
• Un sistema GPS de geolocalización para hallar los establecimientos que dan
comidas a domicilio en las proximidades del usuario.
• Búsqueda filtrada (precio máximo, tiempo de entrega del pedido, tipos de
comida)
Ya está disponible para iOS y próximamente la veremos en Android.
La Nevera Roja ha multiplicado por 15 sus pedidos en
el último año
La Nevera Roja
www.ideup.com 22
23. Gracias.
This work is licensed under a Creative Commons Attribution-NoDerivs 3.0 Unported License