Building Better Web Sites weaving your web Shane Sher [email_address] PPL Computer Training Specialist Captain Blog Stepha...
 
Evaluate your Audience  <ul><li>What are your patrons looking for? </li></ul><ul><li>Are there special groups to target? <...
Technically speaking . . .  <ul><li>Use  XHTML  with  CSS </li></ul><ul><li>Use  include files  for repeating items </li><...
Browsers
Resolutions
Decide on fluid or fixed width
Fluid
Fixed
Organize   . . . logically   <ul><li>list all topics on current Web site </li></ul><ul><li>outline and group items </li></...
Organize . . . visually   <ul><li>clear, consistent layout </li></ul><ul><li>use color purposefully </li></ul><ul><li>use ...
Ugly sites   <ul><li>Phillips Designs </li></ul><ul><li>The CSI Companies </li></ul><ul><li>Brita </li></ul>It’s a mystery...
Usability = ease of use
Organize . . . practically  <ul><li>think like a patron, not like a librarian </li></ul><ul><li>use clear, simple navigati...
Usability
Other tools
Eye-tracking
Eye-tracking
Eye-tracking
Eye-tracking  on Google search results
Organize . . . for search engines  <ul><li>use clear, specific page  titles in TITLE BAR </li></ul><ul><li>use strong H1s ...
Web 2.0 can feel like tangled mess
User Organization  <ul><li>Google </li></ul><ul><li>Tagging  </li></ul><ul><li>Social bookmarking like  del.icio.us </li><...
Challenges  <ul><li>Who will provide content? </li></ul><ul><li>Who will support financially and technically? </li></ul><u...
Blogs
Archives old posts automatically
Commenting area
Tagging
Blog vs. Site Positives
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>Ea...
Blog vs. Site Negatives
Blog vs. Site Negatives  <ul><li>Blog </li></ul><ul><li>Limited design </li></ul><ul><li>Not always local </li></ul><ul><l...
View many sites
It's a lonely place . . .
… or not!
Biblio <ul><li>Old advertisements from  Plan 59 </li></ul><ul><li>Eye tracking from  useit.com/eyetracking   </li></ul><ul...
Upcoming SlideShare
Loading in …5
×

Building Better Web Sites

1,236 views
1,213 views

Published on

Published in: Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,236
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
22
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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>

×