BASIC WEB DESIGN

PRINCIPLES AND
ELEMENTS
WEB DESIGN PRINCIPLES
Web Development - a concept of
planning, creating and maintaining
websites.

- constructing a website and updating

it regularly to incorporate changes.
WEB DESIGN PRINCIPLES
1.Visual Hierarchy 7. White Space
2. Proportion and Simple
3. Hick's Law Design
4. Fitts' Law 8. Regular
5. Accessibility Testing
6. Visible Language
VISUAL HIERARCHY
• Explains the order in which human
eye perceives what it sees.
• A technique to distinguish the
importance of every part of the
webpage.
• Objectives must be identified and
ranking of elements is important.
PROPORTION
• It is the use of the golden ratio,
approximately equal to 1.618, that
makes the design aesthetically
pleasing.
• Proper division of contents avoids
crowding of view.
HICK'S LAW
• A guideline for decision making in a
viewer's perspective.
• states that “with every additional
choice, the time required to make a
decision increases”.
FITTS' LAW
• States that “the time needed to
move to a target is dependent upon
the size of the target as well as the
distance to the target”.
• the larger the object and the shorter
the distance, the easier it would be
moved or reached.
ACCESSIBILITY
• the ability of the visitor to access
each bit of information in the easiest
manner.
• text must be readable and easy to
understand and images are of high
quality.
VISIBLE LANGUAGE
• A web page design should
communicate with the users clearly
and in engaging manner.
• organize
• economize
• communicate
WHITE SPACE AND SIMPLE
DESIGN
• division of web page into several
distinct parts or areas to make it
simpler for the users to process
information.
REGULAR TESTING
• TETO - test early and test often

• Websites need upgrades and

updates to maintain the visitor
customer interests and trends.