Website Design through the

perspective of site owners and

audience

Presented by: Prasiddha Pradhan

Reetu Lama
Biraj Joshi
 Introduction to website design

• Introduction of web design: 1989 A.D., by creator Tim Berners Lee

• refers to the design of websites that are displayed on the internet.

• Process of collecting ideas, arranging and implementing them, guided by

certain principles for a specific purpose.

• Different areas: web graphic design, user interface design, user

experience design, search engine etc.

• Works on the appearance, layout, and in some cases content of a website.

Elements of web design

Layout : It is the way the graphics, ads and text

are arranged.

Color: Choice of colors depends on the purpose

and clients.

GRAPHICS: Can include logos, photos, clipart or

icons, all of which enhance the web design.

Fonts : Various fonts can enhance a web design.

 Visual Hierarchy theory

• Visual hierarchy is the principle of arranging elements to show their

order of importance. Designers structure visual characteristics-e.g.,
menu icons, so users can understand information easily.

• “Visual hierarchy controls the delivery of the experience. If you

have a hard time figuring out where to look on a page, it’s more
likely that its layout is missing a clear visual hierarchy.” (Donald A.
Norman, 2002)
-The Nielsen Norman Group
 Building Blocks of Visual Hierarchy

Color: Bright Colors Contrast: Dramatically

Size: User notice larger
typically attract more contrasted colors are more
elements more easily.
attention than muted ones. eye catching.
(Donald A. Norman, 2002)

Alignment: Out of Repetition: Repeating

Proximity: Closely placed
alignment elements stand styles can suggest content
elements seem related
out over aligned ones. is related.

Whitespace: More space Texture and Style: Richer

around elements draws the textures stand out over flat
eye towards them. ones.
How to craft a strong Visual Hierarchy

A strong visual hierarchy leads users to

page/screen’s functionality and gives them the
right visual cues. From the perspective of users:

• When encouraging an interface, users react

extremely fast

• Users eye follow predictable reading paths,

which are culturally influenced. So they design
a hierarchy either to: a. Reinforce b.
Break

• Users prefer recognition over recall

Considering the user preference, designers/owner can show
users the most important things as they try to achieve goals in
their individual context. Some of the points are:
• The Gestalt principles

• Consistency

• Center Stage

• Mobile UX design specifics

• Typography and style- Primary, Secondary, Tertiary

 1. It builds trust with the audience
A professional site is a sign of trust with the audience. The
audience will trust the site owners business and try things out
Impact of web more comfortably. It is crucial to create trust with the
audience to keep them on site (webfx, n.d.).

design for
business owners 2. Improves website loading screen
All gadgets including like laptops, smartphones, tablet and
desktops are loaded easily with an advance website. Due to
fluid grids and high quality visual media the page loads in a
matter of seconds (cofmag, n.d.)

3. Reduces bounce rates

The bounce rates refers to the percentage of users visiting
and leaving a website after only one page has been
reviewed. As above a well designed site that has a fast load
rate ensures users engage longer and lower bounce rates
MM.DD.20XX with the owners website (cofmag, n.d.) 8
ADD A FOOTER
 4. Navigation
This is important if the site owners has many pages on the
website. It basically includes a well marked navigation bar
or a menu displaying a list of web pages. Users can easily
explore and understand your website when web surfacing is
established well.

5. Establishes consistent brand identity

Setting up a clear brand identity is important in order to
create reputation and confidence and creating a professional
website allows to communicate the story of the brand.

MM.DD.20XX
9
ADD A FOOTER
How does a website design attract audiences

1 2
Providing contact and legal
information
A website design becomes more
trustworthy and credible by
increasing the trust and confidence
of customers through contact
information and legal information.
Such as goods and services, contact
details, company information and
testimonials (inkbotdesign, n.d.).
ADD A FOOTER
Mobile compatability
People all over the world are using
mobile devices, from basic internet
searches to huge tickets and much
more. The reason? Its quick and
easy (Petersen, 2017).
3
Content
The website content of a target
audience should be affected. Such
materials should draw the
public( for example adding humor
or news related to the content) and
the written voice should also be
compatible with readers
interests(Snell, 2015).
10
 4 5
Seo optimized Images
Seo-optimized websites uses the search The old saying – a thousand words worth an
engine to have greater audience flow. image is real. Images are processed faster than
This will contribute to the website’s words, making it easy for users to access your
design and ranking which will be seen in content. So the website should choose pictures
additional search results to obtain more that are important to the interest of people
visitors (aarchiinfotechsolutions, n.d.). (getflywheel, n.d.).

11
Problems both owners and audience could face in website design

01 02 03
Not updated content Mismatch pagination Lack of website metrics
management system and conversion tracking

04 05
Little or no sharing Lack of on-page
options optimisation and call to
actions
 1. User interface 2. Integration of online
reforming payment

8. Use of AI in websites 3. Integration of

subscription system
Developing
website 4. Use of videos and
photos
7. Networking through design
various website platforms
through
time
6. Integration of user
guidelines in websites

5. Simplification of user
interface
 Case study of Sisu
 Sisu is a Canadian vitamins and supplement company which promotes
health and well-being by their products. The company had an issue
regarding its website design. To showcase its health products and allow
visitors to access health care services sisu needed much more user
friendly and custom web design. And mostly visitors need to scan items
quickly, discover educational resources and see local results in order to
help them online. So with help of a certain website design company sisu
was able to create a strong digital presence by completely redesigning
their website to fit in their new look, adding clean and contemporary
typography and adding appropriate navigaton and geo-filtered product
searching. This lead to strengthening their user experience and build a
reputation as a very credible brand (forgeandsmith, n.d.).

14
Bibliography
aarchiinfotechsolutions, n.d. [Online]
Available at: https://aarchiinfotechsolutions.com.au/audience-affects-website-design/
[Accessed 11 December 2020].
cofmag, n.d. [Online]
Available at: https://www.cofmag.com/2020/09/importance-of-a-good-website-design-for-business/
[Accessed 9 December 2020].
forgeandsmith, n.d. [Online]
Available at: https://forgeandsmith.com/our-case-studies/sisu/
[Accessed 15 December 2020].
getflywheel, n.d. [Online]
Available at: https://getflywheel.com/layout/design-target-audience/
[Accessed 11 December 2020].
inkbotdesign, n.d. [Online]
Available at: https://inkbotdesign.com/ways-to-attract-customers/
[Accessed 12 December 2020].
Petersen, N., 2017. [Online]
Available at: https://www.business2community.com/mobile-apps/mobile-friendly-websites-content-important-01908026
[Accessed 10 December 2020].
siteoscope, n.d. [Online]
Available at: https://www.siteoscope.com/
[Accessed 12 December 2020].
Snell, S., 2015. [Online]
Available at: https://www.vandelaydesign.com/audience-affects-design/
[Accessed 11 December 2020].
web3, n.d. [Online]
Available at: https://web3.com.au/most-common-website-problems/
[Accessed 14 December 2020].
webfx, n.d. [Online]
Available at: https://www.webfx.com/web-design/why-is-web-design-important.html
[Accessed 9 december 2020].