ITC504 Project: Farm Shop Application Design Concepts and Heuristics

This project presents the design concept for a farm shop application, detailing two alternative designs across eight screens each. Each screen's objective, used components (images, rulers, buttons, labels, etc.), and user facilities are described. Alternative 1 focuses on basic functionality, while Alternative 2 emphasizes a more attractive and feature-rich interface, including social login options and additional information. The project also discusses the heuristic principles applied to each design, evaluating factors like loading time, error handling, and navigation. The recommendation favors Alternative 2 due to its improved alignment, enhanced GUI, and additional login/signup options. Desklib offers a platform for students to access similar solved assignments and past papers.

ITC504 Assignment-1
Design Concept
Your Name
Student No

Alternative 1/ Screen 1

Alternative 1/ Screen 1
 Objective- The main objective of the current page is to get enter or
login the user into the farm shop application.
 Used components - The screen 1 components are image, horizontal
ruler, button, label and various different symbols like : home, cart,
share, share and few more.
 User facility –
1. The login option can be used by the user to use the application.
2. Also, forgot password facility can also be used by the user in case
he forgot his password.
3. And sign up can also be done on this page.

Alternative 1/ Screen 2

Alternative 1/ Screen 2
 Objective- The main objective of the current page is to get register on
the application by providing some necessary information.
 Used components - The screen 2 components are image, horizontal
ruler, button, label, rectangle and various different symbols like :
home, cart, share, and few more.
 User facility –
1. The sign up option can be used by the user to register on the
application.
2. Also, user can login if already registered on the application.

Alternative 1/ Screen 3

Alternative 1/ Screen 3
 Objective- The main objective of the current page is to set the
password again in case of user forget his password.
 Used components - The screen 3 components are image, horizontal
ruler, button, circle, label, rectangle and various different symbols
like : home, cart, share, and few more.
 User facility –
1. The user can reset his password by clicking on forgot password.
2. User has to enter mobile number or email for the verification
purpose and to get OTP on that.

Alternative 1/ Screen 4

Alternative 1/ Screen 4
 Objective- The main objective of the current page is to provide overall
functionality and relation with the page and giving all the features on
this page. So it is the home page of the application.
 Used components - The screen 4 components are image, horizontal
ruler, button, circle, label, rectangle and various different symbols
like : home, cart, share, caret left and right, and few more.
 User facility –
1. This page provides all the services available on the application into
various categories.
2. The offer slider is given to highlight the special offers given on the
application.

Alternative 1/ Screen 5

Alternative 1/ Screen 5
 Objective- The main objective of the current page is to proceed for
purchasing the product as it is the my cart page.
 Used components - The screen 5 components are image, horizontal
ruler, button, circle, label, rectangle and various different symbols
like : home, cart, share, caret left and right, and few more.
 User facility –
1. The page is the cart of the application helps to buy the product from
the application.
2. The user can add any product to cart and changes it quantity as per
the requirement and can buy the product.

Alternative 1/ Screen 6

Alternative 1/ Screen 6
 Objective- The main objective of the current page is to proceed for
searching any product on the application.
 Used components - The screen 6 components are image, horizontal
ruler, button, circle, label, rectangle and various different symbols
like : home, cart, share, caret left and right, search, and few more.
 User facility –
1. User can search any product as per his choice directly on this page.
2. If product will be available then it will display it otherwise, not
available will be displayed.

Alternative 1/ Screen 7

Alternative 1/ Screen 7
 Objective- The main objective of the current page is to display the
information of the single product in detail.
 Used components - The screen 7 components are image, horizontal
ruler, button, circle, label, rectangle, circle button and various
different symbols like : home, cart, share, caret left and right, search,
and few more.
 User facility –
1. User can see the information of individual product in detail on this
page.
2. The product quantity can be set here.

Alternative 1/ Screen 8

Alternative 1/ Screen 8
 Objective- The main objective of the current page is to manage the
user profile.
 Used components - The screen 8 components are image, horizontal
ruler, label, various different symbols like : home, cart, search,
smiley, and few more.
 User facility –
1. The profile can be manage by the user on this page.
2. A user can manage setting of the page and any other thing from
here.

Alternative 2/ Screen 1

Alternative 2/ Screen 1
 Objective- The main objective of the current page is to get enter and login
into the shop application.
 Used components - The screen 1 components are image, horizontal ruler,
button, label, circle and various different symbols like : home, cart, share,
message, key, information, Facebook, google and few more.
 User facility –
1. The login option can be used by the user to use the application.
2. Also, forgot password facility can also be used by the user in case he forgot
his password.
3. And sign up can also be done on this page.
4. A user can login using Facebook and Google also.
5. Also, user can skip login and proceed on application.

Alternative 2/ Screen 2

Alternative 2/ Screen 2
 Objective- The main objective of the current page is to get register on
the application by providing some necessary information.
 Used components - The screen 2 components are image, horizontal
ruler, button, label, rectangle and various different symbols like : home,
cart, share, Facebook, google, notification, information and few more.
 User facility –
1. The sign up option can be used by the user to register on the
application.
2. Also, user can login if already registered on the application.
3. User can also register using Facebook google.
4. Also, user can use application without register on it.

Alternative 2/ Screen 3

Alternative 2/ Screen 3
 Objective- The main objective of the current page is to set the
password again in case of user forget his password.
 Used components - The screen 3 components are image, horizontal
ruler, button, circle, label, rectangle and various different symbols
like : home, cart, share, information and few more.
 User facility –
1. The user can reset his password by clicking on forgot password.
2. User has to enter mobile number or email for the verification
purpose and to get OTP on that.
3. User can also resend the OTP in case of not received.

Alternative 2/ Screen 4

Alternative 2/ Screen 4
 Objective- The main objective of the current page is to provide overall
functionality and relation with the page and giving all the features on this page.
So it is the home page of the application.
 Used components - The screen 4 components are image, horizontal ruler,
button, circle, label, rectangle and various different symbols like : home, cart,
share, caret left and right, information, search, notification, and few more.
 User facility –
1. This page provides all the services available on the application into various
categories.
2. The offer slider is given to highlight the special offers given on the application.
3. Also user can check the information of the application, share the application
and can manage their wish list, cart and profile.

Alternative 2/ Screen 5

Alternative 2/ Screen 5
 Objective- The main objective of the current page is to proceed for
purchasing the product as it is the my cart page.
 Used components - The screen 5 components are image, horizontal
ruler, button, circle, label, rectangle and various different symbols like :
home, cart, share, caret left and right, information, notification, and few
more.
 User facility –
1. The page is the cart of the application helps to buy the product from
the application.
2. The user can add any product to cart and changes it quantity as per
the requirement and can buy the product.
3. There are various modes of payment is given.

Alternative 2/ Screen 6

Alternative 2/ Screen 6
 Objective- The main objective of the current page is to proceed for
searching any product on the application.
 Used components - The screen 6 components are image, horizontal
ruler, button, circle, label, rectangle and various different symbols
like : home, cart, share, caret left and right, search, notification,
information and few more.
 User facility –
1. User can search any product as per his choice directly on this page.
2. If product will be available then it will display it otherwise, not
available will be displayed.
3. All the product related to name will be shown.

Alternative 2/ Screen 7

Alternative 2/ Screen 7
 Objective- The main objective of the current page is to display the
information of the single product in detail.
 Used components - The screen 7 components are image, horizontal
ruler, button, circle, label, rectangle, circle button and various
different symbols like : home, cart, share, caret left and right, search,
information, notification and few more.
 User facility –
1. User can see the information of individual product in detail on this
page.
2. The product quantity can be set here.
3. The product can be added to cart and wish list from here.

Alternative 2/ Screen 8

Alternative 2/ Screen 8
 Objective- The main objective of the current page is to manage the
user profile.
 Used components - The screen 8 components are image, horizontal
ruler, label, various different symbols like : home, cart, search,
smiley, information, notification and few more.
 User facility –
1. The profile can be manage by the user on this page.
2. A user can manage setting of the page and any other thing from
here.
3. More options are given to manage orders, wish list, help, settings
and so many.

Alternative 1 Heuristics principles
 The heuristics principles of the design of alternative 1 are :-
1. The time to load the page depends on the speed of the internet and
interface. So it quite fast and easy.
2. Handling of errors is very fast and accessible. Application is much
powerful to handle all the errors.
3. There is very fast and quick navigation on all the pages. And the
interface is very easy and so much user friendly.
4. Redirection speed to load the pages and to connect them is very fast.
5. User can write any type of query to get the feedback on the
application and help from the application.

Alternative 2 Heuristics principles
 The heuristics principles of the design of alternative 2 are :-
1. The application alternative 2 is much more attractive as more colors
combinations and functions are added in it.
2. The application alternative 2 is much more flexible and compatible
with the various devices.
3. The redirection and loading time of various pages will be more than
that of alternative 1 due to high interface and functions.
4. The more advanced documentation of the application alternative 2
makes it much reliable and fast.
5. The linking and navigation to all the pages is much more better with
high reliability and good connections.

Recommendations
I strongly recommend alternative 2 over alternative 1 due to following reasons:
A. The alignment of the body is more defined and arrangements are more
specific sorted, and up to the mark. More addition features like notification,
information page is being added to all the pages in alternative 2.
B. There are lots of login option and sign up options on the application. Like user
can make manual entry, entry with Facebook or entry with google in the
application.
C. The GUI of the alternative 2 is very attractive and interactive. As in alternative
2 the more combination of colors are added to make it look good. While there
was only white black combination was there in alternative 1.
D. There are many more additional features and functionality in alternative 2 are
there. Like in alternative 2 there are more labels, components, and symbols
are used.

Recommendations(Contd.)
E. There is the fixed header and footer section is given on the design of
alternative 2 which covers almost every functionality related to the
application. This makes navigation more easier.
F. There are more number of categories available on the home page of
alternative 2. Searching option and a notification slider is also given
additionally in order to enhance the application.

References
 Baker, R. (2014). Empirical Development of Heuristics for Touch Interfaces. Retrieved
from https://www.uxmatters.com/mt/archives/2014/06/empirical-development-of-
heuristics-for-touch-interfaces.php
 Brainvire. (2016, Jun 30). Know The Importance Of Wireframe In Mobile App
Development [Blog Post]. Retrieved from https://www.brainvire.com/blog/know-the-
importance-of-wireframe-in-mobile-app-development/
 Medium. (2015). The bestprototyping tools. Retrieved from
https://medium.com/@order_group/the-best-prototyping-tools-8d7dc5c8ee27