Webdesign
Webdesign
1
Fundamentals of Web Design
2
The Making of a Good Design
3
The Making of a Good Design
Remember WYSIWYW
– Web users want control over the online
material -- they want to seamlessly obtain
the information they need.
– Don’t force visitors down a specific path --
give them control.
5
Typical Website Evolution
6
General Methods for Design
7
Pitfalls of Ad-hoc Process
8
Benefits of Ad-hoc Process
9
Why take the time to design and test
before launching?
Although it takes a lot more time up
front, a well-thought-out web site:
– Has fewer problems
– Is more effective
– Is more understandable
– Is easier to navigate
and may end up taking less time overall
to create and maintain.
10
Pre-design Work
11
More Pre-design Work
• Operating systems
Windows XP is the most popular operating system
• Connection speeds
75% access the Internet using broadband (DSL/T1/T3)
25% access it using narrowband (modem)
<http://www.websiteoptimization.com/bw/0609/>
15
Usability
16
Visual items
• Compare:
17
Visual items
• Compare:
18
Usability -- Making It Easy To Read
• Factors that affect readability
– Poor eyesight of users
– Smaller, older computer monitors as displays
– Poor color perception of users
– “Cocktail-party” effect -- lots of information on a single web
page
• Design fixes:
– Use high contrast between text and background
– Use lots of white space
– Use larger fonts
– Put key navigation buttons in the upper left
– Don’t rely on color alone to distinguish between elements on a
web page
– Avoid busy graphics
– Limit page noise -- ensure page elements don’t compete for a
visitor’s attention
19
Usability -- User’s Memory
21
Using Cutting-Edge Tools
22
Accessibility Issues