design of a vending app
DESCRIPTION
Design of a Vending App. Develop an Understanding. Design Problem. M any Vending Machine Banks around campus serving a variety of products Currently most of these machines require “Cash on Delivery” - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/1.jpg)
Design of a Vending AppDevelop an Understanding
![Page 2: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/2.jpg)
![Page 3: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/3.jpg)
Design Problem
Many Vending Machine Banks around campus serving a variety of products
Currently most of these machines require “Cash on Delivery”
In the future these machines will be able to communicate with a user via smart phones or tablet computers.
Our goal - build a tablet based user interface to shop at these vending machines.
![Page 4: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/4.jpg)
Starting the UI Design Process
![Page 5: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/5.jpg)
Information we need before we Design
Who is the user – Persona Devices we will be design for Features/tasks Problems with current design
![Page 6: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/6.jpg)
Developing an Understanding
Who are the Users
Where will this application be used Environment
What Tasks will this application need to support What are the Usability Goals which will make this
application successful from a user perspective What will make this application a business success -
Business goals
![Page 7: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/7.jpg)
Who Are the Users
![Page 8: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/8.jpg)
Who Are the Users
Students – Focal/Primary Faculty and Admin Visitors
![Page 9: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/9.jpg)
Who Are the Users
Students Faculty & Staff Visitors Special need Individuals
![Page 10: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/10.jpg)
Use Environment
![Page 11: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/11.jpg)
Use Environment
Noise Lighting Crowed
![Page 12: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/12.jpg)
Use Environment
Hall ways and lounges Often noisy with lots of people talking and laughing People come, go, stand
Some people might be embarrassed about what they buy
Several individuals might wait in line for vending machine
![Page 13: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/13.jpg)
User Tasks
![Page 14: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/14.jpg)
User Tasks
Setup
Select products
Pay
View price
View calories
Establish connection
Collecting product
Locating nearest machine
View similar products
Price compare
View balance
![Page 15: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/15.jpg)
User Journey
Setup Arrive Shop Buy
Pickup Complete Request help
Major Steps of the interaction
![Page 16: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/16.jpg)
User Tasks (1/2) Setup - After purchasing the App
Setup app – Personal/financial info Arrive - When arriving to the Vending area
System Locate application – Like finding a network on the lap top User sign in - passcode
Shop - Ready to shop Browse available items – Orientation and promotions View Favorites – system will build up based on repeated purchases Locate candidate item
Categories Price Names + Images
Search for a specific item Interrogate system to obtain additional item info View cart status – items, cost Select item
![Page 17: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/17.jpg)
User Tasks (2/2)
Buy - Ready to buy Review cart status Edit cart content Buy
Pickup - Ready to pickup items Be directed to the specific vending machine that
contain my items Complete - Close transaction
Opportunity for feedback Auto close
![Page 18: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/18.jpg)
Usability Goals
![Page 19: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/19.jpg)
Usability Goals
Goal How is it manifested
![Page 20: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/20.jpg)
Usability Goals Promote user trust
About personal info About fiscal info
Minimal data input Amount of data Number of steps
Support decision making Possibly show items I bought in the past Provide relevant info for decision making – e.g., dietary,
allergic Keep user in control
Ability to add delete Feedback about item status, cost
![Page 21: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/21.jpg)
Business Goals
![Page 22: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/22.jpg)
Business goals
![Page 23: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/23.jpg)
Business goals
Sell products Minimize cart abandonment Increase average cart value Build long term relationship with customers –
Return customers Obtain payment Build trust Minimal support needs
![Page 24: Design of a Vending App](https://reader035.vdocuments.mx/reader035/viewer/2022062315/56815f24550346895dcdefb4/html5/thumbnails/24.jpg)
Other Potential Requirements Localization
Multiple languages Different currencies
Accessibility by individuals with special needs Online help
For first time users For issues
How to contact us