Web Application UI Design: Cinema Ticket Booking System

This project details the user interface (UI) design for a cinema ticket booking application. The application is designed to meet all requirements, offering a homepage with various functionalities. It includes pages for games, food, gifts, and movie-related information, such as upcoming movies and movie descriptions. Users can pre-book tickets, select seats, and make payments. The interface incorporates horizontal menus, links, and buttons for efficient navigation. The design also includes a parking feature. The project addresses interface components and navigation, with improvements implemented based on recommendations. The document concludes with a bibliography of relevant sources. This is a project contributed by a student and is available on Desklib.

Running head: USER INTERFACE
User Interface
Name of the Student:
Name of the University:
Author Note

1
USER INTERFACE
All the requirements
The designed Application would be able to meet all the criteria mentioned in the case
study. The Homepage created for the Application would be able to display all the required
functionalities for the system. The application provides the user with all the required
functionalities of a ticket booking application for cinema halls. In addition to this, the
application also provides the additional options for games, gifts and parking for the users.

2
USER INTERFACE
Final implementation of the design
Home Page
This is the homepage and the application starts here.

3
USER INTERFACE
Games
The users would be able to play different games in this page.

4
USER INTERFACE
Food
The food and the deals on the food are displayed in this page.

5
USER INTERFACE
Gifts
This page handles the movie gifts.

6
USER INTERFACE
More Movies
Additional page for viewing movies.

7
USER INTERFACE
Upcoming Movies\
This page provides information for the upcoming movies.

8
USER INTERFACE
Movie Page
This page helps in booking movies.

9
USER INTERFACE
Pre Booking
This page allows the users to pre book the movies.

10
USER INTERFACE
Any Movie
This is a movie description page.

11
USER INTERFACE
Movie Page 1

12
USER INTERFACE
Movie Page 2

13
USER INTERFACE
Pre Booking Movie page
The upcoming movies are pre booked using this page.

14
USER INTERFACE
Login Page
The user logs in using this page.

15
USER INTERFACE
Registration Page
This page lets the users register into the application.

16
USER INTERFACE
Number of tickets page
The users is able to select the number of movies required for booking in this page.

17
USER INTERFACE
Calendar Page
This page lets the user select the date for the boking of the movies.

18
USER INTERFACE
Seating Page
The user is able to select their desirable by clicking on the eats which are vacant.

19
USER INTERFACE
Seat Selection
The users processed after selecting the seats.

20
USER INTERFACE
Seat Confirmation

21
USER INTERFACE
Payment Page
The user makes payment in this page after confirming their seats.

22
USER INTERFACE
Payment Done
This page confirms the payment for the users.

23
USER INTERFACE
Ticket Page
The ticket for the movies are displayed here.

24
USER INTERFACE
Parking Page
The parking tickets are booked from this page.

25
USER INTERFACE
Lost Ticket

26
USER INTERFACE
Parking Tickets
This page displays the parking tickets.

27
USER INTERFACE
Discussion on Interface Components
The interface includes a number links, menus and buttons. The horizontal menu has
been used in this interface for the users to navigate efficiently through the application.
Additionally, the menu bar would allow the users to skip to a certain destination without
having to navigate through all the pages that exists in between. Additionally links have been
used where the navigation-using menu is not possible for the development of the application.
This icon has been used here for the redirections to the homepage.
Navigation components (Hierarchy diagram)

28
USER INTERFACE
The navigation in the application takes place with the help of the buttons and the
links. In addition to this, the links and the buttons the menu bar is also present that would aid
the navigation in the system.
All the improvements recommended
The recommended improvements have been implemented in the latest design. The
valet parking facility has been enhanced with the application providing a parking ticket. The
icons, the website headings, and the icon errors in the application has also been fixed in the
system.

29
USER INTERFACE
Bibliography
Lewis, J. R. (2016). Practical speech user interface design. CRC Press.
Wellman, S. M., Eles, J. R., Ludwig, K. A., Seymour, J. P., Michelson, N. J., McFadden, W.
E., ... & Kozai, T. D. (2018). A materials roadmap to functional neural interface
design. Advanced functional materials, 28(12), 1701269.