Before I jump far into visual design, I took my time to validate the initial problem. By doing that, not only I have the assurance that my assumption is valid, but also I managed to gather further pain points from real users. Then I conduct a user research to dig deeper from users' perspective when ordering multiple foods/drinks with friends using GoFood.
Objective
Methodology
Conducting Research
I managed to gain information from users’ perspectives on how they use GoFood and how they calculate how much each person must pay when ordering food/drinks together through 1 GoFood account. So, there are five participants in this research, and the research itself was conducted by phone call. You can access the research here.
After conducting qualitative research to 5 users, I realize that there are repetitive problems users have encountered when doing the task. From that point, I can address three key issues I can possibly tackle.
Insights
Problems
Can't find the price per item in the transaction history, causing it hard to calculate the bill.
Sometimes user loses the calculation when with a large group of people and the items ordered are too many.
Oftentimes friends forgot to pay the bill or forget how much he/she has to pay.
Project Goal & Proposed Solution
How might we make the transaction history able to help users to calculate their bills easily?
How might we assist users with a large group of people ordered together & the items ordered are too many by making a feature to help write down the orders & calculate complex numbers?
Make split bill feature in GoFood
Make split bill feature able to apply discount per item
Make split bill feature able to add sub-items
Make split bill feature able to add friend(s) who didn’t have GoPay account
How might we help users to remind his/her friends to pay their bills?
Integrate GoFood’s bill with “Request GoPay” feature
Make split bill feature able to share the calculation to Email or WhatsApp
design
Improvement 1
Before, on the history page user can’t see the price per item. So the solution to this problem is; show the price per item, just like a common receipt, and also show the discount that certain orders get.
Improvement 2
In this problem, there is no feature that helps user calculate their bill, so I developed a split bill feature, where user can apply discounts per item, can add sub-items, and also can add friends who didn’t have a GoPay account. This should be directly after user sees the transaction history to the page where user can see how much each one should pay.
Problem 3
Oftentimes friends forgot to pay the bill or forget how much he/she has to pay.
test
Summary
Users felt pleased when they now can see the price per item, which before they can’t. It helped them to know how many items they have ordered and how much each item costs.
Pain Points
For some users, the size of the fonts seems too small, reducing the readability.
Iteration
Resize some text.
Before
After
Summary
Most users like this feature and find it very helpful when they want to calculate each person’s bill. Users find it very helpful especially because they don’t have to calculate manually using a calculator or through Ms. Excel, the user can know the bill per person automatically.
Pain Point 1
The Bill Details button on the summary page is too small.
Solution 1
Change the size of the Bill Details button to be larger.
Before
After
Pain Point 2
The Checkbox & Avatar size on the Assign Items page is also too small.
Solution 2
Change the size of the Checkbox & Avatar on the Assign Items page to be larger.
Before
After
Pain Point 3
The size of the name in the Contact Card component on the Split Bill With page is also too small.
Solution 3
Change the name font size in the Contact Card component on the Slit Bill With page to be larger.
Before
After
Pain Point 4
Users find it difficult when they want to split the bill with new people who are not in their phone contacts.
Solution 4
Allows users to add new people by entering their name only, and later on, the avatar will show their initials.
Before
After
Summary
Most users who feel disinclined when they want to collect or remind their friends to pay bills found out that this feature is helpful. Without the need to charge/remind again, user just has to share the bills with his friends.
Pain Point 1
Users feel confused about what the purpose of Request GoPay’s and Share are distinguished for.
Solution 1
Put Request GoPay feature into the Share button, and make 1 button only so that users will not be confused.
Before
After
Pain Point 2
When charging, some users notice that not all of their friends have GoPay accounts so that it will be difficult for the payment process later.
Solution 2
Make more flexible choices when the user wants to share the bill with his friends by creating a new page.
Before
After
prototype
Conclusion