Website
Usability
Aaron Schmidt
Amanda Etches-Johnson
IL 09
Why usability?
“
    Technologies don’t
    become socially
    interesting until they
    become technologically
    boring.

    - Clay...
“
    Technologies don’t
    become socially
    interesting until they
    become technologically
    boring.

    - Clay...
“
    Technologies don’t
    become socially
    interesting until they
    become technologically
    boring.

    - Clay...
“
    Library websites are
    unlikely to be socially
    interesting if they’re
    difficult to use.

    - Aaron Schmidt
“
    Library websites are
    unlikely to be socially
    interesting if they’re
    difficult to use.

    - Aaron Schmidt
Website
 priorities
interesting

     easy
flash lincoln
?
?!
123
456
1
website tips




write for
the web
How do you feel about reading this text?
This might be a perfectly acceptable
way to write a research paper or novel
but w...
website tips




Remove
unnecessary
words
website tips




Remove
words
1.5
http://www.yourlibrary.org/
section/ref/12/list6/dir/
kids.html

http://yourlibrary.org/kids
2
website tips




Redesign
your website
3
website tips




Match labels
& pages
4
Appearance
matters
Appearance
matters
5
Whimsey
Don’t really feel like going to
the theatre tonight...
Don’t really feel like going to
the theatre tonight...


Great program about my life
at the library tomorrow http:
Don’t really feel like going to
the theatre tonight...


Great program about my life
at the library tomorrow http:


Four ...
6
Usability
testing in
five words
Watch people
use your
website
usability testing




non -
librarians
Find a magazine article.
Find a magazine article.
Find a magazine article.
Find a magazine article.
Five
second
test
crazyegg.com
Planning for
excellence
Planning for excellence




Usability
inventory
Planning for excellence




90 day
assessments
Planning for excellence
Planning for excellence



1. Forget current site
Planning for excellence



1. Forget current site
2. Gather planners
Planning for excellence



1. Forget current site
2. Gather planners
3. Determine audience
Planning for excellence



1. Forget current site
2. Gather planners
3. Determine audience
4. Assess & rank needs
Planning for excellence



1. Forget current site
2. Gather planners
3. Determine audience
4. Assess & rank needs
5. Compa...
Planning for excellence



1. Forget current site
2. Gather planners
3. Determine audience
4. Assess & rank needs
5. Compa...
The web is made of people
Make the web for people
?!
:)!
today’s activities




user needs
divide the dollar
card sort
user needs                                         [ try this with your
                                                  ...
divide the dollar                 [ try this with your
                                                users ]



$100

Di...
card sort                   [ try this with your
                       web team & your users]



1 team
Group cards into ...
Resources
INFLUX.US
INFLUX.US /SERVICES
/BLOG
INFLUX.US /SERVICES
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
website usability
Upcoming SlideShare
Loading in …5
×

website usability

861 views

Published on

A presentation given by Amanda and Aaron at Internet Librarian 2009.

Published in: Design, Technology

website usability

  1. 1. Website Usability Aaron Schmidt Amanda Etches-Johnson IL 09
  2. 2. Why usability?
  3. 3. “ Technologies don’t become socially interesting until they become technologically boring. - Clay Shirky
  4. 4. “ Technologies don’t become socially interesting until they become technologically boring. - Clay Shirky
  5. 5. “ Technologies don’t become socially interesting until they become technologically boring. - Clay Shirky
  6. 6. “ Library websites are unlikely to be socially interesting if they’re difficult to use. - Aaron Schmidt
  7. 7. “ Library websites are unlikely to be socially interesting if they’re difficult to use. - Aaron Schmidt
  8. 8. Website priorities interesting easy
  9. 9. flash lincoln
  10. 10. ?
  11. 11. ?!
  12. 12. 123 456
  13. 13. 1
  14. 14. website tips write for the web
  15. 15. How do you feel about reading this text? This might be a perfectly acceptable way to write a research paper or novel but websites aren’t for reading. Sorry to break it to you. People don’t want to read your website. They want to find your information. They’re on a mission and all of the extra text you’re putting on the screen is getting in the way of letting them accomplish their goals.
  16. 16. website tips Remove unnecessary words
  17. 17. website tips Remove words
  18. 18. 1.5
  19. 19. http://www.yourlibrary.org/ section/ref/12/list6/dir/ kids.html http://yourlibrary.org/kids
  20. 20. 2
  21. 21. website tips Redesign your website
  22. 22. 3
  23. 23. website tips Match labels & pages
  24. 24. 4
  25. 25. Appearance matters
  26. 26. Appearance matters
  27. 27. 5
  28. 28. Whimsey
  29. 29. Don’t really feel like going to the theatre tonight...
  30. 30. Don’t really feel like going to the theatre tonight... Great program about my life at the library tomorrow http:
  31. 31. Don’t really feel like going to the theatre tonight... Great program about my life at the library tomorrow http: Four score and seven years... oh just look it up.
  32. 32. 6
  33. 33. Usability testing in five words
  34. 34. Watch people use your website
  35. 35. usability testing non - librarians
  36. 36. Find a magazine article.
  37. 37. Find a magazine article.
  38. 38. Find a magazine article.
  39. 39. Find a magazine article.
  40. 40. Five second test
  41. 41. crazyegg.com
  42. 42. Planning for excellence
  43. 43. Planning for excellence Usability inventory
  44. 44. Planning for excellence 90 day assessments
  45. 45. Planning for excellence
  46. 46. Planning for excellence 1. Forget current site
  47. 47. Planning for excellence 1. Forget current site 2. Gather planners
  48. 48. Planning for excellence 1. Forget current site 2. Gather planners 3. Determine audience
  49. 49. Planning for excellence 1. Forget current site 2. Gather planners 3. Determine audience 4. Assess & rank needs
  50. 50. Planning for excellence 1. Forget current site 2. Gather planners 3. Determine audience 4. Assess & rank needs 5. Compare
  51. 51. Planning for excellence 1. Forget current site 2. Gather planners 3. Determine audience 4. Assess & rank needs 5. Compare 6. Outline steps
  52. 52. The web is made of people
  53. 53. Make the web for people
  54. 54. ?!
  55. 55. :)!
  56. 56. today’s activities user needs divide the dollar card sort
  57. 57. user needs [ try this with your web team ] [group 1] Amy is a 42-year old [group 2] Harrison is a 35- mother and homemaker who year old lawyer who works likes reading and cooking. At long hours and enjoys sports. night, after she puts her kids to Harrison uses the web for all bed, she likes playing cards his online banking, e-billing, online. and other conveniences. [group 3] Skye is 9. She uses [group 4] Randy is a 68-year old the web for email, IM, retired school bus driver who is homework and Webkinz.  new to the web. He has just started communicating with his grandkids over Skype. [10 minutes,15 things]
  58. 58. divide the dollar [ try this with your users ] $100 Divide the $ across features according to importance Explain why Everything on your user needs list must be valued [5 minutes]
  59. 59. card sort [ try this with your web team & your users] 1 team Group cards into categories Label your categories [10 minutes]
  60. 60. Resources
  61. 61. INFLUX.US
  62. 62. INFLUX.US /SERVICES
  63. 63. /BLOG INFLUX.US /SERVICES

×