Basic Principles of website designing

1. Programme: BCA Course: Web Designing Fundamental
Web Designing Fundamental
BCA 302
By
Mr. Gulbir Singh
Assistant Professor, MMICT&BM,
M.M.(Deemed to be University)

2. Contents
• Basic Principles of website designing
• References
Programme: BCA Course: Web Designing Fundamental

3. Basic Principles of website
designing
• An effective website design should fulfill its intended function
by conveying its particular message.
• Several factors such as consistency, colours, typography,
imagery, simplicity and functionality all contribute to good
website design.
• A well designed website can help build trust and guide visitors
to take action.
Programme: BCA Course: Web Designing Fundamental

4. Basic Principles of website
designing Conti…
Below are some basic principles that will help in designing a
website:
• Website purpose
• Simplicity
• Navigation
• Visual hierarchy
• Content
• Load time
• Mobile friendly
Programme: BCA Course: Web Designing Fundamental

5. Basic Principles of website
designing Conti…
Website purpose
• The website needs to accommodate the needs of the user.
• What is the purpose of your website?
• Describing Expertise
• Building Your Reputation
• Sales and After Care
Programme: BCA Course: Web Designing Fundamental

6. Basic Principles of website
designing Conti…
Programme: BCA Course: Web Designing Fundamental
Simplicity
• Simplicity is the best way to go when considering the user
experience and the usability of your website. Below are ways
to achieve simplicity through design.
• Colour
• Type
• Imagery

7. Basic Principles of website
designing Conti…
Programme: BCA Course: Web Designing Fundamental
Navigation
• Navigation is the way finding system used on websites where
visitors interact and find what they are looking for.
• Website navigation is key to retaining visitors.
• If the websites navigation is confusing visitors will give up
and find what they need elsewhere.
• Keeping navigation simple, intuitive and consistent on every
page is key.

8. Basic Principles of website
designing Conti…
Programme: BCA Course: Web Designing Fundamental
Visual hierarchy
• Visual hierarchy is the arrangement of elements is order of
importance.
• This is done either by size, colour, imagery, contrast,
typographically, whitespace, texture and style.
• One of the most important functions of visual hierarchy is to
establish a focal point; this shows visitors where the most
important information is.

9. Basic Principles of website
designing Conti…
Programme: BCA Course: Web Designing Fundamental
Content
• An effective web design has both great design and great
content.
• Using compelling language great content can attract and
influence visitors by converting them into customers.

10. Basic Principles of website
designing Conti…
Programme: BCA Course: Web Designing Fundamental
Load time
• Waiting for a website to load will lose visitors.
• Nearly half of web visitors expect a site to load in 2 seconds or
less and they will potentially leave a site that isn’t loaded
within 3 seconds.
• Optimising image sizes will help load your site faster.

11. References
Programme: BCA Course: Web Designing Fundamental
1. Honey Cutt, Using the Internet, PHI, 4th ed., 1998.
2. Kogent Learning Solutions Inc., HTML 5 in Simple Steps, Dreamtech
Press, 2012.
3. Thomas A. Powell, The Complete Reference: HTML & XHTML, TMH,
4th ed., 2006.
4. Douglas E. Comer, Computer Networks and Internets, Addison Wisley, 4th
ed., 2009.
5. Xavier, World Wide Web Design with HTML, TMH,2006
6. Achyut S Godbole & Atul Kahate, Web Technologies, Tata McGraw-Hill,
2nd ed., 2012.
7. Brian K Williams & Stacey C. Sawyer, Using Information Technology,
TMH, 6thed, 2008.