Usability Assessment of Cineplex Cinema Hall Application: ITC504

Desklib provides past papers and solved assignments. This report assesses the Cineplex app's usability.

ITC504 INTERFACE USABILITY
ASSESSMENT ITEM 2

Table of Contents
Introduction...............................................................................................................................................4
Question 3..................................................................................................................................................5
1. Splash Screen.................................................................................................................................5
2. Login Screen...................................................................................................................................7
3. Facebook Login............................................................................................................................10
4. Google Login:...............................................................................................................................12
5. Sign Up.........................................................................................................................................14
6. Home Screen................................................................................................................................16
7. Movies screen...............................................................................................................................19
8. Timing Screen..............................................................................................................................21
9. List of Theater..............................................................................................................................23
10. Movie Description:...................................................................................................................26
11. Seat Selection............................................................................................................................29
12. Offers........................................................................................................................................32
13. Payment:...................................................................................................................................34
14. Menu screen.............................................................................................................................36
15. Search screen:..........................................................................................................................38
Site map....................................................................................................................................................41
Question 5................................................................................................................................................42
Conclusion................................................................................................................................................43
References................................................................................................................................................44
Table of Figures
Figure 1: interface Splash Screen................................................................................................................5
Figure 2: Navigation Splash Screen.............................................................................................................6
Figure 3: interface Login Screen.................................................................................................................7
Figure 4: Interface Login Screen.................................................................................................................9
Figure 5: Facebook login...........................................................................................................................10
Figure 6: navigation Facebook Login Screen...........................................................................................11
Figure 7: interface Google login................................................................................................................12
Figure 8: navigation Google login screen..................................................................................................13
Figure 9: Interface signup screen...............................................................................................................14
Figure 10: Navigation signup screen.........................................................................................................15
1

Figure 11: interface home screen...............................................................................................................16
Figure 12: navigation home screen............................................................................................................18
Figure 13: interface movie screen..............................................................................................................19
Figure 14: the navigation movie screen.....................................................................................................20
Figure 15: Interface timing screen.............................................................................................................21
Figure 16: navigation timing screen.........................................................................................................22
Figure 17: interface list of the theatre screen.............................................................................................23
Figure 18: navigation of a list of the theater screen...................................................................................25
Figure 19: the interface of the movie description screen...........................................................................26
Figure 20: navigation of the movie description screen..............................................................................28
Figure 21: the interface of seat selection...................................................................................................29
Figure 22: navigation of seat selection......................................................................................................31
Figure 23: the interface of offer screen......................................................................................................32
Figure 24: navigation of offer screen.........................................................................................................33
Figure 25: the interface of the payment screen..........................................................................................34
Figure 26: navigation of payment screen...................................................................................................35
Figure 27: the interface of the menu screen...............................................................................................36
Figure 28: the interface of the search screen..............................................................................................38
Figure 29: Navigation of search screen.....................................................................................................40
Figure 30: Sitemap....................................................................................................................................41
2

Introduction
In this assessment, all the designs are made for the Cineplex, a Cinema Hall Application. In this
application, multiple screens are made. And all the composed designs are fulfilling the
requirements of users. For the first step of the assignment, we three group members made three
designs. After testing all the designs, we selected one design for future assessment. The selected
design was following and fulfilling most of the heuristic principles for designing. In this
assessment, all the wireframes or designs are properly linked and navigation is also done. From
this document, the user can easily understand this cinema hall application.
3

Question 3
1. Splash Screen
Figure 1: interface Splash Screen
Detail:
This screen is the topmost screen of the application. This screen showed up when the user opens
the application to access its services.
Components:
This screen is designed using the following components:
 Image (Company logo)
 Progress Bar (To represent the waiting time)
Reason:
The following screen is designed to provide easy and interactive interaction with the application.
This screen clearly follows the system visibility principle of usability.
4

Navigation:
The splash is linked to the login screen of the application.
Figure 2: Navigation Splash Screen
5

2. Login Screen
Figure 3: interface Login Screen
Detail:
This screen will show up after the splash screen of the application. This screen will provide the
option for the user to login into the application to access the services of the application. This
screen also provides the option to log in with various social media application such as Facebook,
Google.
Components:
This screen is designed using the following components:
 Image (Company logo)
 Label
 Text Fields
 Button
 Text
6

 Icon
Reason:
The Following screen is designed to provide the functionality of the authenticate the user. This
screen is designed to provide the functionality to verify the user after the user enters the correct
credentials.
Navigation:
This screen is linked with the various screen such as Facebook, Google, signup, forgot the
password.
7

Figure 4: Interface Login Screen
8

3. Facebook Login
Figure 5: Facebook login
Detail:
This screen will show up after the Login screen of the application. This screen will provide the
option for the user to login into the application to access the services of the application using
Facebook.
Components:
This screen is designed using the following components:
9

 Image (Company logo)
 Label
 Text Fields
 Button
 Text
 Icon
Reason:
The Following screen is designed to provide the functionality of the authenticate the user. This
screen is designed to provide the functionality to verify the user after the user enters the correct
credentials of Facebook.
Navigation:
This screen is linked with the home screen.
Figure 6: navigation Facebook Login Screen
10

4. Google Login:
Figure 7: interface Google login
Detail:
This screen will show up after the Login screen of the application. This screen will provide the
option for the user to login into the application to access the services of the application using
Google.
Components:
This screen is designed using the following components:
 Image (Company logo)
11