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,214 views
2,191 views

Published on

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

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

  • Be the first to like this

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

No notes for slide
  • 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!

    ×