UI/UX Design Report: A1 vs A2 Movie Booking App Interface

Desklib provides past papers and solved assignments for students. This report compares two movie booking app designs.

INTERFACE DESIGN

A1-SIGN UP DESCRIPTION

A-1 | SIGN UP DESCRIPTION EXPLANATION
• Objective: Provide Sign Up feature to users.
• Components:
• Logo
• Sign up button
• Facebook icon to sign up with Facebook
• Google icon to sign up with Google
• Description:
The sign up page allow user to register himself on to the application. This page has 4 text
input boxes for Name, password, email, and mobile. This page also give feature to login
with Facebook and google account.

A1 – SELECT MOVIE DESCRIPTION

A1- SELECT MOVIE DESCRIPTION
EXPLANATION
• Objective: Select Movies from the available list
• Components:
• Back button
• Menu page
• View button
• Select a theatre button
• Explanation: This page provides features to select the desired movie from the available list. One can
select and also view the detailed description of movie by clicking view button. The page has select a
theatre button to choose the theatre. The menu button includes option for lost ticket, find theatre and
log out. To make it more user understandable the page has movie name along with the movie poster.

A1- VIEW MOVIE DESCRIPTION

A1- VIEW MOVIE DESCRIPTION EXPLANATION
• Objective: This page gives description of selected movie.
• Components:
• Back button
• Movie trailer
• Menu page
• Movie information (movie name, release date, type, duration, votes)
• Button to book ticket
• Description: This view movie page gives a detailed description of the selected movie. The
page includes movie trailer, movie name, movie type, release date, movie duration, and
votes. This page also has back button and menu page. The page also has book now button
that will be redirect on select theatre page.

A1- SELECT THEATRE DESCRIPTION

A1- SELECT THEATRE DESCRIPTION
EXPLANATION
• Objective: Select the screen from the list.
• Components:
• Back button
• Logo
• Menu button
• Screen name and movie name
• Select seats button
• Description:
• The select theatre page includes list of 10 screen along with the movie names. To make it user
friendly, the page includes back button, menu button, page name, logo and a button to select
seat.

A1- SELECT SEATS DESCRIPTION

A1- SELECT SEATS DESCRIPTION
EXPLANATIONS
• Objective: To select seats , time slot and date
• Components:
• Menu button
• Back button
• Calendar
• Time slots
• Seat representation
• button to pay
• Description: This page includes calendar to choose date, time slots to select movie time, movie name,
and screen number. This page also shows the seat representation in which red boxes shows booked
seats, green boxes shows available seats, and blue boxes shows selected seats. The page also shows
a message which includes number of selected seats. It has a button to proceed to payment.

A1- PARKING DESCRIPTION