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.
Extreme Makeover: Web Site Edition Laura Solomon,  MCIW, MLS Library Services Manager OPLIN [email_address]
AGENDA <ul><li>Some basics </li></ul><ul><li>Usability:  more than you ever wanted to know </li></ul><ul><li>Emergency fix...
Defining terms <ul><li>Usability </li></ul><ul><li>Accessibility </li></ul><ul><li>Findability </li></ul><ul><li>Web  page...
Usability is… <ul><li>… not this. </li></ul>
Accessibility… <ul><li>…is not just about the handicapped. </li></ul>
Findability
Page vs. site <ul><li>One versus many </li></ul><ul><li>Old versus new </li></ul><ul><li>“ home page” </li></ul>
Designer vs. developer <ul><li>www.hfccwebclub.com/webtips/webtips.php </li></ul>
HTML vs. XHTML/CSS <ul><li>Hypertext Markup Language </li></ul><ul><li>Extensible Hypertext Markup Language & Cascading St...
Web site myths
“ Content is king”
“ Presentation is more important than function”
“ Sites are viewed equally”
 
This is cool. (NOT.)
“ Users won’t scroll <ul><li>past the fold.” </li></ul>
“ The 3-Click Rule”
“ Usability is about stupid users”
“ Usability is common sense” <ul><li>packphour.wordpress.com/2007/12/08/common-sense/   </li></ul>
“ Build it and they will come”
“ Any site is better than no site” <ul><li>NO. </li></ul>
<ul><li>Usability:   </li></ul><ul><li>More than you ever wanted to know </li></ul>
What is usability? <ul><li>Interaction is measured </li></ul><ul><li>Weaknesses identified </li></ul>
Lab  not  required
Poor design costs $$$
“ Bad usability is like a leaky pipe” <ul><li>http://www.90percentofeverything.com/2006/11/13/bad-usability-is-like-a-leak...
3 main styles of testing <ul><li>Exploratory </li></ul><ul><li>Threshold </li></ul><ul><li>Comparison </li></ul>
Exploratory—searching for confusion
Threshold
Comparison
Some practical techniques <ul><li>Card sorting </li></ul><ul><li>Heuristics </li></ul><ul><li>Scenario-based testing </li>...
Card sorting
Card sort instructions: <ul><li>Scatter all the index cards on your desk.  </li></ul><ul><li>2) Sort the index cards into ...
Heuristic evaluation PRINCIPLES
Scenario-based testing
Mine your logs!
Time for a break!
Upcoming SlideShare
Loading in …5
×

Extreme Makeover: Web Site Edition

2,277 views

Published on

These slides were Part I of a 4-part presentation Laura Solomon did for NORWELD.

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

  • Be the first to like this

Extreme Makeover: Web Site Edition

  1. 1. Extreme Makeover: Web Site Edition Laura Solomon, MCIW, MLS Library Services Manager OPLIN [email_address]
  2. 2. AGENDA <ul><li>Some basics </li></ul><ul><li>Usability: more than you ever wanted to know </li></ul><ul><li>Emergency fixes </li></ul><ul><li>Advanced therapies </li></ul><ul><li>Makeover time! </li></ul>
  3. 3. Defining terms <ul><li>Usability </li></ul><ul><li>Accessibility </li></ul><ul><li>Findability </li></ul><ul><li>Web page versus web site </li></ul><ul><li>Web designer versus web developer </li></ul><ul><li>HTML vs. XHTML/CSS </li></ul>DEFINING TERMS
  4. 4. Usability is… <ul><li>… not this. </li></ul>
  5. 5. Accessibility… <ul><li>…is not just about the handicapped. </li></ul>
  6. 6. Findability
  7. 7. Page vs. site <ul><li>One versus many </li></ul><ul><li>Old versus new </li></ul><ul><li>“ home page” </li></ul>
  8. 8. Designer vs. developer <ul><li>www.hfccwebclub.com/webtips/webtips.php </li></ul>
  9. 9. HTML vs. XHTML/CSS <ul><li>Hypertext Markup Language </li></ul><ul><li>Extensible Hypertext Markup Language & Cascading Style Sheets </li></ul><ul><li>Why does it matter? </li></ul>
  10. 10. Web site myths
  11. 11. “ Content is king”
  12. 12. “ Presentation is more important than function”
  13. 13. “ Sites are viewed equally”
  14. 15. This is cool. (NOT.)
  15. 16. “ Users won’t scroll <ul><li>past the fold.” </li></ul>
  16. 17. “ The 3-Click Rule”
  17. 18. “ Usability is about stupid users”
  18. 19. “ Usability is common sense” <ul><li>packphour.wordpress.com/2007/12/08/common-sense/ </li></ul>
  19. 20. “ Build it and they will come”
  20. 21. “ Any site is better than no site” <ul><li>NO. </li></ul>
  21. 22. <ul><li>Usability: </li></ul><ul><li>More than you ever wanted to know </li></ul>
  22. 23. What is usability? <ul><li>Interaction is measured </li></ul><ul><li>Weaknesses identified </li></ul>
  23. 24. Lab not required
  24. 25. Poor design costs $$$
  25. 26. “ Bad usability is like a leaky pipe” <ul><li>http://www.90percentofeverything.com/2006/11/13/bad-usability-is-like-a-leaky-pipe/ </li></ul>
  26. 27. 3 main styles of testing <ul><li>Exploratory </li></ul><ul><li>Threshold </li></ul><ul><li>Comparison </li></ul>
  27. 28. Exploratory—searching for confusion
  28. 29. Threshold
  29. 30. Comparison
  30. 31. Some practical techniques <ul><li>Card sorting </li></ul><ul><li>Heuristics </li></ul><ul><li>Scenario-based testing </li></ul><ul><li>Data mining </li></ul>
  31. 32. Card sorting
  32. 33. Card sort instructions: <ul><li>Scatter all the index cards on your desk. </li></ul><ul><li>2) Sort the index cards into small piles according to similarity. </li></ul><ul><li>3) Arrange the small piles into larger groups that appear to belong to an overall category. </li></ul><ul><li>4) Invent a name for each of the larger groupings, write it on a slip of paper, and attach each slip to the corresponding group. </li></ul>
  33. 34. Heuristic evaluation PRINCIPLES
  34. 35. Scenario-based testing
  35. 36. Mine your logs!
  36. 37. Time for a break!

×