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.

Sensible library website development

3,111 views

Published on

Presentation at Internet Librarian 2012 on sensible library website development.

Published in: Design
  • Be the first to comment

Sensible library website development

  1. 1. sensible library website developmentamanda etches#IL2012
  2. 2. your library is a unique little snowflake
  3. 3. why does yourlibrary have a website? a twitter experiment
  4. 4. post a way to to teach events access resources & services post hours to allow access to our post catalogue policies provideaccess to accountfunctions to help to link to our online resources support it’s the primary research way our patrons needs choose to interact with us
  5. 5. ALL our librariesare unique littlesnowflakes! Yet we all have similar motivations for our websites.
  6. 6. scope contentnavigation testing
  7. 7. scope
  8. 8. library websites often = junk drawers
  9. 9. website tips LESS IS MORE
  10. 10. website tips LESS IS MORE
  11. 11. website tips LESS IS LESS
  12. 12. website tipsSIGNAL:NOISE
  13. 13. 16% 27%8% 49%
  14. 14. 16%8% 76%
  15. 15. COMMUNITY PORTALPARTICIPATORY DESTINATION BASIC
  16. 16. COMMUNITY PORTALPARTICIPATORY DESTINATION BASIC
  17. 17. INFLUX.US/ONEPAGER
  18. 18. FREEHOLD PL http://freeholdpubliclibrary.org/
  19. 19. website tips LESS IS LESS
  20. 20. or t f s gn fir si ilede ob m
  21. 21. READ THIS
  22. 22. design for users’ critical tasks
  23. 23. ritical tasks ? ASK usershow to determine c
  24. 24. scope contentnavigation testing
  25. 25. FUNCTIONALREADING
  26. 26. How do you feel about reading thistext? This might be a perfectlyacceptable way to write a researchpaper or novel but websites aren’tfor reading. Sorry to break it toyou. People don’t want to readyour website. They want to findyour information. They’re on amission and all of the extra textyou’re putting on the screen isgetting in the way of letting themaccomplish their goals.
  27. 27. REMOVEUNNECESSARYWORDS
  28. 28. REMOVEWORDS
  29. 29. ?YOUR SITE = FAQ
  30. 30. INFORMATION NOT DOCUMENTS
  31. 31. INVERTEDPYRAMID
  32. 32. website tips
  33. 33. website tips
  34. 34. website tips
  35. 35. How do you feel about reading thistext? This might be a perfectlyacceptable way to write aresearch paper or novel butwebsites aren’t for reading. Sorryto break it to you. People don’twant to read your website. Theywant to find your information .They’re on a mission and all of theextra text you’re putting on thescreen is getting in the way ofletting them accomplish their
  36. 36. HEADERS, BITE-SIZED CHUNKS
  37. 37. before
  38. 38. after!
  39. 39. your web contentis a conversation website tips a conversation with your users
  40. 40. All issues of thelibrary newsletter canbe viewed online inthe About section. passive voice = bad!
  41. 41. PAGES MUST NOTBE WRITTEN BYPASSIVE VOICEDWRITERS.
  42. 42. WRITE IN THEACTIVE VOICE
  43. 43. You can read allissues of ournewsletter righthere! active voice = good
  44. 44. LIBRARY = WE
  45. 45. LIBRARY = WE USER = YOU
  46. 46. scope contentnavigation testing
  47. 47. SITE NAMEPAGE NAMEWHERE AM I?WHERE CAN I GO?HOW DO I SEARCH?
  48. 48. MATCH LABELS &PAGE NAMES
  49. 49. YOURNAVIGATION ISNOT YOURORG CHART
  50. 50. DEATH TO“CLICK HERE”
  51. 51. scope contentnavigation testing
  52. 52. usabilitytesting infive words
  53. 53. WATCHPEOPLEUSEYOURWEBSITE
  54. 54. wearenotourpatrons
  55. 55. fiveisenough
  56. 56. notesttoosmall
  57. 57. testearlyandoften
  58. 58. scriptit
  59. 59. THANKSetches.tumblr.com
  60. 60. 1. Snowflake: http://www.flickr.com/photos/mio-spr/4236002132. Twitter research: https://twitter.com/etches/status/2582811579327692803. Snowflakes: http://www.flickr.com/photos/stormbirdstudio/42684310084. Junk drawer: http://www.flickr.com/photos/29541077@N00/47119569125. Mobile first: http://www.flickr.com/photos/djlein/5010090835/6. Lights: http://www.flickr.com/photos/stephangeyer/24389440547. Survey: http://www.flickr.com/photos/joegratz/208778609/8. With her camera: http://www.flickr.com/photos/hmoong/5858769438/9. Conversation: http://www.flickr.com/photos/eye2eye/50892860 credits

×