A better grocery list experience was something our loyal customers requested a lot over the years, and we decided to tackle it in the middle of 2018. It was a brand new project and an interesting challenge.
Craft the best solution to add and organize grocery items on the app.
Craft the best solution view your grocery list while shopping.
A good grocery experience will increase retention in the long term.
WHAT DID WE TRY TO SOLVE
End to end design: research, wire-framing, design, prototyping and usability. Yep, all of it.
iOS, & Android
MY ROLE
PLATFORMS
Increase in retention on week 1-2 among new users.
Engagement increase in adding grocery items among existing users.
77% of iOS users & 81% of Android users who made onboarding, used the feature at least 3 times.
TL;DR
ANY.DO | A SMARTER GROCERY LIST
Main pain points
We had good data regarding how people do their grocery on the app, but the best way was to talk with them. There was a lot of pain points attached to 2 core experiences:
What did the data tell us?
Building blocks
Solving problems for existing users
Design is never done.
Being one of the world’s most popular to-do list apps, Any.do had access to a lot of grocery data. More than 2/3 of our user base just threw their groceries in the All Tasks view alongside their regular to-do’s. The rest did keep a separated list for groceries, some even with multiple lists per chain (Costco, Whole Foods, etc’).
We had access to what grocery items users add from all over the world, and could easily suggest popular items in specific geographies.
We were hoping to help the unorganized users with a better grocery list experience, and provide the already organized an improvement for adding items and help them as they shop in the actual store.
We had access to what grocery items users add from all over the world, and could easily suggest popular items in specific geographies.
We were hoping to help the unorganized users with a better grocery list experience, and provide the already organized an improvement for adding items and help them as they shop in the actual store.
I started at the end. How would the perfect grocery list appear when our customers will be at their local store? One of the first things we aimed to solve and place inside the product was the categorization by aisles.
We wanted to create a strong impression that this is better than anything else our user experienced and analyzed roughly 500,000 items in 10 different languages.
We wanted to create a strong impression that this is better than anything else our user experienced and analyzed roughly 500,000 items in 10 different languages.
Getting new users to use the grocery list feature was pretty straightforward. We also needed to address the millions who already used Any.do as their go-to grocery list.
1. Users who had grocery items in their to-do list were promoted to add them to a separate grocery list.
2. Users who had an existing grocery list were prompted to convert it to the new list or be automatically converted if they had more than 80% grocery items in their old list
3. Users with multiple lists were offered to convert each one separately.
1. Users who had grocery items in their to-do list were promoted to add them to a separate grocery list.
2. Users who had an existing grocery list were prompted to convert it to the new list or be automatically converted if they had more than 80% grocery items in their old list
3. Users with multiple lists were offered to convert each one separately.
We pushed this feature for our iOS client on September 2018 and received great feedback. On December 2018 it was released on Android. The lists are already supported by Amazon Alexa and the Google Assistant, meaning users can add items to their grocery list and get it everywhere synced and sorted to aisles. Apple watch support was ready from the get-go, and is in high usage.
But design is never done :)
But design is never done :)
Early guerrilla testings showed people understood the main interface and liked the categorization, but when asked about the adding screen, they felt it was a slower experience in comparison to quickly adding a task on the home screen.
We got a far better feedback when using the action sheet module as a grocery list and the quick add bar from the main tasks page, as a method to insert grocery items.
Increase in retention on week 1-2 among new users.
Engagement increase in adding grocery items among existing users.
77% of iOS users & 81% of Android users who made onboarding, used the feature at least 3 times.
Final Results
Preparing a grocery list:
Shopping at the store: