Usability Report: Yours Choice Cinema Hall App Prototype - ITC 504

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

ITC 504
Interface Usability
Assessment 4
Working Prototype

Table of Contents
Introduction......................................................................................................................................5
Interface Screens..............................................................................................................................6
Screen 1: Login Page...................................................................................................................6
Screen 2: Registration/Sign Up Page.........................................................................................10
Screen 3: Home Page.................................................................................................................12
Screen 4: Movies Page...............................................................................................................15
Screen 5: Theatre Page..............................................................................................................18
Screen 6: Movie Details Page....................................................................................................20
Screen 7: Seat Selection Page....................................................................................................22
Screen 8: Payment Page.............................................................................................................24
Screen 9: Card Details Page......................................................................................................26
Screen 10: Vehicle Parking Page...............................................................................................29
Screen 11: Profile Page..............................................................................................................31
Screen 12: Recent Bookings Page.............................................................................................33
Screen 13: Contact Us Page.......................................................................................................35
Screen 14: Help Page.................................................................................................................37
Screen 15: Menu Bar Page........................................................................................................40
Navigation Path.............................................................................................................................46
Team Member Decisions...............................................................................................................47
Conclusion.....................................................................................................................................50
References......................................................................................................................................51
2 | P a g e

Table of Figures
Figure 1: Login Page.......................................................................................................................6
Figure 2: Linking from Login Page to Home Page.........................................................................7
Figure 3: Linking from Login Page to Registration Page................................................................7
Figure 4: Linking from Login Page to Facebook Login Page.........................................................8
Figure 5: Linking from Login Page to Google Login Page.............................................................8
Figure 6: Linking from Login Page to Forgot Password Page........................................................9
Figure 7: Sign Up Page..................................................................................................................10
Figure 8: Linking from Registration Page to Login Page..............................................................11
Figure 9: Home Page.....................................................................................................................12
Figure 10: Linking from Home Page to Movies Page...................................................................13
Figure 11: Linking from Home Page to Vehicle Parking Page.....................................................13
Figure 12: Linking from Home Page to Recent Bookings Page...................................................14
Figure 13: Showing Movies Page..................................................................................................15
Figure 14: Linking from Movies Page to Movie Details Page......................................................16
Figure 15: Linking from Movies Page to Theatre Page................................................................16
Figure 16: Linking from Movies Page to Search Bar Page...........................................................17
Figure 17: Movie Theatre Page.....................................................................................................18
Figure 18: Linking from Movie Theatre Page to Seat Selection Page..........................................19
Figure 19: Movie Details Page......................................................................................................20
Figure 20: Linking from Movie Details Page to Seat Selection Page...........................................21
Figure 21: Linking from Movie Details Page to Menu Bar Page..................................................21
Figure 22: Seat Selection Page......................................................................................................22
Figure 23: Linking from Seat Selection Page to Payment Option Page........................................23
Figure 24: Payment Option Page...................................................................................................24
Figure 25: Linking from Payment Options Page to Card Details Page.........................................25
Figure 26: Card Details Page.........................................................................................................26
Figure 27: Linking from Card Details Page to Payment Option Page..........................................27
Figure 28: Linking from Card Details Page to Offers Page..........................................................27
Figure 29: Linking from Card Details Page to Payment Confirmation Page................................28
Figure 30: Vehicle Parking Page...................................................................................................29
Figure 31: Linking from Vehicle Parking Page to Vehicle Parking Details Page.........................30
Figure 32: Profile Page..................................................................................................................31
Figure 33: Linking from Profile Page to Change Profile Photo Page...........................................32
Figure 34: Linking from Profile Page to Menu Bar Page..............................................................32
Figure 35: Recent Bookings Page..................................................................................................33
Figure 36: Linking from Recent Bookings Page to Movies Page.................................................34
Figure 37: Contact Us Page...........................................................................................................35
Figure 38: Linking from Contact Us Page to Home Page.............................................................36
3 | P a g e

Figure 39: Help Page.....................................................................................................................37
Figure 40: Linking from Help Page to Recent Tickets Page.........................................................38
Figure 41: Linking from Help Page to FAQ Page.........................................................................38
Figure 42: Menu Bar Page.............................................................................................................40
Figure 43: Linking from Menu Bar Page to Profile Page..............................................................41
Figure 44: Linking from Menu Bar Page to Saved Cards Page....................................................41
Figure 45: Linking from Menu Bar Page to Vehicle Parking Page...............................................42
Figure 46: Linking from Menu Bar Page to Recent Bookings Page.............................................42
Figure 47: Linking from Menu Bar Page to Recent Parking Details Page....................................43
Figure 48: Linking from Menu Bar Page to Help Page.................................................................43
Figure 49: Linking from Menu Bar Page to About Us Page.........................................................44
Figure 50: Linking from Menu Bar Page to Logout Confirmation Page......................................44
Figure 51: Linking from Menu Bar Page to Home Page...............................................................45
Figure 52: Navigation Map of Cinema Hall Application..............................................................46
4 | P a g e

Introduction
This report is for the Yours Choice cinema hall application which is designed using Balsamiq
software. All the functionalities are identified for the applications. Some issues are identified for
this application by my fellow mates so our team will identify the solutions for these issues and
solve them for better usability and meet the application design standards
5 | P a g e

Interface Screens
The designs for cinema hall application are designed by our team members with the cooperation
and following all the heuristic and usability principles. All the pages are linked properly with
each other and the navigation will be shown for every screen (Rivero, et al., 2019).
Screen 1: Login Page
Figure 1: Login Page
Description: With the help of this selected design, the new user can log in into the system and
this screen also has other multiple options for new users to register themselves and other social
media login buttons. This screen is designed for giving users the facility of interacting with the
application.
Visible Components: In the above design, there are logo and name of the company, input boxes,
buttons for login and sign up using.
Navigation
6 | P a g e

Figure 2: Linking from Login Page to Home Page
After a successful login, the user will land up to the Home page of the application.
Figure 3: Linking from Login Page to Registration Page
If a new user wants to register, then he can click the register link to go on registration/sign up
page.
7 | P a g e

Figure 4: Linking from Login Page to Facebook Login Page
This application provides third-party login for user’s convenience so the user can log in using
Facebook.
Figure 5: Linking from Login Page to Google Login Page
For user’s convenience, this application supports third-party login so the user can log in using
Google login button.
8 | P a g e

Figure 6: Linking from Login Page to Forgot Password Page
If a user forgot his password then he can reset using this link and verify his authenticity.
9 | P a g e

Screen 2: Registration/Sign Up Page
Figure 7: Sign Up Page
Description: With the help of this selected design, the user can register himself to the
application. The user needs to fill his personal data for future login and the delivery services. If
the user is already registered, then this screen gives functionality to go back to the login page.
This screen is for user’s usability and following the heuristic principle (Machado, et al., 2017).
Visible Components: In the design, there are some input boxes and button for the register, the
link for the login page and a back button.
Navigation
10 | P a g e

Figure 8: Linking from Registration Page to Login Page
The user can successfully register by using the register button on this page and go to the login
page for login to the system.
11 | P a g e

Screen 3: Home Page
Figure 9: Home Page
Description: With the help of the selected design, the user can get the facility of the home page
and there are various options which will help in interacting with the system. This design is
designed according to the users and there are many functions included (Tarute, et al., 2017).
Visible Components: In this design, there are links for other functionalities, logo and name,
menu bar and back button.
Issue and Solution: In this screen, our fellow mates identified the issue that there is extra space
between links and the text which is written in the bottom of the screen so this issue is solved by
adding some extra text at the place of spacing. This issue is solved by Dinesh Reddy Nomula.
Navigation
12 | P a g e