Application Tutorial
Foodies Market
One of the side projects from Foodies Market:
Application tutorial
Purchase
Function:
Tutoring users of how to purchase food through the Foodies app.
UX Design:
Applied Users design process and interaction design with 5 dimensions. Which will be discussed in details as below.
On the right, shows how the app tutoring users of checking up their bills once they have purchased.
Ideas
4D Interaction:
1: Words:
Easy to understand, simple, short and clear.
2: Visual Representations:
Recognizable app functions, by adding filters and graphics, with darkening unnecessary information.
Highlights the useful parts and leads users where to look at, what to press on.
Colors: White and yellow to catch users' attention
3.Physical Objects and Space:
It is a Phone application, with iPhone and Android dominated market. So I designed a layout, with standard pix, for the major group of phone users.
4.Time:
Graphics pop up when users tap on the screen
5. Behavior:
Reasonable positions and reactions for users to operate with.
Allows users to check their bills once they have purchased, so “Check bills” page is also what we concern. Which pops up right after the “functioning” tutorial.