Interface Design for Cinema Hall App: ITC504 Assessment

Desklib provides past papers and solved assignments. This report details a cinema app interface design.

TITLE- ITC 504 INTERFACE USABILITY
ASSESSMENT ITEM 2 TEAM DESIGN
STUDENT ID-
STUDENT NAME-

Contents
Introduction................................................................................................................................8
Login Screen..............................................................................................................................9
Register Screen.........................................................................................................................11
Facebook Screen......................................................................................................................13
Google login Screen.................................................................................................................15
Twitter login Screen.................................................................................................................17
Welcome Screen.......................................................................................................................19
New Movie Information Screen...............................................................................................22
Movie Screen...........................................................................................................................23
Movie Information Screen.......................................................................................................25
Enquiry Screen.........................................................................................................................27
Movie Time Screen..................................................................................................................29
Movie Seat Screen....................................................................................................................31
Show Seat Screen.....................................................................................................................33
Seat Screen...............................................................................................................................35
Extra Facilities Screen..............................................................................................................37
Parking and Food Facilities Screen..........................................................................................39
Payment Selection Screen........................................................................................................41
Offer Selection Screen.............................................................................................................43
Coupon Screen.........................................................................................................................45

Cash Back Screen.....................................................................................................................47
Coupon Screen.........................................................................................................................49
Card Details Screen..................................................................................................................51
Ticket confirmation Screen......................................................................................................53
Seat Confirmation Screen........................................................................................................55
Seat Not Confirmation Screen.................................................................................................57
Payment Successfully Screen...................................................................................................59
Ticket Screen............................................................................................................................61
Ticket Generation Screen.........................................................................................................62
Parking Screen.........................................................................................................................64
Parking Receipt Screen............................................................................................................66
Food Court Screen....................................................................................................................67
Navigation Path Function Application.....................................................................................73
Decision Session......................................................................................................................74
Conclusion................................................................................................................................75
References................................................................................................................................76

List of Figures
Figure 1: Login Screen...............................................................................................................9
Figure 2: Navigation of Login Screen........................................................................................9
Figure 3: Register Screen.........................................................................................................10
Figure 4: Navigation of Register Screen..................................................................................10
Figure 5: Facebook Screen.......................................................................................................11
Figure 6: Navigation of Facebook Screen................................................................................11
Figure 7: Google login Screen.................................................................................................12
Figure 8: Navigation of Google login Screen..........................................................................12
Figure 9: Twitter login Screen.................................................................................................13
Figure 10: Navigation of Twitter login Screen........................................................................13
Figure 11: Welcome Screen.....................................................................................................14
Figure 12: Navigation of Welcome Screen..............................................................................14
Figure 13: Navigation path of Welcome Screen......................................................................15
Figure 14: Welcome Screen Navigation..................................................................................15
Figure 15: New Movie Information Screen.............................................................................16
Figure 16: Movie Screen..........................................................................................................17
Figure 17: Navigation of Movie Screen...................................................................................17
Figure 18: Movie Information Screen......................................................................................18
Figure 19: Navigation of Movie Information Screen...............................................................18
Figure 20: Enquiry Screen.......................................................................................................19

Figure 21: Navigation of Enquiry Screen................................................................................19
Figure 22: Movie Time Screen................................................................................................20
Figure 23: Navigation of Movie Time Screen.........................................................................20
Figure 24: Movie Seat Screen.................................................................................................21
Figure 25: Navigation of Movie Seat Screen...........................................................................21
Figure 26: Show Seat Screen...................................................................................................22
Figure 27: Navigation of Show Seat Screen............................................................................22
Figure 28: Seat Screen.............................................................................................................23
Figure 29: Navigation of Seat Screen......................................................................................23
Figure 30: Extra Facilities Screen............................................................................................24
Figure 31: Navigation of Extra Facilities Screen.....................................................................24
Figure 32: Navigation of Facilities Screen...............................................................................25
Figure 33: Parking and Food Facilities Screen........................................................................26
Figure 34: Navigation of Parking and Food Facilities Screen.................................................26
Figure 35: Payment Selection Screen......................................................................................27
Figure 36: Navigation of Payment Selection Screen...............................................................27
Figure 37: Offer Selection Screen............................................................................................28
Figure 38: Navigation of Offer Selection Screen.....................................................................28
Figure 39: Coupon Screen........................................................................................................29
Figure 40: Navigation of Coupon Screen.................................................................................29
Figure 41: Cash Back Screen...................................................................................................30

Figure 42: Navigation of Cash Back Screen............................................................................30
Figure 43: Coupon Screen........................................................................................................31
Figure 44: Navigation of Coupon Screen.................................................................................31
Figure 45: Card Details Screen................................................................................................32
Figure 46: Navigation of Card Details Screen.........................................................................32
Figure 47: Ticket confirmation Screen....................................................................................33
Figure 48: Navigation of Ticket confirmation Screen.............................................................33
Figure 49: Seat Confirmation Screen.......................................................................................34
Figure 50: Navigation of Seat Confirmation Screen................................................................34
Figure 51: Seat Not Confirmation Screen................................................................................35
Figure 52: Navigation of Seat Not Confirmation Screen.........................................................35
Figure 53: Payment Successfully Screen.................................................................................36
Figure 54: Navigation of Payment Successfully Screen..........................................................36
Figure 55: Ticket Screen..........................................................................................................37
Figure 56: Ticket Generation Screen.......................................................................................38
Figure 57: Navigation of Ticket Generation Screen................................................................38
Figure 58: Parking Screen........................................................................................................39
Figure 59: Navigation of Parking Screen.................................................................................39
Figure 60: Parking Receipt Screen...........................................................................................40
Figure 61: Food Court Screen..................................................................................................41
Figure 62: Navigation of Food Court Screen...........................................................................41

Figure 63: Navigation of Food Screen.....................................................................................42
Figure 64: Vegetarian Food Screen..........................................................................................43
Figure 65: Non-Vegetarian Food Court Screen.......................................................................44
Figure 66: Coffee Court Screen...............................................................................................45
Figure 67: Drinks Zone Screen................................................................................................46
Figure 68: Navigation Path Function.......................................................................................47

Introduction
In this report with the help of Balsamiq tool generate the interface design. With the help of
Balsamiq tool generated an application for booking the seat in the cinema hall. With the help
of Balsamiq tool use the different type of images, back button and breadcrumb navigation to
providing the complete information regarding the application. The interface design follows
the different type of heuristics principal. With the help of heuristics, principal defines the user
information in the proper format. Balsamiq tool provides a path function in which generated
an application which is suitable for booking a seat in the cinema hall.

Login Screen
Figure 1: Login Screen
Component: With the use of Balsamiq tool generate the login page. With the help of login
page user login his account. This page follows the visibility of system heuristics principal. In
this page use the cinema logo, login boxes for the user, login and register icon.
Description: The user login page is directly connected with the Facebook, Google and twitter
login page. The main heading of this page is user login. In the visibility of system, principal
identifies the complete information of the user (Ahmad et al., 2016, p.302).
Reason: In this page, the user enters his name and password for login the page. In this page
also mention the cinema hall name. This login page uses special components like Facebook,
Google plus and twitter icon.
Member Contribution:
Login and Register button is created by member 1.
Cinema log, name of cinema, back ground colour and login icons made by member 2 and 3.

Navigation:
Figure 2: Navigation of Login Screen

Register Screen
Figure 3: Register Screen
Component: Register page is generated through the Balsamiq tool. With the help of this tool
generate the text box for the user account details. In the text box, details put the user name,
user phone number, email id and password of the user is entering in the text box.
Description: This page obtains the match between follow heuristics principal. In this page
use the cinema logo, cinema hall name and register icon for the user.
Reason: In this slide use the special text box icon for the user in which the user enters his
name, email id and password for creating the registered account.
Member Contribution:
Register button is created by member 2.
Text box for user information and colour background is created by member 1.
Cinema logo and name of the cinema is generated by member 3.

Navigation:
Figure 4: Navigation of Register Screen