Overview
In this assignment, you create a page design for a tablet device that confirms a customer’s bill payment.
Preparation
- Download the Week 8 Assignment Template (attached). Use it to complete this assignment.
- Choose a graphic design software that will enable you to create a basic rendering of a GUI for a tablet device.
Scenario
The restaurant owner in the Course Scenario has requested to add the ability to collect email and/or phone numbers (for promotions) when the customer pays the bill on the POS tablet. You have been asked to design it.
Instructions
Consider the scenario and the request for added functionality and design the following:
1. Bill Pay Page Navigation Diagram
Create a diagram that accurately depicts the pages (and their associated navigation) associated with the bill payment process and includes the request for additional functionality. The starting point should be the Pay Bill Page which is populated with the bill total and request for a payment method – Debit/Credit Card or Cash (Note: a choice of cash payment should trigger an alert to the server to collect payment). Consider all pages associated with a successful bill payment and the option for the customer to add an email and/or phone number, including all expected confirmation pages and the ability to get a receipt.
Hints: There should be at least 8 pages. Are all transactions approved? Textbook Figure 7.6 provides an example of this type of diagram.
Take a screenshot of your diagram and paste it into the Week 8 Assignment Template.
2. Bill Pay Complete Confirmation Page GUI Design
Note: This should be one of the pages you identified in step 1.
Create a GUI for the Bill Pay Confirmation Page that includes the requested additional functionality (option to add contact information).
Your design should intuitively allow the customer to complete the required operations through a look and feel that includes navigation, colors, input indicators, fonts, etc., that enhance usability. The design should be appropriate for a tablet device and minimally include:
- Payment method complete confirmation including:
- Payment Method.
- Card Charged (or cash to server).
- An invitation to the customer to share their email or phone that includes an explanation of why it is being requested.
- Appropriate messaging to support these functions.