FARM Application UI Design: Alternative 2 - A User-Friendly and Secure Approach

This document presents two alternative UI designs for the FARM application, focusing on user experience and functionality. Alternative 1 emphasizes standards and consistency, while Alternative 2 prioritizes user freedom, control, and a minimalist aesthetic. The document analyzes each alternative's strengths and weaknesses, ultimately recommending Alternative 2 for its user-friendly interface, enhanced functionality, and secure design. The recommendation is supported by a detailed analysis of the design principles employed in each alternative, drawing upon established heuristics and best practices in UI design.

ITC504 Assignment-1
DESIGN CONCEPT
Jagjeet Singh
Tiwana
11661567

Alternative 1
Screen 1

• Purpose: Screen is purposed for market value of the
application.
• Components of Interface: Icon, images, and button are
used for screen designed.
• Functionality: User can open the sign up page, sign –in
page, home page, and product page.
Alternative 1/ Screen 1
Description

Screen 2
Alternative 1

• Purpose: Screen design for sign up purpose in the
application.
• Components of Interface: Text, Icon, Text input,
images, and button are used as interface components.
• Functionality: User can sign up in the Farm application.
Alternative 1/ Screen 2
Description

Screen 3
Alternative 1

• Purpose: Screen create for the sign in purpose
• Components of Interface: Text, Text input, and button
are used for screen design.
• Functionality: User can do sign in the application.
Alternative 1/ Screen 3
Description

Screen 4
Alternative 1

• Purpose: Product and services purpose screen is
designed.
• Components of Interface: Icon, and images are used as
interface components.
• Functionality: User can choose the product according
their need.
Alternative 1/ Screen
4 Description

Screen 5
Alternative 1

• Purpose: Screen create for the address update purpose in
the application.
• Components of Interface: Text area, Text, button and
Icon are used in screen for the user interface.
• Functionality: User can update their address in the
application according their requirements.
Alternative 1/ Screen 5
Description

Screen6
Alternative 1

• Purpose: Screen six create for the Restaurant Booking
purpose in the application.
• Components of Interface: Text area, Text, and button
are used in screen six for the user interface.
• Functionality: User can book the restaurant for the
small function.
Alternative 1/ Screen 6
Description

Screen 7
Alternative 1

• Purpose: Food menu Purpose screen is created in the FARM
application
• Components of Interface: Images are used as interface
components.
• Functionality: User can select Food according their choice.
Alternative 1/ Screen 7
Description

Screen 8
Alternative 1

• Purpose: Wines menu Purpose screen is created in the
FARM application
• Components of Interface: Images are used as interface
components.
• Functionality: Wines can be selected by the user.
Alternative 1/ Screen 8
Description

Screen 9
Alternative 1

• Purpose: Screen create for order the service or product
from restaurant.
• Components of Interface: Table, Text, Icon, and button
are used for the design the screen nine.
• Functionality: User can give their order to the
restaurant.
Alternative 1/ Screen 9
Description

Screen 10
Alternative 1

• Purpose: Customer and Organization communication purpose
Screen create.
• Components of Interface: Text input, Text, sitemap, and
button are used for design the screen .
• Functionality: User can contact with Organization and ask
their query from Organization.
Alternative 1/ Screen 10
Description

Alternative 2
Screen 1

• Purpose: Screen is designed brand value purposed.
• Components of Interface: Images, icon, links and
button are used as interface components..
• Functionality: User can sign in, sing up, link the account
with Facebook, Google, and twitter. They can open home
page, product page and offers page.
Alternative 2/ Screen 1
Description

Screen 2
Alternative 2

• Purpose: Services and product information purposed
screen created
• Components of Interface: Icon, Text, and images are
used as interface components.
• Functionality: User can choose the product like food,
wine, and gifts according their need.
Alternative 2/ Screen 2
Description

Screen 3
Alternative 2

• Purpose:, Screen design for sing up purpose in the
application.
• Components of Interface: Text, Text input, button, Icon,
and images, are used as interface components.
• Functionality: User can sign up in the application.
Alternative 2/ Screen 3
Description

Screen 4
Alternative 2

• Purpose: Screen design for the sign in purpose in the
application.
• Components of Interface: Text, Text input, icon, image
and button are used as interface components.
• Functionality: User can sign in the application.
Alternative 2/ Screen 4
Description

Screen 5
Alternative 2

• Purpose: Screen design for the address update purpose in
the application.
• Components of Interface: Text area, Text, and button
are used as the user interface.
• Functionality: User can update their address.
Alternative 2/ Screen 5
Description

Screen 6
Alternative 2

Alternative 2/ Screen 6
Description
• Purpose: through this screen user can easily book the
restaurant.
• Components of Interface: Text, date, drop down menu, Text
area, Icon and button are used as interface components.
• Functionality: User can book the restaurant for small
gathering.

Screen 7
Alternative 2

• Purpose: Screen purposed for the food menu.
• Components of Interface: Images, Icon and links are
used as interface components.
• Functionality: User can choose Chinese, Spanish, Thai,
and Italian Food menu.
Alternative 2/ Screen 7
Description

Screen 8
Alternative 2

• Purpose: Screen purposed for the Wines menu in the
application.
• Components of Interface: Icon, Images and links are used as
interface components.
• Functionality: User can select White wines, Red Wines, Rose
Wines, and Sparkling in the Wine menu.
Alternative 2/ Screen 8
Description

Screen 9
Alternative 2

• Purpose: Screen purposed order of service in the
application.
• Components of Interface: Text, Table, Image Icon,
and button are used for design the screen.
• Functionality: User can give their order to the
restaurant.
Alternative 2/ Screen 9
Description

Screen 10
Alternative 2

• Purpose: Screen purposed for the customer FAQs.
• Components of Interface: Text input, Text, Icon, Star,
Images and button are used for design the screen.
• Functionality: User can ask their interrogation from
Organization and give the rating for restaurant service.
Alternative 2/ Screen 10
Description

Alternative 1
• Standards and Consistency Heuristics principal is used
for the Alternative 1 User Interface Design . Through this
user can easily understand the functions. Alternative one
uses standards and Consistency Heuristics principal in
the footer part (i.e. categories, home) and banner part
(image).

Alternative 2
Alternative 2 design Heuristics principal such as
• User freedom and control: It is used in the button for redirected
the user.
• Consistency and standards: footer part of application is used
Consistency and standards Heuristics principal
• Minimalist and Aesthetic design: Application icon like
Facebook, Google, twitter, home, cart, home, categories, and
offers are used Minimalist and Aesthetic design Heuristics
principal (Nielsen,2013).

Recommendation
I have selected Alternative 2 for the FARM application.
Reason of suggestion:
• Better User interface: It is a user friendly UI because
Application UI contain page for sign up, sign in, product, and
home.
• More Functionality: It offers account link function, add to cart
function, update function, and reset button.
• Secure: It is a secure application because it access only sign in
process with OTP. OTP send on user contact number.

Reference
• Campbell J. (2017) . Dzone. Retrieved from
https://dzone.com/articles/6-best-ui-design-principles-to-
develop-mobile-apps
• Nielsen (1995). Nielsen Norman Group. Retrieved from
https://www.nngroup.com/articles/ten-usability-
heuristics/
• Nielsen, J. (2013). Designprinciplesftw. Retrieved from
https://www.designprinciplesftw.com/collections/10-
usability-heuristics-for-user-interface-design