UX research and UI design for a responsive site to share bills between flatmates - Final project for GA UX DI course, summer 2014

1. Splittable
Bill sharing made easy
7th August 2014
Jermaine Dunbar-Reid
Phill Kemp
Marta Fioni

2. Agenda
● Brief
● Our solution
● Our journey: research
● Our journey: testing and prototyping
● Demo
● Next steps

4. Splittable
Bills sharing made easy
Renters Home Owners

5. The Brief
● Add bills and split them between
housemates
● Request, make and settle
payments with cash and PayPal

6. Our Challenge
To simplify the payment process between
multiple users, and make it friendly

7. Our Solution

8. Engagement through notifications

9. Our Journey
Starts with the competition

10. Intuitive graphics
Glorified calculator
Responsive website
Sign in with Facebook only
Pay with PayPal & cash
Cluttered design

11. Flatmate Survey

12. How do you prefer to exchange money with your flatmates?
72% 12%
Pay via bank transfer Pay via cash

13. How many people in your household have a utility bill in their name?
52% 32%
1 person 2 people

14. How do you usually communicate about the bills with your
housemates?
34% 66%
Face to Face Email, Text, Notes
on the fridge

15. In our house
we divvy up on
the 3rd of
every month.
How many
people pay the
bills in your
household?

16. All my bills are
included.
We all get
along, we split
the bills
equally.

17. Our House

18. Alpha
Realm
Love
House
All
Inclusive

19. Alpha
Realm
Love
House
All
Inclusive
50%
25% 25%

20. Our Flatmates

21. Mary Zack James
Alpha Volcano Avoider

22. Light Bulb
Moment

23. Who is the Weakest Link?

24. Zack is the key

25. Zack
“I’m busy, I missed
your message.”
● Doesn’t seek responsibility
● Avoids shared tasks like
cleaning
● Motivation to pay on time
● Bill payment made simple
● Payment confirmation
We can
help

26. James
Mary
I don’t like I don’t like
● Other people not
paying the bills
● Not having
enough respect
We can
help
● Real time payment
confirmation
● Clear display of
house bills
We can
help
● Flatmates paying
me late
● Turnover of
flatmates
● To be paid
quickly

27. Narrowing the scope

29. Instant payment
Branded receipts
Notifications that
motivates

30. Won’t
Accept bank transfers
Notify about new deals
Give penalties or points
Create a high fidelity site

31. Will
Record payments
Send payment request
Show payment history
Display who owes to who
Record paid bills via receipt

32. What motivates Zack?

33. All Flatmates on screen
Traffic Lights
Personal Profile
A
B
C

35. Personal Dashboard

36. A B C

37. Dashboard
Iteration

39. Bills timeline
A
B

40. Bonus
Brief

41. How to represent
bill simplification

43. 93% communication
is nonverbal The brain
processes images
60,000
times faster than text
alone

44. Test A Test B

45. Design it!

46. Findings

47. Our solution

48. Our solution
Prototype

49. Next steps

50. Next Steps
● Visualising bill simplification
● Processing payments
● Solving scheduling of chores
within a household

51. Any questions?