1 / 53

Web Site Design

Discover essential elements for effective web design, learn factors that drive repeat visits, and optimize your site for user experience and accessibility. Enhance consumer confidence and boost online success.

michaelhorn
Download Presentation

Web Site Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Site Design The Good, The Bad and The Recommended Connie Hancock University of Nebraska - Lincoln Extension Educator chancock1@unl.edu

  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. Navigation

  9. Where am I? • Where have I been? • Where can I go? • Where is the home page? • Where is the home “home” page?

  10. 3 clicks and you’re out!

  11. Bandwidth

  12. GONE!! • 1 – 2 seconds • < 13 seconds • > 20 seconds Download time…

  13. Designing for 56k modem • Keeping page sizes < 75k • Applying the KISS rule Decrease download time by…..

  14. “Remove graphic; increase traffic. It’s that simple.” Reference: Dr. Jakob Nielsen; Web Usability Speciality; http://www.useit.com

  15. Browsers

  16. NETSCAPE EXPLORER

  17. NETSCAPE EXPLORER

  18. Netscape • Explorer • Foxfire • Mozilla Browser Testing – • Opera • AOL • Web TV • Lynx

  19. Interface

  20. How are your customers accessing your site? • Desktop • Laptop • Hand-held • Web TV

  21. PC • Mac How are your customers accessing your site?

  22. Color

  23. Color Considerations…. • Artistic • Cultural • Sales • Technical

  24. What color means??? Black – United States & Europe White– China & Japan Yellow – Egypt & Burma Purple– Thailand Blue – Iran Red – South Africa

  25. Frames

  26. Browsers don’t like them • Printers don’t like them • Search engines don’t like them • People/customers don’t like them Frames . . .

  27. FRAMES

  28. Readability

  29. How’s this for readability?

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

  31. serif sans-serif

  32. Accessibility

  33. 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.

  34. www.w3.org/WAI www.cast.org/bobby

  35. Text Only Default

  36. 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

  37. The key is consumer confidence… • Payment options • Secure transactions • Easy to use return or exchange policy • Quick processing time and delivery • Shopper privacy

More Related