After analyzing the interviews and creating user flows I recognized bill splitting as a big pain point of our interviewees. I noticed that people have two polar ways of splitting payments, so the incorporation of these tasks would become our minimum viable product. During the wireframing process, it became clear that there would be many iterations, so testing these prototypes became crucial in understanding how this bill splitting feature could be intuitive to use. 

In the first few iterations we noticed a lot of confusion about the main screen. We had to reconsider what to prioritize and how users understand bill splitting. Major changes after user testing were: moving the tipping task to the end of a flow, restructuring how to show monetary amounts and re-prioritizing how many actions they could take. 

2014-06-28 14.00.55.jpg

Final Wireframes

I noticed that many people weren’t clear on how much of the bill they had to pay and how much of it was left. Based on the interviews and tests, I decided to show how the bill was split via a clear pie chart that would adjust as people paid. I also noticed confusion about how one could split the payment, so the options were narrowed down to two, one of which gave users the option to adjust their amount in one click. 

The other way people split bills is by item, so I noticed that there was clarity when the virtual bill resembled the physical bill. For easier distinction, food and drink was separated as well as clear visual responses were incorporated so that users could see which items were selected and paid for.

Hi-fidelity Mockups