Downloaded 63 times
Uploaded byAnis Chief
Web+Design+Guide[1]
(1) The document discusses how to design usable websites, emphasizing starting with a mission statement, organizing content and navigation, and designing pages for conciseness and consistency. (2) Usability testing on representative users is recommended to discover any problems before launch. A variety of design guidelines, evaluation strategies, and resources are provided to help create easy-to-use and satisfying websites. (3) Key aspects include understanding users, involving them in design, creating clear navigation, and evaluating the site through checklists and user testing to ensure it meets visitors' needs.
Web+Design+Guide[1]
- 1. Designing for theWeb Web site design Web page design Web usability
- 2. Your Goal Createa web site that is: useful compelling attractive easy to use satisfying
- 3. Web Development TeamContent provider Information architect Graphic designer Writer / editor Programmer Project Manager Usability Expert
- 4. Mission Statement Whatare you creating and why? Who will use it? What will they want to do? How will you know if your site is successful?
- 5. Site Design ContentOrganization Navigation system
- 6. Content What doyour visitors want? What information do you want to provide? What do similar organizations provide? What do you already have? What do you need to create?
- 7. Activity #1 Developa mission statement one sentence must contain audience, purpose, and content Develop an initial inventory of content on your own
- 8. Organization Schemes Whitepages Yellow pages Supermarket Your computer
- 9. Hierarchy no morethan seven categories three clicks and you are there Home Page Topic 1 Topic 2 Topic 3 Topic 4 Topic 5 Topic 7 Topic 6 1 3 4 5 6 2 7
- 10. Navigation System Howdo I get home? Where am I? Where else can I go?
- 11. Examples across thetop down the left side
- 12. Additional Navigation Sitemap overall view Index alphabetical list of terms Search facility requires special expertise
- 13. Labels are importantStrive to make labels clear & concise Be consistent Follow convention Home / Main Search / Find Contact Us About Us Help / FAQ News / What’s New
- 14. Activity #2 refrigeratorsocks living room dictionary milk bureau kitchen bookshelf bedroom a live elephant
- 15. Web Page DesignKISS
- 16. Home Page Whatcan I do at this site? No scrolling should be necessary! Attractive This is your first impression
- 17. Web Writing remembervisitors only scan keep it short at least 50% of normal text use headings use bullet lists put conclusion first
- 18. Common Page Guidelinesdark text on light background limit visitor scrolling limit use of images limit use of animations
- 19. Be Aware ofBrowser Features Back button do not provide your own Colored links do not change default Bookmarks provide meaningful title
- 20. Proofread errors willkill the professional appearance of your site use a spell checker use a grammar checker? ask someone else to check grammar
- 21. Web Usability MeasuresWhat are some indications of ‘user friendly’? Ease of learning Improved user performance Low user error rate User satisfaction
- 22. Web Design GuidelinesKnow the user Involve the user during design Design a navigation system Where am I? How can I get home? Where else can I go?
- 23. Usability Evaluation StrategiesChecklist User testing Usability inspection bring in a usability expert
- 24. Usability Checklist Areall links correct? Is there a link to home on every page? Is navigation consistent on every page? Does each page have an appropriate title? Did I proofread all content? Create user profiles can they do what they will likely want to do?
- 25. User Testing Identifyappropriate users Select appropriate tasks Watch, listen, but don’t talk! Ask volunteers to complete a survey
- 26. A Typical SurveyStrive for unbiased questions Use a rating scale 1-5 Finding the information was: difficult 1 2 3 4 5 easy Appearance of the site was: ugly 1 2 3 4 5 beautiful Overall, the site was: really sucky 1 2 3 4 5 excellent
- 27. Some Sample SitesLet’s take a look at some of your favorite sites….
- 28. Activity #3 Goto a competitors site Kick the tires and look for usability problems What do you like? What do you think will cause problems? What do you hate?
- 29. Additional Resources UsableWeb the mother of all sites http://www.usableweb.com/ Yale Web Style Guide http://info.med.yale.edu/caim/manual/contents.html Link Checking Software Xenu's Link Sleuth - freeware http://home.snafu.de/tilman/xenulink.html
- 30. Summary (1) Website design start with a mission statement plan and organize the site design a navigation system Web page design be concise be consistent proofread
- 31. Summary (2) Webusability you are NOT the typical visitor find out what problems the typical visitor has with your site Web Usability Evaluation discover usability problems BEFORE it is too late