ITC504 Interface Usability: Cinema Hall Application Navigation Report

Desklib provides past papers and solved assignments for students. This report analyzes a cinema hall app's interface usability.

ITC504
INTERFACE USABILITY
ASSESSMENT ITEM 2
Team members
Triveni Suryadevara
Shiva Prasad Achanti
Mounika Nallapati

Table of Contents
Introduction......................................................................................................................................5
Question 3........................................................................................................................................6
Navigation Path of Cinema Hall Application................................................................................41
Question-5......................................................................................................................................42
Conclusion.....................................................................................................................................44
References......................................................................................................................................45

Table of Figures
Figure 1: Splash Screen...................................................................................................................6
Figure 2: Navigation amid Splash screen and Login Screen...........................................................7
Figure 3: Login Screen....................................................................................................................7
Figure 4: Navigation amid Login screen and Home Screen............................................................8
Figure 5: Navigation amid Login Screen and Facebook Login Screen...........................................9
Figure 6: Navigation amid Login Screen and Google Login Screen.............................................10
Figure 7: Navigation amid Login Screen and OTP Screen...........................................................11
Figure 8: Navigation amid Login Screen and Registration Screen...............................................12
Figure 9: Registration Screen........................................................................................................13
Figure 10: Navigation amid Registration Screen and Login Screen.............................................14
Figure 11: Facebook Login Screen................................................................................................14
Figure 12: Navigation amid Facebook login screen and the Facebook confirmation screen........15
Figure 13: Google Login Screen....................................................................................................16
Figure 14: Navigation from Google login screen and Google confirmation screen......................17
Figure 15: Home Screen................................................................................................................17
Figure 16: Navigation amid Home Screen and Navigation Pane..................................................18
Figure 17: Navigation amid Home Screen to Movies Screen.......................................................19
Figure 18: Navigation amid Home Screen and Parking Screen....................................................19
Figure 19: Navigation amid Home Screen and Ticket Details Screen..........................................20
Figure 20: Navigation Screen........................................................................................................21
Figure 21: Navigation amid Navigation Screen and Profile Screen..............................................22
Figure 22: Navigation amid Navigation Screen to Home Screen..................................................22
Figure 23: Navigation amid Navigation Screen and Ticket Details Screen..................................23
Figure 24: Navigation amid Navigation Screen and Offers Screen..............................................24
Figure 25: Navigation amid Navigation Screen and Parking Details Screen................................24
Figure 26: Navigation amid Navigation Screen and Find Tickets Screen.....................................25
Figure 27: Navigation amid Navigation Screen to Logout Confirmation Screen.........................26
Figure 28: Navigation amid Navigation Screen and Feedback Screen.........................................26
Figure 29: Logout Confirmation Screen........................................................................................27
Figure 30: Navigation amid Logout Confirmation Screen and Home Screen...............................28
Figure 31: Navigation amid Logout Confirmation Screen and Login Screen...............................28
Figure 32: Movies Screen..............................................................................................................29
Figure 33: Navigation amid Movie Screen and Movie Details Screen.........................................30
Figure 34: Navigation amid Movie Screen and Search Bar Screen..............................................30
Figure 35: Movie Details Screen...................................................................................................31
Figure 36: Navigation amid Movie Details Screen and Theatre Selection Screen........................32
Figure 37: Theatre Selection Screen..............................................................................................32

Figure 38: Navigation amid Theatre Selection Screen and Seat Selection Screen........................33
Figure 39: Seat Selection Screen...................................................................................................34
Figure 40: Navigation amid Seat Selection Screen and Payment Screen......................................35
Figure 41: Payment Screen............................................................................................................36
Figure 42: Navigation amid Payment Screen and Credit Card Screen..........................................37
Figure 43: Navigation amid Payment Screen and Debit Card Screen...........................................37
Figure 44: Navigation amid Payment Screen and Payment Confirmation Screen........................38
Figure 45: Parking Screen.............................................................................................................39
Figure 46: Navigation amid Parking Screen and Parking Confirmation Screen...........................40
Figure 47: Navigation Path............................................................................................................41

Introduction
In this report, all the screens are composed for Cinema Hall Application. These application
designs are made considering all the requirements of users. So the composed designs will
complete the maximum requirements of users. In the first stage of assessment three designs are
made by our group, after analysing one design was selected for this assessment. Because this
design was following many heuristic principles of design. In this report, all the designs are
properly annotated and linked.

Question 3
Splash Screen
Figure 1: Splash Screen
Components:
- Company Name and Logo
- Forward arrow and Progress bar
Description:
- It is the screen which displays the Company logo and the name. And it consists of a
forward arrow that helps to link with the next screen.
Reason: Reason for selecting this screen is that it displays the company name and the logo. With
the help of a splash screen, it covers the principle of system visibility (Miller, et al., 2018).
Navigation:

Figure 2: Navigation amid Splash screen and Login Screen
It displays the navigation amid screens login and splash with the help of arrow icon present in
the splash screen.
Login Screen
Figure 3: Login Screen

Components:
- It contains Breadcrumbs, labels, and the edit text.
- Login, Google and Facebook login button.
Description:
- It is the login screen by which users or the customers can log in or make accounts in the
application. With correct credentials, it allows successfully and authorized login.
Reason: Reason for selecting the screen, the end users can directly login themselves with the
valid credentials and also register themselves through Facebook and Google.
Navigation:
Figure 4: Navigation amid Login screen and Home Screen
It displays the navigation among the Login screen and Home screen with the help of the Login
button present on the Login screen.

Figure 5: Navigation amid Login Screen and Facebook Login Screen
It displays the navigation amid Login Screen and Facebook Login Screen with the help of
Facebook button present on Login Screen.

Figure 6: Navigation amid Login Screen and Google Login Screen
It displays the navigation amid Login Screen and Google Login Screen with the help of the
Google button present on Login Screen.

Figure 7: Navigation amid Login Screen and OTP Screen
It displays the navigation amid Login Screen and OTP Screen with the help of Forgot password
link present on Login Screen.

Figure 8: Navigation amid Login Screen and Registration Screen
It displays the navigation amid Login Screen and Registration Screen with the help of Sign Up
here link present on Login Screen.
Registration Screen