Building the Digital Branch: Designing Effective Library Websites

4,141
-1

Published on

Published in: Technology

Building the Digital Branch: Designing Effective Library Websites

  1. 1. Building the Digital Branch designing effective library websites David Lee King Topeka & Shawnee County Public Library davidleeking.com
  2. 2. Defining the Digital Branch
  3. 3. about the library no collection traditional website no staff no interaction no meetings
  4. 4. it’s about the library... it's not THE library
  5. 5. digital branch... building staff collection community
  6. 6. a digital branch has... building
  7. 7. a digital branch has... staff
  8. 8. real staff http://flickr.com/photos/freedryk/2170438778/ http://flickr.com/photos/osuvalleylibrary/523383761/ http://flickr.com/photos/olympiclibrarian/303827560/in/ set-72157600282345979/
  9. 9. a digital branch has... collection
  10. 10. real collection http://flickr.com/photos/lollyknit/2154242047/ http://flickr.com/photos/chrisbrogan/2704762582/
  11. 11. a digital branch has... community
  12. 12. real community
  13. 13. a digital branch is the actual library, just online
  14. 14. A Guide to Usability
  15. 15. What is usability?
  16. 16. Creating your test: Questions • figure out what to test • create a question that tests that • write specific questions
  17. 17. Test Description • “The goal of this study is to evaluate how people find information using our website. I will ask 15 questions and would like you to think out loud while looking for the answer. I will time you, and will stop you after 3 minutes have passed. Don’t worry if you can’t find the answer every time–we are testing our Web site, not you! Each answer can be found using the library’s Web site. The test should take no more than 20 minutes. Do you have any questions?”
  18. 18. Volunteers
  19. 19. Administer the test • Think of this step as the consumer “taste test” • Administering the test is the easiest part of a usability study. • read the explanation, whip out your stopwatch, and say “go.”
  20. 20. Analyzing the test
  21. 21. Here are some common types of problems you’ll find: • Wording Problems • Design Problems • Complete your usability test, redesign, and then … do it all again.
  22. 22. flickr.com/photos/dunk/152121217/ Live Card Sorting
  23. 23. handout #1
  24. 24. Q&A Time!
  25. 25. Gathering Info & Planning
  26. 26. handout #2
  27. 27. how I mindjet summarize findings
  28. 28. Q&A Time!
  29. 29. Building it!
  30. 30. handout #3
  31. 31. sitemap pic Sitemap here - what to do with it
  32. 32. Creative Brief - Purpose - Goals - Primary Audience - Why viewers use section - Tasks section accomplishes - Content requirements - Functionality requirements
  33. 33. mockup pic & explanation
  34. 34. touching base with everyone flickr.com/photos/armgov/4618925191/
  35. 35. release date flickr.com/photos/heartrush/376989166/
  36. 36. Q&A Time!
  37. 37. What’s Next?
  38. 38. the day after Opening Day
  39. 39. web analytics
  40. 40. rinse, repeat flickr.com/photos/eszter/340295962/
  41. 41. Q&A Time!
  42. 42. Creating Community Online
  43. 43. flickr.com/photos/thecrazyfilmgirl/3248283617/
  44. 44. flickr.com/photos/ky_olsen/3133347219/
  45. 45. listen for ... flickr.com/photos/carbonnyc/1359721335/
  46. 46. how to listen flickr.com/photos/lanuiop/401252404/
  47. 47. flickr.com/photos/jliba/3496259672/ friending
  48. 48. flickr.com/photos/travelinlibrarian/3424301792/ start conversations
  49. 49. multimedia flickr.com/photos/travelinlibrarian/3424967893/
  50. 50. stuff to remember
  51. 51. checking in flickr.com/photos/nanpalmero/4432186135/
  52. 52. treat the mayor!
  53. 53. respond
  54. 54. flickr.com/photos/orqwith/4325166853/ new service? start here...
  55. 55. Planning for Expansion
  56. 56. Q&A Time!

×