Building the
Digital Branch
 designing effective
 library websites
                         David Lee King
   Topeka & Sha...
Defining the
Digital Branch
about the library    no collection

      traditional website

no staff            no interaction

           no meetings
it’s about the library...

 it's not THE library
digital branch...
building
             staff

collection
              community
a digital branch has...


    building
a digital branch has...


       staff
real staff




                   http://flickr.com/photos/freedryk/2170438778/
            http://flickr.com/photos/osuvall...
a digital branch has...


   collection
real collection




http://flickr.com/photos/lollyknit/2154242047/
http://flickr.com/photos/chrisbrogan/2704762582/
a digital branch has...


  community
real community
a digital branch
is the actual library,
          just online
A Guide to
 Usability
What is usability?
Creating your test: Questions
• figure out what to test
• create a question that tests that
• write specific questions
Test Description
• “The goal of this study is to evaluate how
  people find information using our website. I
  will ask 15 ...
Volunteers
Administer the test
• Think of this step as the consumer
  “taste test”
• Administering the test is the easiest
  part of ...
Analyzing
the test
Here are some common types of
problems you’ll find:
• Wording Problems
• Design Problems
• Complete your usability test, re...
flickr.com/photos/dunk/152121217/




Live Card
 Sorting
handout #1
Q&A Time!
Gathering Info
 & Planning
handout #2
how I
   mindjet
summarize
findings
Q&A Time!
Building it!
handout #3
sitemap pic
Sitemap
here - what
to do with it
Creative Brief
- Purpose
- Goals
- Primary Audience
- Why viewers use section
- Tasks section accomplishes
- Content requi...
mockup pic &
explanation
touching base
with everyone
          flickr.com/photos/armgov/4618925191/
release date

         flickr.com/photos/heartrush/376989166/
Q&A Time!
What’s Next?
the day after
Opening Day
web analytics
rinse,
repeat
         flickr.com/photos/eszter/340295962/
Q&A Time!
Creating
Community
  Online
flickr.com/photos/thecrazyfilmgirl/3248283617/
flickr.com/photos/ky_olsen/3133347219/
listen for ...

flickr.com/photos/carbonnyc/1359721335/
how to listen

           flickr.com/photos/lanuiop/401252404/
flickr.com/photos/jliba/3496259672/




                                     friending
flickr.com/photos/travelinlibrarian/3424301792/




    start
conversations
multimedia

         flickr.com/photos/travelinlibrarian/3424967893/
stuff to
remember
checking in

          flickr.com/photos/nanpalmero/4432186135/
treat the
 mayor!
respond
flickr.com/photos/orqwith/4325166853/




       new service?
         start here...
Planning for
 Expansion
Q&A Time!
Building the Digital Branch: Designing Effective Library Websites
Building the Digital Branch: Designing Effective Library Websites
Building the Digital Branch: Designing Effective Library Websites
Building the Digital Branch: Designing Effective Library Websites
Building the Digital Branch: Designing Effective Library Websites
Building the Digital Branch: Designing Effective Library Websites
Building the Digital Branch: Designing Effective Library Websites
Building the Digital Branch: Designing Effective Library Websites
Building the Digital Branch: Designing Effective Library Websites
Upcoming SlideShare
Loading in …5
×

Building the Digital Branch: Designing Effective Library Websites

4,139
-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!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×