ITC504 Assignment 1: Mobile Application Design Concept & Evaluation

This assignment solution presents two alternative mobile application design concepts, each with multiple screens showcasing various functionalities like signup, login, bicycle rental, and payment processing. Alternative 1 focuses on essential requirements and customer satisfaction, while Alternative 2 incorporates advanced features like GPS-based searching, helmet requirements, and diverse payment options, emphasizing user-friendliness and security. The recommendation favors Alternative 2 due to its colorful interface, enhanced navigation, and secure OTP-based login and payment processes. The document includes screen descriptions, design rationales, and a list of references used in the design process, offering a comprehensive overview of the mobile app design and evaluation.

ITC504 Assignment-1
DESIGN CONCEPT

Alternative 1
Screen 1

Alternative 1/ Screen 1
Description
• Home Screen of application designed to application goals and
principle that is focused on the market
• Image, Text, Icon, Button and search box are the major Interface
Components.
• Page offers sign-up and login Functionality for the user.

Alternative 1
Screen 2

Alternative 1/ Screen 2
Description
• This screen created to sign-up purpose in the
application. It provides signup portal for the user.
• Sign up screen contains a search box, button, text, text
input, and image as the interface components
• The page offers account creation Functionality through
sign-up for the user.

Alternative 1
Screen 3

Alternative 1/ Screen 3
Description
• Purpose of the Screen is to provide the login portal for
the application user.
• login screen contains button, icon, text, text input, and
image as the interface components
• The page offers account access Functionality through the
login process for the user.

Alternative 1
Screen 4

Alternative 1/ Screen 4
Description
• Purpose of the Screen is to show available bicycle for rent
• Labels, icon, bicycle icon, search box, and image are used
as interface components in this screen
• The Page shows available products on the application as
Functionality

Alternative 1
Screen 5

Alternative 1/ Screen 5
Description
• Purpose of the Screen is to show particular select bicycle
information
• Labels, icon, bicycle icon, search box, button and image are used
as interface components in this screen
• The page provides selected bicycle information and booking
Functionality

Alternative 1
Screen 6

Alternative 1/ Screen 6
Description
• Purpose of the Screen is to provide the Booking portal for the
application user.
• Bike booking screen contains button, icon, checkbox text, text input,
and image as the interface components
• The page provides booking bicycle portal Functionality

Alternative 1
Screen 7

Alternative 1/ Screen 7
Description
• Purpose of the Screen is to provide the bike submission portal for
the application user.
• Button, icon, checkbox text, text input, and image are used as the
interface components in this screen
• The page provides submission bicycle portal and subscribes
application Functionality

Alternative 1
Screen 8

Alternative 1/ Screen 8
Description
• Purpose of the Screen is to provide the payment portal for the
application user.
• Payment screen contains a button, icon, search box, text, text input,
checkbox and image as the interface components
• The page provides payment portal Functionality

Alternative 2
Screen 1

Alternative 2/ Screen 1
Description
• Purpose of the screen makes the market value. So there is defined
goals and principle of application.
• The background image, button, social media icon, logo, search box,
labels, and image are used as interface components.
• Page offers sign-up and login Functionality for the user. It also
offered social media accounts linking Functionality such as Google,
Facebook, Instagram, and Twitter.

Alternative 2
Screen 2

Alternative 2/ Screen 2
Description
• Purpose of the screen is offered a portal for sign up process.
• Logo, search box, button, angle-left, labels, background image,
text, and text input are interface components in this screen.
• The page offers account creation Functionality through sign-up
for the user.

Alternative 2
Screen 3

Alternative 2/ Screen 3
Description
• Purpose of the screen is offered a portal for the application user
which through they can log in in the application.
• The screen contains an icon, logo, search box, text, text input,
background image, button, label, angle-left, rectangle, Z-index, and
link text as interface components
• The page offers account access Functionality through the login
process for the user.

Alternative 2
Screen 4

Alternative 2/ Screen 4
Description
• Purpose of the screen is offered a portal to the application user
which through they can change their password
• The search box, Logo, button, text, angle-left, menu bar labels,
background image, and text input are interface components in
this screen.
• The page offers the creation of new password Functionality
when the user wants to change the password or forget the
password

Alternative 2
Screen 5

Alternative 2/ Screen 5
Description
• Purpose of the screen is offered Navigation panel to the application
user.
• The screen contains a number of interface components such as
Search box, Logo, button, angle-left, menu bar labels, Z-index,
rectangle, labels and background image
• The page offers different type menu for navigation Functionality .

Alternative 2
Screen 6

Alternative 2/ Screen 6
Description
• Purpose of the screen is offered searching panel to the application
used for the rent.
• Searching Screen has various types of interface components such
as menu bar, Search box, angle-left Logo, button, GPS map, labels,
Z-index, rectangle, labels and background image
• The page offers searching Functionality on the GPS Map

Alternative 2
Screen 7

Alternative 2/ Screen 7
Description
• Designed Screen’s Purpose is offered a portal to application user for
the bicycle booking
• Button, menu bar, Search box, angle-left Logo, button, labels,
checkbox, Z-index, date and time, rectangle, labels and background
image are used as the interface components in the booking screen.
• The page provides booking bicycle portal Functionality

Alternative 2
Screen 8

Alternative 2/ Screen 8
Description
• This screen is designed for payment purpose in the application for
the different types of services.
• Button, menu bar, Search box, Icon, angle-left, Logo, labels, Z-
index, checkbox rectangle, labels and background image are used as
the interface components in the payment screen.
• The user can select payment options for service and pay through
online mode.

Alternative 2/ Screen 9
Description

Alternative 2
Screen 9
• Designed Screen’s Purpose is offered the submission portal to the
application user.
• Submission screen holds different types interface components like as
Button, menu bar, Search box, angle-left Logo, button, labels,
checkbox, Z-index, date and time, rectangle, labels and background
image.
• The page provides submission bicycle portal and subscribes
application Functionality

Alternative 1
Here, I have designed the Alternative 1 according to essential
requirements.
• It focused on the customer and User Satisfaction.
• Design fulfilled a number of requirements such as sing up, log
in, bicycle booking, submission, product and payment.
• It offers online booking requirement of the user.

Alternative 2
Here, I have designed the Alternative 2 according to user requirements
with little bit advanced features.
• There is focused on the user requirements and designed this propriety
based
• This designed provide the searching, helmet requirements feature with
a different type of online payment mode. It is a colourful and easier
interface design.
• The design contains a number of pages such as sing up, log in, bike
searching, bike booking, forget the password, payment page, menu
page.

Recommendation
Here, I have recommended Alternative 2 design in the comparison of the
Alternative 1 design because of
• It is a colourful, user-friendly, user interactive, proper navigation and
easy to access.
• The user can search the bicycle according to their requirements, proper
navigation between pages and offered various type of payment mode for
the service.
• Design 2 is more secure because it works on OTP based during the Login
process and payment process.

Reference
• Balsamiq. (2018). Creating a Mobile Application- Balsamiq
Support Portal. Retrieved from
https://support.balsamiq.com/tutorials/mobileapplication/
• Thornsby, J. (2016). Designing, Wireframing & Prototyping an
Android App: Part 2. Envato. Retrieved from
https://code.tutsplus.com/tutorials/designing-wireframing-
prototyping-an-android-app-part-2--cms-27060?
_ga=2.128488015.233722926.1521277055-
535159536.1521277055
• Nielsen, J. (2013). Designprinciplesftw. Retrieved from
https://www.designprinciplesftw.com/collections/10-usability-
heuristics-for-user-interface-design
• Campbell J. (2017) . Dzone. Retrieved from
https://dzone.com/articles/6-best-ui-design-principles-to-
develop-mobile-apps