Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Building Better Web Sites

1,348 views

Published on

Published in: Technology, Design
  • Be the first to comment

Building Better Web Sites

  1. 1. Building Better Web Sites weaving your web Shane Sher [email_address] PPL Computer Training Specialist Captain Blog Stephanie Chausse [email_address] PPL Web Weaver Wellness Well-doer . . . 
  2. 3. Evaluate your Audience <ul><li>What are your patrons looking for? </li></ul><ul><li>Are there special groups to target? </li></ul><ul><li>Surveys </li></ul>
  3. 4. Technically speaking . . . <ul><li>Use XHTML with CSS </li></ul><ul><li>Use include files for repeating items </li></ul><ul><li>Analyze stats with counters like W3 </li></ul>
  4. 5. Browsers
  5. 6. Resolutions
  6. 7. Decide on fluid or fixed width
  7. 8. Fluid
  8. 9. Fixed
  9. 10. Organize . . . logically <ul><li>list all topics on current Web site </li></ul><ul><li>outline and group items </li></ul><ul><li>create categories </li></ul>
  10. 11. Organize . . . visually  <ul><li>clear, consistent layout </li></ul><ul><li>use color purposefully </li></ul><ul><li>use images sparingly, avoid clutter </li></ul><ul><li>find royalty-free images </li></ul><ul><ul><li>morguefile.com </li></ul></ul><ul><ul><li>Photos.com </li></ul></ul>
  11. 12. Ugly sites  <ul><li>Phillips Designs </li></ul><ul><li>The CSI Companies </li></ul><ul><li>Brita </li></ul>It’s a mystery . . .
  12. 13. Usability = ease of use
  13. 14. Organize . . . practically <ul><li>think like a patron, not like a librarian </li></ul><ul><li>use clear, simple navigation </li></ul><ul><li>make page headings consistent with navigation </li></ul><ul><li>make your information accessible </li></ul>
  14. 15. Usability
  15. 16. Other tools
  16. 17. Eye-tracking
  17. 18. Eye-tracking
  18. 19. Eye-tracking
  19. 20. Eye-tracking on Google search results
  20. 21. Organize . . . for search engines <ul><li>use clear, specific page titles in TITLE BAR </li></ul><ul><li>use strong H1s </li></ul><ul><li>use keyword rich meta-tags and fresh content </li></ul>
  21. 22. Web 2.0 can feel like tangled mess
  22. 23. User Organization <ul><li>Google </li></ul><ul><li>Tagging  </li></ul><ul><li>Social bookmarking like del.icio.us </li></ul><ul><li>RSS Feeding </li></ul><ul><li>Badges </li></ul>
  23. 24. Challenges <ul><li>Who will provide content? </li></ul><ul><li>Who will support financially and technically? </li></ul><ul><li>Sometimes it's better to do less better, than do more, less effectively. </li></ul>
  24. 25. Blogs
  25. 26. Archives old posts automatically
  26. 27. Commenting area
  27. 28. Tagging
  28. 29. Blog vs. Site Positives
  29. 30. Blog vs. Site Positives <ul><li>Blog </li></ul><ul><li>Easy to use </li></ul><ul><li>Many times free </li></ul><ul><li>Easily adaptive to many needs </li></ul><ul><li>Multiple editors </li></ul><ul><li>Fresh content more manageable </li></ul><ul><li>Tagging </li></ul><ul><li>Web site </li></ul><ul><li>Unlimited space </li></ul><ul><li>Free reign </li></ul><ul><li>Imagination (or your support person) is the only barrier </li></ul><ul><li>No design constraints </li></ul>
  30. 31. Blog vs. Site Negatives
  31. 32. Blog vs. Site Negatives <ul><li>Blog </li></ul><ul><li>Limited design </li></ul><ul><li>Not always local </li></ul><ul><li>Limited space </li></ul><ul><li>Web site </li></ul><ul><li>Expensive </li></ul><ul><li>Need design skills </li></ul><ul><li>Need software, Dreamweaver </li></ul>
  32. 33. View many sites
  33. 34. It's a lonely place . . .
  34. 35. … or not!
  35. 36. Biblio <ul><li>Old advertisements from Plan 59 </li></ul><ul><li>Eye tracking from useit.com/eyetracking </li></ul><ul><li>in case you're up for a challenge, the guy on the mountain offers classes </li></ul><ul><li>Free counters from w3counter.com </li></ul><ul><li>Building Better Website links </li></ul>

×