Web Site Design

1
Web Site Design
2
Know why you are on the Web?
3
Reasons Why People Shop the Web

• Easy to place an order
• Large selection of products
• Cheaper prices
• Faster service and delivery
• Detailed and clear product information
• No Sales pressure
• Easy payment procedure

Reference http//www.useit.com
4
Factors driving repeat visits to a Web Site

• High Quality
• Ease of use
• Minimal download time
• Updated often

Reference Forrester Survey
5
Design Features
6
Elements to consider

• Home page
• Navigation
• Bandwidth
• Browser compatibility
• User Interface
• Color palette
• Frames
• Accessibility

7
Home Page
8
(No Transcript)
9
(No Transcript)
10
(No Transcript)
11
Navigation
12

• Where am I?
• Where have I been?
• Where can I go?
• Where is the home page?
• Where is the home home page?

13
(No Transcript)
14
3 clicks and youre out!
15
Bandwidth
16
GONE!!
Download time

• 1 2 seconds
• lt 13 seconds
• gt 20 seconds

17
Decrease download time by..

• Designing for 56k modem
• Keeping page sizes lt 75k
• Applying the KISS rule

18

• Remove graphic increase traffic.
• Its that simple.

Reference Dr. Jakob Nielsen Web Usability
Speciality http//www.useit.com
19
Browsers
20
NETSCAPE
EXPLORER
21
NETSCAPE
EXPLORER
22
Browser Testing

• Netscape
• Explorer
• Foxfire
• Mozilla

• Opera
• AOL
• Web TV
• Lynx

23
Interface
24
How are your customers accessing your site?

• Desktop
• Laptop
• Hand-held
• Web TV

25
How are your customers accessing your site?

• PC
• Mac

26
Color
27

• Color Considerations.

• Artistic
• Cultural
• Sales
• Technical

28
(No Transcript)
29
What color means???
Black United States Europe White China
Japan Yellow Egypt Burma Purple
Thailand Blue Iran Red South Africa
30
Frames
31
(No Transcript)
32
(No Transcript)
33
Frames . . .

• Browsers dont like them
• Printers dont like them
• Search engines dont like them
• People/customers dont like them

34
FRAMES
35
Readability
36
Hows this for readability?
37
(No Transcript)
38
(No Transcript)
39
Recommendations . . .

• Good background/text contrast
• Avoid patterned backgrounds
• Easy to read fonts
• Make words count
• Short paragraphs
• Bulleted lists

40
(No Transcript)
41
serif sans-serif
42
Accessibility
43
For Example . . .

• The visually impaired use special readers that
  read only text.
• Blinking text can trigger seizures in some
  visitors.
• Poor color choices may render text unreadable to
  color blind visitors.
• Mouse-dependent site navigation can be difficult
  for visitors with physical limitations.
• Information contained in sound clips is
  inaccessible to hearing-impaired visitors.

44
www.w3.org/WAI
www.cast.org/bobby
45
(No Transcript)
46
Text Only Default
47
(No Transcript)
48
(No Transcript)
49
The key is consumer confidence

• Fun and easy to navigate sites
• Pages that appear professional
• Clear and accurate product information
• Real time answers
• Good prices and clear representation of all
  charges

50
The key is consumer confidence

• Payment options
• Secure transactions
• Easy to use return or exchange policy
• Quick processing time and delivery
• Shopper privacy

51
The Bottom Line . . .

• Getting customers to come to your site,
• Getting customers to make a purchase
• once they get to your site, and
• Getting customers to return to your site and
• purchase again, again, and again!

52
Resource
Designing Web Usability The Practice of
Simplicity by Jakob Nielsen
www.useit.com
53
Resource
Web Pages That Suck Learn Good Design by Looking
at Bad Design by V. Flanders M. Willis
www.webpagesthatsuck.com
54
Resource
Dont Make Me Think! A Common Sense Approach to
Web Usability by Steve Krug
www.sensible.com
55
Resource Business to
Consumer E-Commerce Selling on the Internet
Beth Duncan, Ph.d Small Business
Specialist Mississippi State University Extension
Service bethd_at_ext.msstate.edu
56
Connie Hancock Extension Educator University of
NE Rural Initiative chancock1_at_unl.edu
57
Web Site Design