ITC504 Interface Design Project: Mobile App Screen Design Alternatives

This ITC504 project showcases two alternative mobile application interface designs, each comprising ten screens representing key functionalities such as user registration, login, product search, shopping cart, delivery details, and restaurant listings. Each screen is described in terms of its purpose and interface components. The project provides reasons for choosing each design alternative, highlighting user requirements and functionalities. Alternative 1 is recommended for its simplicity, unique design, and ease of use, offering functionalities like hotel search and shopping via offers. References to Balsamiq resources are included. Desklib provides students access to solved assignments and resources like this.

ITC504 Assignment-1
Khurshid
Student Id

Alternative -1 / Screen-1

Alternative -1 / Screen-1 Description
• Purpose: for registering users, this is used
• Interface components: use of labels, buttons,
and textbox for creating page
• Description: this page if for registering the
user to the application.

Alternative -1 / Screen-2

Alternative -1 / Screen-2 Description
• Purpose: for login users, this is used
• Interface components: use of labels, buttons,
and textbox for creating page
• Description: this page, used by user for login.

Alternative -1 / Screen-3

Alternative -1 / Screen-3 Description
• Purpose: it’s the index page of the application
• Interface components: use of labels, buttons,
images and rectangles for creating page
• Description: this is the heart of application,
every link to every page is present here.

Alternative -1 / Screen-4

Alternative -1 / Screen-4 Description
• Purpose: for promotions and to check loyalty
points, this is used
• Interface components: use of buttons-bars,
labels and horizontal lines for creating page
• Description: this is the page, used for checking
the loyalty points and rewards.

Alternative -1 / Screen-5

Alternative -1 / Screen-5 Description
• Purpose: this is search page, for searching
items present in the applications.
• Interface components: use of labels, buttons,
and images for creating page
• Description: this page, used for searching the
products.

Alternative -1 / Screen-6

Alternative -1 / Screen-6 Description
• Purpose: it the single product page, containing
the description of the product.
• Interface components: use of labels, buttons,
and images for creating page
• Description: this page, used for viewing the
details about the single page.

Alternative -1 / Screen-7

Alternative -1 / Screen-7 Description
• Purpose: cart page for containing the product
added in the shopping bag.
• Interface components: use of labels, buttons,
and horizontal lines for creating page
• Description: used for storing the products in
the cart.

Alternative -1 / Screen-8

Alternative -1 / Screen-8 Description
• Purpose: this is used for providing the details
for delivery
• Interface components: use of labels, radio
buttons, and text box for creating page
• Description: it is for storing the delivery details
for the order.

Alternative -1 / Screen-9

Alternative -1 / Screen-9 Description
• Purpose: its location page for sorting results
according to the location.
• Interface components: use of labels, text
input, and buttons for creating page
• Description: this page is for sorting the results
by the location of the stores available.

Alternative -1 / Screen-10

Alternative -1 / Screen-10 Description
• Purpose: its for dinning out or to view
restaurants.
• Interface components: use of labels, search
box, and images for creating page
• Description: its show the list of restaurant,
according to the recently viewed.

Alternative -2 / Screen-1

Alternative -2 / Screen-1 Description
• Purpose: for registering users, this is used
• Interface components: use of labels, buttons,
rectangle and textbox for creating page
• Description: this page if for registering the
user to the application.

Alternative - 2 / Screen-2

Alternative -2 / Screen-2 Description
• Purpose: for login users, this is used
• Interface components: use of labels,
wallpaper, buttons and textbox for creating
page
• Description: this page, used by user for login.

Alternative -2 / Screen-3

Alternative -2 / Screen-3 Description
• Purpose: it’s the index page of the application
• Interface components: use of labels, buttons,
images and rectangles for creating page
• Description: this is the heart of application,
every link to every page is present here.

Alternative -2 / Screen-4

Alternative -2 / Screen-4 Description
• Purpose: for promotions and to check loyalty
points, this is used
• Interface components: use of labels and
horizontal lines for creating page
• Description: this is the page, used for checking
the loyalty points and rewards.

Alternative -2 / Screen-5

Alternative -2 / Screen-5 Description
• Purpose: this is search page, for searching
items present in the applications.
• Interface components: use of labels, buttons,
and images for creating page
• Description: this page, used for searching the
products.

Alternative -2 / Screen-6

Alternative -2 / Screen-6 Description
• Purpose: it the single product page, containing
the description of the product.
• Interface components: use of labels, buttons,
and images for creating page
• Description: this page, used for viewing the
details about the single page.

Alternative -2 / Screen-7

Alternative -2 / Screen-7 Description
• Purpose: cart page for containing the product
added in the shopping bag.
• Interface components: use of labels, images,
buttons, and horizontal lines for creating page
• Description: used for storing the products in
the cart.

Alternative -2 / Screen-8

Alternative -2 / Screen-8 Description
• Purpose: this is used for providing the details
for delivery
• Interface components: use of labels and text
box for creating page
• Description: it is for storing the delivery details
for the order.

Alternative -2 / Screen-9

Alternative -2 / Screen-9 Description
• Purpose: its location page for sorting results
according to the location.
• Interface components: use of labels, text
input, and buttons for creating page
• Description: this page is for sorting the results
by the location of the stores available.

Alternative -2 / Screen-10

Alternative -2 / Screen-10 Description
• Purpose: its for dinning out or to view
restaurants.
• Interface components: use of labels, search
box, and images for creating page
• Description: its show the list of restaurant,
according to the recently viewed.

Reasons for Alternative-1
• Reason: modern app designed to meet users
requirement.
• Each and every requirement is satisfied
• Some requirements are as follow: register,
signup, products, login, restaurants with many
other pages
• It is used by users to shop using the mobile
phone without any disturbances.

Reasons for Alternative-2
• Reason: it is designed to look a sort of funky
• Every requirement is fulfilled.
• Some requirements are as follow: register,
signup, products, login, restaurants with many
other pages
• It is used by users to shop using the mobile
phone without any disturbances.

Recommendation
• Alternative 1 is recommended by me.
• As it is simple and unique design and very easy
to use.
• It also has many more functionality, i.e. it
makes the user to find hotels vi list method
and shop via offers.

References
• Clifford, P. (2014, January 23). How To Wireframe With
Balsamiq. Retrieved from
http://www.disruptware.com/business/wireframe-
balsamiq/
• Balsamiq. (2018). Creating Your First Wireframe -
Balsamiq Support Portal. Retrieved from
https://support.balsamiq.com/tutorials/firstwireframe/
• Balsamiq. (2018). Introduction to Balsamiq Mockups 3.
Retrieved from
https://docs.balsamiq.com/desktop/intro/