Interface Design Analysis: Comparison of Two Website Designs

This report provides a detailed analysis of two distinct interface designs created for a local farm shop's website. The report delves into the strengths and weaknesses of each design, examining elements such as the homepage, store page, restaurant page, and various interactive features like login/sign-up and contact pages. The analysis includes a comparison of the design principles, layout, and navigational structures, as well as an assessment of usability goals and user experience. The report highlights the advantages and disadvantages of each design, and ultimately recommends the superior design based on its overall functionality, user-friendliness, and adherence to design principles, with a focus on providing a positive user experience for a diverse target audience. The report concludes by emphasizing the importance of iterative design and the value of comparing multiple interface designs before finalizing a website's structure and features.

Running head: INTERFACE DESIGN ANALYSIS
Interface Design Analysis
Name of the student:
Name of the University:
Author note:

1
INTERFACE DESIGN ANALYSIS
Table of Contents
Introduction................................................................................................................................3
Interactive Design 1...................................................................................................................3
Home Page.............................................................................................................................3
Store Page...............................................................................................................................4
Restaurant Page......................................................................................................................5
Find Us...................................................................................................................................6
Login/Sign Up Page...............................................................................................................7
Interactive Design 2...................................................................................................................8
Home Page.............................................................................................................................8
Store Page...............................................................................................................................9
Restaurant Page....................................................................................................................10
Contact Us Page...................................................................................................................11
Fig 2.4 Contact Us Page.......................................................................................................11
Find Us Page........................................................................................................................12
Advantages of Design 1...........................................................................................................12
Advantages of Design 2...........................................................................................................12
Disadvantages of Design 1.......................................................................................................13
Disadvantages of Design 2.......................................................................................................13
Design Principles of Design 1..................................................................................................14
Design Principles of Design 2..................................................................................................14
Usability Goals and Experience of Design 1 and Design 2.....................................................15

2
INTERFACE DESIGN ANALYSIS
Selecting a design.....................................................................................................................15
Target Users and Usability.......................................................................................................15
Conclusion................................................................................................................................16

3
INTERFACE DESIGN ANALYSIS
Introduction
It is always important for any business organization to have their well-established web
presence. Interactive design is a simpler term used to present only small part of the whole
User Experience concept (Silver, 2013). A good interactive design is the user friendly layer
that helps the users to communicate with a software or web interface (Huang & Benyoucef,
2013). The report will describe the pros and cons of the two designs made for the local farm
shop and would finally assist in selecting one of the two design sets as the final web-
interface. The report critically analyzes each webpage design with keen attention to the
design standards.
Interactive Design 1
Home Page
Fig 1.1 Home Page

4
INTERFACE DESIGN ANALYSIS
Fig 1.1 above shows the home page design. It consists of an ‘About’ section, a
navigational menu and the offer zone. The ‘About’ section further a slide show window that
is meant to display images or special offers in regular time intervals. It also contains a few
paragraphs about the business being represented and the name of it. The navigational menu is
needed to navigate between the different pages within the website. Finally, the Offer Zone are
is to highlight each day’s or week’s offers. Users can click on each offer and land in the
respective goods’ page to view and add them to cart.
Store Page
Fig 1.2 Store Page

5
INTERFACE DESIGN ANALYSIS
Fig 1.2 represents the Store Page of the website. It beholds tons of functionalities and
feature that will be discussed in a later section. As its header, it has the navigational menu,
the name of the business, a heading for the page and a catchy phrase. Then, it puts up a sub
menu that shows the types of products sold by the shop. In the frame below, the products are
lined up. Users can view the price of each, choose the quantity of buy and finally add the
items to cart. To the right, the ‘cart status’ option list down the items that the user has added
to his or her cart. It also shows the quantity and total amount of each. A search bar is
provided with a net calculated amount shown by cart icon. Users can also login here before
checking out for bill payment.
Restaurant Page
Fig 1.3 Restaurant Page
Call: 123-456-789
To book us for a
party

6
INTERFACE DESIGN ANALYSIS
This page shows the restaurant facility of the local farm shop. This page has a sub
menu to browse between the options of the restaurant. It shows the booking option, the Menu
option to view the foods menu, customer reviews and a picture gallery. A small slideshow of
the gallery is also presented in this page. The page has options for users to enter name, phone
number, number of tables and the date of booking. The option to call the restaurant to book
for a birthday party is also available.
Find Us
Fig 1.4 Find Us page
This page has a basic map and the list of locations for the stores and restaurant of the
shop. On selecting a store from the list, the map points to its location (Krum, 2013).

7
INTERFACE DESIGN ANALYSIS
Login/Sign Up Page
Fig 1.5 Login/Sign Up page
Fig 1.5 shows the Login and sign up page of the website. It has separate sections for
login and fresh sign up. For signing up, users are needed to give their basic personal details
and create a password (Neil, 2014). To the left, the best offer’s advertisement for the day is
displayed.

8
INTERFACE DESIGN ANALYSIS
Interactive Design 2
Home Page
Fig 2.1 Home Page
Fig 2.1 represents the home page for the second set of design of the local farm shop
website. It has a header section with a navigation bar, login option and cart value icon, shop
name and social media handles. In the body, there is an about section with an image slider
and texts. Below is the offer zone with clickable links. On the right, there is a new sign up
page and a login button to take the user to a secure login page (Stallings et al., 2012).

9
INTERFACE DESIGN ANALYSIS
Store Page
Fig 2.2 Store Page
This page is the online store portal of the second interactive design. It has all the same
elements and options as the first, just with a different layout. Users can directly remove items

10
INTERFACE DESIGN ANALYSIS
from the cart just by clicking the X icon. The only difference is the header, that has a new
look and feel. It also contains the contact number.
Restaurant Page
Fig 2.3 Restaurant Page
In this page, the same table booking functionalities for the restaurant are presented.
The only additions are the time option. It also has the added Party booking option, in the sub-
menu itself.

11
INTERFACE DESIGN ANALYSIS
Contact Us Page
Fig 2.4 Contact Us Page
This page separately presents the social media domains for the stores and the
restaurant. In addition to that, the page also has the contacts option with a link to the find
location page.