2013-14 Term 1 G2 TeamYOLO A3 Paper prototype

From Interaction Design and Prototyping
Jump to: navigation, search
Home Assignments G1 G2 Technology



Video of Scenario #1 - Bill Splitting with Optical Character Recognition (OCR)

Simulation of Scenarios - Try It Yourself!

Walk-through of Scenario #1 - Bill Splitting using Optical Character Recognition (OCR)


1. Vivian paid the total bill. She had to split the bill amongst her friends but hates doing mental calculation. She launches the "Bill Splitter" application.
2. Vivian would be able to choose how many diners are there.
3. Vivian would be given the option to identify diners by inputting their initials or skip this step.
4. Vivian would be able to choose between 2 options: Snapping a Receipt for Optical Character Recognition (OCR) or Enter Bill Items Manually.
5. For this scenario, Vivian decided to make her life easier by choosing the OCR feature (Snap a Receipt). Vivian positions her camera lens over the bill and... CHIC-KeEeEEeeeEeE!
6. Vivian would be given the option to retake her shot on the receipt if it's blur, or use this receipt for "Bill Splitter" to perform OCR. Vivian taps on "USE".
7. "Bill Splitter" would perform OCR, extracts, and then display the relevant fields. Vivian would be given the option to edit the bill items should she find the values extracted are inaccurate (e.g. Salad should be $6.20 instead of $5.20).
8. Vivian edits "Salad" from $5.20 to $6.20.
9. Vivian ?verifies the values extracted with her bill receipt and taps on "CONFIRM".
10. Vivian would be given 2 options to either "Split Evenly" amongst her friends or "Split Unevenly" should there be particular items that ain't shared by another diner. Vivian taps on "Split Unevenly".
11. "Bill Splitter" would display all the items and allow Vivian to split each items accordingly. Vivian is also given the option to "Split The Rest" of the bill items should it be shared by all diners.
12. Vivian taps-and-hold onto the first item. Instantaneously, the "Split The Rest" button would be changed/toggled into a "People Who Shared This Item" plate where Vivian could simply drag-and-drop onto - to split the dish amongst relevant diners.
13. Vivian then, chooses the diners who ate that dish. In this case, she taps on Jieting (JT) and herself.
14. "Bill Splitter" highlights the chosen diners. Vivian verifies her selection of diners and taps on "DONE".
15. Upon confirmation, "Bill Splitter" subtracts the total bill amount accordingly. - In this case, ($36.20 - $15.00) which leaves Vivian with $21.20. Vivian proceeds to "Split The Rest" of the bill as the other 2 dishes are shared amongst all diners.
16. "Bill Splitter" would then show a summary of how much each diner would have to pay Vivian. She also wants to view a detailed breakdown of what Jieting (JT) had shared. She taps on Jieting (JT) avatar.
17. "Bill Splitter" would show a detailed breakdown of the chosen diner and presents Vivian the option to either Send SMS or Email to JT.


Walk-through of Scenario 2: Bill Splitting via Manual Entry


1. Vivian paid for the total bill. She had to split the bill amongst her friends but hates doing mental calculation. She launches the "Bill Splitter" application.
2. Vivian would be able to choose how many diners are there.
3. Vivian would be given the option to identify diners by inputting their initials or skip this step.
4. Vivian would be able to choose between 2 options: Snapping a Receipt for Optical Character Recognition (OCR) or Enter Bill Items Manually. Vivian tried the OCR option, however, her receipt were extremely crumbled with spots of water which causes OCR to display inaccurate data. Instead, she selects to "Bill Items Manually".
5. Vivian would key in the SUBTOTAL (Without Taxes) and taps "NEXT".
6. Vivian would key in the BILL TAX (Service Charge + GST) and taps "NEXT".
7. Vivian would proceed to enter all the dishes on her receipt manually.
8. Vivan would be presented with all the dishes she keyed in manually to begin splitting.
9. Vivian taps-and-hold onto the first item. Instantaneously, the "Split The Rest" button would be changed/toggled into a "People Who Shared This Item" plate where Vivian could simply drag-and-drop onto to split the dish amongst relevant diners.
10. Vivian proceeds to choose the diners who ate that dish. In this case, Jieting (JT) and herself.
11. "Bill Splitter" highlights the chosen diners. Vivian verifies her selection of diners and taps on "DONE".
12. Upon confirmation, "Bill Splitter" subtracts the total bill amount accordingly. - In this case, ($36.20 - $15.00) which leaves Vivian with $21.20. Vivian proceeds to "Split The Rest" of the bill as the other 2 dishes are shared amongst all diners.
13. "Bill Splitter" would then show a summary of how much each diner would have to pay Vivian. She also wants to view a detailed breakdown of what Jieting (JT) had shared. She taps on Jieting (JT) avatar.
14. "Bill Splitter" would show a detailed breakdown of the chosen diner and presents Vivian the option to either Send SMS or Email to JT.