BY,

BINNI.M
MBA (IB)
1
2
• WEBSITE

• WEB PAGE

• STATIC WEBPAGE
• DYNAMIC WEBPAGE

• WEBDESIGN

3
• PURPOSE
• AUDIENCE
• CONTENT
• COMPATABILITY & RESTRICTION
• DOCUMENTATION

4
• Creating the web site in an
attractive, logical manner.
• It attracts attention, adds value to
a message, enhances readership
and readability, simplifies,
organizes, provides selective
emphasis, and creates unity.

5
The basic Aspects of
design are:-
• Content-information should be
relevant.
• Usability- user friendly.
• Appearance(i.e Style should be
professional, appealing &
relevant).
• Visibility-easy to find in major
search engines.
6
EG: OF GOOD AND BAD DESIGN
Good Design Bad Design

7
 Users appreciate quality and credibility.
 Users don’t read, they scan.
 Web users are impatient and insist on instant
gratification.
 Users don’t make optimal choices.
 Users follow their intuition.
 Users want to have control.

8
9
1. Don’t make users think
• the web-page should be obvious and self-
explanatory.

10
Another Example

11
 2. Don’t squander users’ patience
First-time visitors are willing
to play with the service,
not filling long web forms
for an account they might
never use in the future

12
• human eye is a highly non-linear device,
and web-users can instantly recognize
edges, patterns and motions.

13
Letting the user see clearly what
functions are available

14
 5. Make use of effective writing
• use short and concise phrases
• use scalable layout.
• use plain and objective language

15
“keep it simple”-principle (KIS) should be
the primary goal of site design

16
It help to reduce the cognitive load for the
visitors.

17
• conventions are very useful as they reduce the
learning curve.
• With conventions you can gain users’ confidence,
trust, reliability and prove your credibility

18
Some important points to keep in mind:

 testing one user is 100% better than testing

none.
 testing is an iterative process.
 usability tests always produce useful results.
 a developer is unsuited to test his or her
code.
19
Craftsmanship
• Good design furthers the
message, the goal.
• Poor design buries the message
and hinders the goal.
• Good craftsmanship can carry a
weak design
• Poor craftsmanship can wreck a
good design

20
 Reference
• 10 Principles Of Effective Web Design « Smashing
Magazine:
http://www.smashingmagazine.com/2008/01/31/10-principles
downloaded on 1.10.2009
• principles-beautiful-web-design
http://www.sitepoint.com/article/principles-beautiful-web-desig
accessed on1.10.2009
• 4 Principles of Good Design for Websites
http://www.myinkblog.com/2009/03/21/4-principles-of-good-d
downloaded on 1.10.2009
• 9 Essential Principles for Good Web Design
http://psd.tutsplus.com/designing-tutorials/9-essential-principl
downloaded on 1.10.2009
• Websitehttp://en.wikipedia.org/wiki/Website accessed
on1.10.2009

21
• Designing Effective User Interfaces by Suzanne Martin
downloaded on 1.10.2009
• “Usability for the Web: Designing Web Sites that Work” by
Tom Brinck, Darren Gergle, Scott Wood accessed on
10.10.2009
• http://www.w3.org/TR/WCAG20/ accessed on 10.10.2009
• http://news.bbc.co.uk/1/hi/technology/4132752.stm
accessed on 10.10.2009
• http://info.cern.ch/ accessed on 10.10.2009
•
• Web Design Principles _ Web Design Library

22
23