Interface Usability Assessment of Foodie Paradise App: ITC 504

Desklib provides past papers and solved assignments for students. This report details the Foodie Paradise app interface redesign.

ITC 504
INTERFACE USABILITY
ASSESSMENT ITEM 4
Student name: Gurjinder Singh
Student name: Muhammad Arsalan
1

Contents
Introduction......................................................................................................................................4
Descriptions of “Foodie Paradise” Interface’s Screens...................................................................5
Correction in the Interface Design’s Screens:...............................................................................55
Navigation Path.............................................................................................................................56
Conclusion.....................................................................................................................................57
References......................................................................................................................................58
Lists of Figures:
Figure 1: Welcome Screen...............................................................................................................5
Figure 2: Welcome Screen’s Navigation.........................................................................................6
Figure 3: Registration Screen..........................................................................................................7
Figure 4: Registration Screen’s Navigation.....................................................................................8
Figure 5: Login Screen....................................................................................................................9
Figure 6: Login Screen’s Navigation.............................................................................................10
Figure 7: Guest Users....................................................................................................................11
Figure 8: Guest Users Screen’s Navigation...................................................................................12
Figure 9: Table Booking Screen....................................................................................................13
Figure 10: Table Booking Screen’s Navigation............................................................................14
Figure 11: Home Screen................................................................................................................15
Figure 12: Home Screen’s Navigation..........................................................................................16
Figure 13: Menus Screen...............................................................................................................17
Figure 14: Menus Screen’s Navigation.........................................................................................18
Figure 15: Starters Screen..............................................................................................................19
Figure 16: Starters Screen’s Navigation........................................................................................20
Figure 17: Spring Rolls Starters screen.........................................................................................21
Figure 18: Spring Rolls Starters Screen’s Navigation...................................................................22
Figure 19: Main Course Screen.....................................................................................................23
Figure 20: Main Course Screen’s Navigation...............................................................................24
Figure 21: Basil Chicken Main Course Screen..............................................................................25
Figure 22: Basil Chicken Main Course Screen’s Navigation........................................................26
Figure 23: Drinks Screen...............................................................................................................27
Figure 24: Drinks Screen’s Navigation.........................................................................................28
Figure 25: Coke Drink Screen.......................................................................................................29
2

Figure 26: Cock Drink Screen’s Navigation.................................................................................30
Figure 27: Desserts Screen............................................................................................................31
Figure 28: Dessert Screen’s Navigation........................................................................................32
Figure 29: Brownie Desserts Screen..............................................................................................33
Figure 30: Brownie Desserts Screen’s Navigation........................................................................34
Figure 31: Set Menus Screen.........................................................................................................35
Figure 32: Set Menus Screen’s Navigation...................................................................................36
Figure 33: Italian Combo Set Menus Screen.................................................................................37
Figure 34: Italian Combo Set Menus Screen’s Navigation...........................................................38
Figure 35: Cart Screen...................................................................................................................39
Figure 36: Cart Screen’s Navigation.............................................................................................40
Figure 37: Payment Mode Screen..................................................................................................41
Figure 38: Payment Mode Screen’s Navigation............................................................................42
Figure 39: Payment Screen............................................................................................................43
Figure 40: Payment Screen’s Navigation......................................................................................44
Figure 41: Order Status Screen......................................................................................................45
Figure 42: Order Status Screen’s Navigation:...............................................................................46
Figure 43: Users Profile Screen.....................................................................................................47
Figure 44: Users Profile Screen’s Navigation...............................................................................48
Figure 45: Contact us Screen.........................................................................................................49
Figure 46: Contact Us Screen’s Navigation..................................................................................50
Figure 47: Offers and Discount Screen.........................................................................................51
Figure 48: Contact Us Screen’s Navigation..................................................................................52
Figure 49: FAQ Screen..................................................................................................................53
Figure 50: FAQ Screen’s Navigation............................................................................................54
3

Introduction
This report is preparing for providing the detail information of correction in the interface design
of the table-based application of the local restaurant of “Foodie Paradise”. All the correction of
this interface design has been done with the help of an evaluation report which is created by
another group’s members. For performing the correction, the usability principles are used by the
team members. With the help of these corrections, numbers of new features will apply in the
screen of this interface design. Therefore, customers will receive the numbers of good services
with the help of these corrections. Numbers of the new feature will provide in this new design
such as error prevention, input validation, proper linking, loading techniques and other types of
features. This report will also provide the final design of the table-based application of the local
restaurant of “Foodie Paradise”.
4

Descriptions of “Foodie Paradise” Interface’s Screens
Welcome Screen:
Figure 1: Welcome Screen
Purpose of this Screen: This screen is working as the introduction screen for the regular and
guest customers.
Use of Components in this Screen: The restaurant’s logo with name, labels, buttons,
background colors, icons of social media sites are using in this screen.
Customers can do: The regular and guest customers can log in and book the table with the help
of this screen.
Contributions of Each Member:
Gurjinder Singh: Correct the alignment of the screen.
Muhammad Arsalan: Check the linking of this screen.
5

Welcome Screen’s Navigation: With the help of this screen, customers can navigate to “Login”,
“Registration” and “Guest users” screen.
Figure 2: Welcome Screen’s Navigation
6

Registration Screen:
Figure 3: Registration Screen
Purpose of this Screen: This screen is using for registration purpose and used by the regular
customers.
Use of Components in this Screen: The restaurant’s logo with name, labels, buttons,
background colors, icons of social media sites, text boxes and check-boxes are using in this
screen.
Customers can do: The regular customers can register and book the table with the help of this
screen.
Contributions of Each Member:
Gurjinder Singh: Remove extra components of a screen and add breadcrumbs for navigation
path.
Muhammad Arsalan: Use input validation method in phone text fields of this screen.
7

Registration Screen’s Navigation: With the help of this screen, customers can navigate to
“loading” and “Table booking” screen.
Figure 4: Registration Screen’s Navigation
8

Login Screen:
Figure 5: Login Screen
Purpose of this Screen: Login screen is using for login and table booking purpose and used by
the regular customers.
Use of Components in this Screen: The restaurant’s logo with name, labels, buttons,
background colors, icons of social media sites, text boxes and check-boxes are using in this
screen.
Customers can do: The regular customers can login and book the table with the help of this
screen.
Contributions of Each Member:
Gurjinder Singh: Use input validation method in phone text fields of this screen.
Muhammad Arsalan: Remove extra components of the screen and add breadcrumbs for
navigation path.
9

Login Screen’s Navigation: With the help of this screen, customers can navigate to sub-screen
of the login screen and table booking screen.
Figure 6: Login Screen’s Navigation
10

Guest Users:
Figure 7: Guest Users
Purpose of this Screen: Guest users screen is using for table booking purpose and used by the
casual customers.
Use of Components in this Screen: The restaurant’s logo with name, labels, buttons,
background colors, icons of social media sites, text boxes and check-boxes are using in this
screen.
Customers can do: The casual customers can book the table and order the food with the help of
this screen.
Contributions of Each Member:
Gurjinder Singh: Use input validation method in phone text fields of this screen and remove
extra components of the screen.
Muhammad Arsalan: Design another screen of menus page and hide the user login features
11

Guest Users Screen’s Navigation: With the help of this screen, guest customers can navigate to
home and food menus screen.
Figure 8: Guest Users Screen’s Navigation
12