ITC504 Interface Usability Assessment Item 4: Working Prototype

Desklib provides solved assignments and past papers to help students succeed.

ITC504 - INTERFACE USABILITY -
ASSESSMENT ITEM 4 - WORKING
PROTOTYPE
STUDENT ID-
STUDENT NAME-

Contents
Introduction......................................................................................................................................7
Login Screen....................................................................................................................................8
Register Screen..............................................................................................................................10
Facebook Screen............................................................................................................................12
Google login Screen......................................................................................................................14
Twitter login Screen......................................................................................................................16
Welcome Screen............................................................................................................................18
New Movie Information Screen....................................................................................................21
Movie Screen.................................................................................................................................22
Movie Information Screen.............................................................................................................24
Enquiry Screen...............................................................................................................................26
Movie Time Screen........................................................................................................................28
Movie Seat Screen.........................................................................................................................30
Show Seat Screen..........................................................................................................................32
Seat Screen.....................................................................................................................................33
Extra Facilities Screen...................................................................................................................34
Parking and Food Facilities Screen...............................................................................................36
Payment Screen.............................................................................................................................38
Offer Screen...................................................................................................................................40
Coupon Screen...............................................................................................................................42
Cash Back Screen..........................................................................................................................44
Coupon Code Screen.....................................................................................................................46
Card Details Screen.......................................................................................................................48
Ticket confirmation Screen............................................................................................................50
Seat Confirmation Screen..............................................................................................................52
Seat Not Confirmation Screen.......................................................................................................54
Payment Successfully Screen........................................................................................................56
Ticket Screen.................................................................................................................................58
Ticket Information Screen.............................................................................................................59

Parking Screen...............................................................................................................................61
Parking Receipt Screen..................................................................................................................63
Food Court Screen.........................................................................................................................64
Vegetarian Food Screen.................................................................................................................66
Non-Vegetarian Food Court Screen..............................................................................................67
Coffee Court Screen......................................................................................................................68
Drinks Zone Screen.......................................................................................................................69
Path Function of Navigation..........................................................................................................70
Session of Decision........................................................................................................................71
Conclusion.....................................................................................................................................72
References......................................................................................................................................73

List of Figures
Figure 1: Login Screen..................................................................................................................10
Figure 2: Login Screen Navigation................................................................................................11
Figure 3: Register Screen...............................................................................................................12
Figure 4: Registrar screen Navigation...........................................................................................13
Figure 5: Facebook Screen............................................................................................................14
Figure 6: Navigation of Facebook Page........................................................................................15
Figure 7: Google login Screen.......................................................................................................16
Figure 8: Navigation of Google page............................................................................................17
Figure 9: Twitter login Screen.......................................................................................................18
Figure 10: Navigation of Twitter Page..........................................................................................19
Figure 11: Welcome Screen...........................................................................................................20
Figure 12: Welcome screen Navigation........................................................................................21
Figure 13: Navigation of Welcome page.......................................................................................21
Figure 14: Welcome page navigation Path....................................................................................22
Figure 15: New Movie Information Screen...................................................................................23
Figure 16: Movie Screen...............................................................................................................24
Figure 17: Navigation of Screen Page...........................................................................................25
Figure 18: Movie Information Screen...........................................................................................26
Figure 19: Navigation of Movie Time screen................................................................................27
Figure 20: Enquiry Screen.............................................................................................................28
Figure 21: Navigation of Enquiry Form........................................................................................29
Figure 22: Movie Time Screen......................................................................................................30
Figure 23: Navigation of Movie time Page...................................................................................31
Figure 24: Movie Seat Screen........................................................................................................32
Figure 25: Navigation of Seats slide..............................................................................................33
Figure 26: Show Seat Screen.........................................................................................................34
Figure 27: Seat Screen...................................................................................................................35
Figure 28: Extra Facilities Screen..................................................................................................36
Figure 29: Navigation of Facility Page..........................................................................................37
Figure 30: Facility page Navigation..............................................................................................37
Figure 31: Parking and Food Facilities Screen..............................................................................38
Figure 32: Navigation of food and parking Page...........................................................................39
Figure 33: Payment Screen............................................................................................................40
Figure 34: Navigation of Payment Method...................................................................................41
Figure 35: Offer Screen.................................................................................................................42
Figure 36: Navigation of Offer slide.............................................................................................43
Figure 37: Coupon Screen.............................................................................................................44
Figure 38: Navigation of Coupon Screen......................................................................................45
Figure 39: Cash Back Screen.........................................................................................................46
Figure 40: Navigation of coupon slide..........................................................................................47

Figure 41: Coupon Code Screen....................................................................................................48
Figure 42: Navigation of coupon slide..........................................................................................49
Figure 43: Card Details Screen......................................................................................................50
Figure 44: Navigation of Card details...........................................................................................51
Figure 45: Ticket confirmation Screen..........................................................................................52
Figure 46: Navigation of Alert message........................................................................................53
Figure 47: Seat Confirmation Screen............................................................................................54
Figure 48: Seat confirmation navigation path...............................................................................55
Figure 49: Seat Not Confirmation Screen.....................................................................................56
Figure 50: Seat not confirmation navigation path function...........................................................57
Figure 51: Payment Successfully Screen.......................................................................................58
Figure 52: Payment confirmation navigation path function..........................................................59
Figure 53: Ticket Screen................................................................................................................60
Figure 54: Ticket Information Screen............................................................................................61
Figure 55: Ticket Generation navigation path...............................................................................62
Figure 56: Parking Screen.............................................................................................................63
Figure 57: Parking slide navigation...............................................................................................64
Figure 58: Parking Receipt Screen................................................................................................65
Figure 59: Food Court Screen........................................................................................................66
Figure 60: Navigation of food court..............................................................................................67
Figure 61: Food Court Navigation.................................................................................................67
Figure 62: Vegetarian Food Screen...............................................................................................68
Figure 63: Non-Vegetarian Food Court Screen.............................................................................69
Figure 64: Coffee Court Screen.....................................................................................................70
Figure 65: Drinks Zone Screen......................................................................................................71
Figure 66: Path Function of Navigation........................................................................................72

Introduction
In this report create the final design of the interface report. With the help of the Balsamiq,
interface tool removes all type of mistake from the design. Proper linking, proper screen heading
and proper screen alignment are completed through the Balsamiq interface tool. With the use of
the different heuristic principal generate the proper connection from the interface design. The
platform of the heuristic principal creates a path function is which justify the proper information
of the interface design. Cinema hall interface design follows the interface heuristic principal and
provides the proper path function for the users.

Login Screen
Figure 1: Login Screen
Component: With the help of the Recognize of rather than recall heuristic principal provides the
proper alignment on the interface design structure. Use of the Balsamiq tool provides the proper
heading and justifies the interface design.
Description: Facebook page, Google page, and Twitter page are directly connected with the
Login page. Proper alignment of the interface design structure is providing through Balsamiq
tool. Use of Recognize of rather than heuristic principal removes the mistake from the interface
design.
Reason: In this interface design structure user enter the user login and password for the proper
working of the application. Create the proper alignment of the text box of the user name and
password.
Member Contribution:
Proper alignment of the text box for user name and password is created by member 1.
Proper linking of the login option is made by member 2 and 3.

Navigation:
Figure 2: Login Screen Navigation

Register Screen
Figure 3: Register Screen
Component: With the help of the match between follow heuristic principal provide the proper
alignment on the interface design protocol. Use of the Balsamiq tool provides the proper heading
in the interface design and justifies the structure.
Description: In this page, user enter the complete information and create the account for the
cinema booking. In this design, the structure provides the proper alignment in the text box of the
account (Desale et al., 2017).
Reason: Create the proper linking on the Register icon and make the proper alignment in the
interface design.
Member Contribution:
Proper alignment of the text box and heading off screen for user name and password is created
by member 1 and member 3.
Proper linking of the login option is made by member 2

Navigation
Figure 4: Registrar screen Navigation

Facebook Screen
Figure 5: Facebook Screen
Component: Balsamiq tool application provides the path function to remove the entire mistake
from the Facebook slide. The Facebook login page is helpful to log in the user account.
Description: With the use of Recognize rather than recall heuristics principal remove all the
interface mistakes. In this page, the structure creates the proper alignment for the interface
design.
Reason: Provide the proper heading on each section on the Facebook login page and remove the
entire mistake.
Member Contribution:
Proper alignment is made by member 3.
Correction of page heading is created by member 2 and 1.