This is part of my KP Design Fellows 2019 application.
My choice of Instacart is born from my experiences as an Instacart user and a roommate frustrated with the experience of splitting bills fairly and transparently.
This was originally posted on Medium in the UX Collective publication --> https://uxdesign.cc/kp-instacart-e74e0e20c10
How’s my share of the bill $65?? I am soo not paying for your weird capellini pasta!
- Establishing Context
Instacart is an on-demand grocery delivery platform bringing groceries and other home essentials right to your doorstep. To achieve this, Instacart is set up as a crowd-sourced marketplace with users connected to shoppers who shop for ordered items and deliver them to the customers. It is one of the few successful players in the current generation of “Uber for X” marketplace startups.
As a busy college student with 3 busy roommates, Instacart is an invaluable part of our lives and is crucial to how we get things done. My experience using Instacart in this context became the root of my proposed feature idea.
As cash strapped students with similar food tastes, we often buy our Instacart groceries from one account and with the roommate who has Instacart Express (we all split the cost on it) handling this. We order common household groceries together and then communicate, what other personal items we’d like to buy. I like extra virgin olive oil (an extra cost than regular oil) and my roommate likes capellini pasta (I think it feels like eating hair). These items are unique to us and since groceries is a cash sensitive item for us, we really only want to pay for what we are consuming. Once our order has been placed, we begin the tedious task of fairly and transparently splitting the bills so everyone pays for only what they bought (house groceries and any personal items).
What if splitting the bill could be handled as part of our checkout process?
It is here that my idea of exploring a way to introduce fairness, transparency, and delight into the bill splitting process after an Instacart order for multi-person households starts.
I believe that unique opportunities lie in the nooks and crannies of a users journey throughout the experience of a product. For Instacart, this opportunity lies in simplifying bill splitting for its users. There is also an added benefit in encouraging users to batch orders increasing the number of higher cost orders.
In this submission, I approached the problem using a modified version of Google Venture’s Design Sprint process focused on tighter iteration and feedback cycles. It was my goal to understand the problem(drawn from focused research), ideate possible solutions, iterate through designs, quickly test them and perform a retrospective to understand the way forward.
I should also note that this is not the only problem I played with. I also mentally experimented with the following ideas:
Instacart Order Genius: Augmenting the discovery experience with a personal assistant that suggests items to buy based on dietary preferences, health goals, and previous orders. I didn’t progress with this idea any further because I couldn’t find any solid data that suggested users didn’t order along the lines of their last order. Also quantifying its benefit to the business in the short term proved difficult. That is, is it in the best interest of the company to direct user shopping behavior in this manner?
Improving the shopper experience: The most immediate issue was I did not know any Instacart Shoppers nor did I have access to the app beyond screenshots. I believe it is a problem worth solving and solving well. If I were to tackle this in the future, I would love to do it with an opportunity to listen with empathy and explore a range of solutions as this concerns the livelihood of people. The time constraint for this challenge meant I needed to know what I couldn’t do as well.
- Who am I solving for?
Design never occurs in a vacuum, there are often stories of how users are hacking their way around a problem. Look for them.
I began my process of understanding the people and stories behind this problem by speaking to 4 of my friends who had roommates. This gave me much-needed insight into how groups of people shop both on and off the Instacart platform. To gain a broader understanding of their Instacart usage, I focused my discussions with them around the following things:
How often they used it for personal vs house groceries? (defined here as items for group consumption).
Why the did or didn’t use the Instacart platform to shop for group groceries
If they did-How often they use it?
If the didn’t- I briefly explored why that was the case to explore any other opportunities to improve the Instacart experience.
How and using what methods is the cost split between roommates when groceries are done?
Insights and Learnings
I was surprised to learn that over half of the roommates I spoke to had either heard of, currently used or planned to use Instacart in the future (other an Uber, apps like Lyft and Instacart are just making their way to my city).
Upon further probing of those that didn’t use Instacart for roommate shopping, I found they did so for reasons that were not directly related to the Instacart experience(for example, preexisting agreements with roommates on cost splits).
From those that did use Instacart for roommate shopping, I learned these about their process of settling a bill:
They split the bill using a calculator on their phone or pen and paper. The cognitive load needed to complete this task came up frequently as a reason for less than stellar Instacart shopping experience.
Paying back the roommate who made the order was done by paying in cash (adding an extra layer of complexity to the roommate who ordered- for example, this needs to be deposited in a bank account) or,
They used online payment options like Interac E-transfer or Venmo.
They did not use the number of bill splitting apps on the app store. They highlighted that they required a line by line breakdown of the order details or a picture of the receipt in order to be remotely useful.
Ultimately, I learned that the process is inconvenient- roommates forgot to pay(leading to a very awkward discussion about owed money). It is also generally inefficient for large grocery orders.
The average time it took roommates to split the bill on a large order (involving personal and household items) from Instacart was 10–15 minutes.
I was also concerned about its effects on their affinity for the platform. They felt it was easier to switch back to in-person shopping where they could pay for personal items in person and save the hassle.
- Problem Definition
Now that I had an understanding of who I was designing for and the problems they faced, I could accurately frame the problem. I went a step further to frame it as though I were a designer at Instacart.
A product manager at Instacart has identified that roommates are using the Instacart platform to shop for large orders of household and personal groceries.
Upon further investigation, a key problem has been identified, they struggle with splitting the bill fairly, transparently and efficiently after a large order. This is causing their number of repeat orders to drop.
Design an experience for roommates to easily split and settle large grocery order bills from within the Instacart app.
- Design Process
Once I felt I had accurately framed the problem. I began the rest of my process.
I find it valuable to get my initial thoughts out into the world as a way to categorize what I am very sure of, fairly sure of and uncertain of. These take of the form of probing, purposefully open-ended questions.
Getting some of my initial questions and uncertainties onto a board where I could visualize them.
Mapping out some key differences between ordering on Instacart as an Individual and as a Roommate household.
Mapping how I would like to go about solving this problem
Performing design audits are a key part of my design process. They provide key insight into how the problem is currently being solved and gives me a starting point for understanding how it can be improved. For this, I audited Uber, Splitwise and Instacart’s Group Carts.
Steps to completing a flow on Uber (Source: Uber Help Page)
Map of bill splitting flow on Splitwise
Analyzing the flows of these systems I learned that:
Uber has incredibly simplified the process of splitting an Uber ride with a friend. It handles the split and charges respective riders. Not having to think about how to split and settle the bill adds an extra layer of delight to the experience that keeps users coming back.
Splitwise is an example of the proverbial killing an ant with a sledgehammer. The app does a lot and perhaps that is its downfall. It’s clear to see why someone attempting to use it to split an Instacart bill might be overwhelmed. It takes away the cognitive load of doing the math on a split but adds a new challenge of understanding a complex interface.
Instacart Group Carts presents the prime opportunity to solve this bill splitting issue. There are a number of concerns I identified while auditing the current flow with users. By far the biggest one was that it was not clear who would be paying the bill. One can see how a perceived lack of transparency can cause hesitation in placing an order. It is not clear who will be charged with the bill (The “Place Order” button was active for both users in the group cart), and the system offers no remediation for settling that bill within the app.
With an understanding of the landscape of products both inside and outside the Instacart, it became clear to me that the best approach to solving the problem of transparency and convenience in group carts on Instacart would be leveraging the existing interface users to demystify how bill splitting and settlement would work.
I set out with a 3 clearly defined goals for my designs drawing from the higher level goal of transparency and convenience:
Clearly show which users are paying as early as possible.
If a split is occurring- Show how the split is occurring and offer clear ways to alter that split.
Show what the total and individual charges as transparently as possible.
Introducing Transparency into Group Carts
My most crucial changes were made in the Group Carts page. To achieve the goal of showing the members of a group cart who is paying as early as possible, I introduced profile indicators in the form of a ring around the profile picture of the group cart members. This ring indicates which users have payments set up and will be charged their cost of the order directly from the app. In the photo below, I expand on other iterations.
Iteration on profile indicators
Handling splitting grocery items.
Now that I had established a way for users to quickly deduce how payments would be handled in the cart. I had to tackle how splits on grocery items would be displayed. I achieved this in 2 ways:
I introduced a “Split Item” option in the grocery item card. By doing this I reduced an interaction that involves multiple conversations to the convenience of tapping a button.
Layering the profile photos of those that were splitting on the grocery item to show who had opted in to split the bill. I made this decision because while it reduces the visibility of the profile photos, it still communicates the idea of multiple people slitting a grocery item and does not obstruct the item itself. In the figure below, I explain the rationale behind these decisions in more detail below.
Iterations on solving the problem of splitting cost in group carts.
Adding clarity to the Checkout Button
Lastly, I redesigned the checkout button with an emphasis on clearly highlighting what an individuals part of the total cost would be.
Iteration on Checkout Button in Carts
Bringing it all together
To demonstrate the flow, I created an Invision prototype --> http://invis.io/32QAGLX7NJA
As a fun easter egg, I also built a landing page for the site using Instacart’s Design System Snacks at https://www.kpinstacart.com/
Redesign of Standard Group Cart and Group Cart with Item Split.
- Wrapping up
Without any official research about how Instacart chooses to design its product, it was difficult to approach any designs that would mean changing core functions. Rather, I drew from my personal experiences using the app.
Group Cart is a feature I use often and I focused on a few specific changes that would drastically improve the experience using the app. Adding profile indicators, a simple system for bill splitting and improving the checkout button all proved to be changes that brought a much-needed breath of life to what can be a very impactful feature.
Given more time and with a bit more data, I would love to test the bill splitting feature observing the advantages and disadvantages of using the system with a broader set of people. I tried to remain objective and critical throughout the process but any designer can attest that without your users you are flying blind.
I really enjoyed the challenge of this project, exploring the Instacart product, learning about its users and ultimately improving myself.