71
Building the Building the Digital Digital Branch: Branch: David Lee Ki David Lee Kin Topeka & Shawnee County Public Libra Topeka & Shawnee County Public Libra davidleeking.c davidleeking.co designing designing effective effective library library websites websites

Building the Digital Branch

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Building the Digital Branch

Building theBuilding theDigital Digital Branch:Branch:

David Lee KingDavid Lee KingTopeka & Shawnee County Public LibraryTopeka & Shawnee County Public Library

davidleeking.comdavidleeking.com

designing designing effective effective

library websiteslibrary websites

Page 2: Building the Digital Branch

Defining theDefining theDigital Digital BranchBranch

Page 3: Building the Digital Branch

no interactionno interaction

traditional websitetraditional website

no meetingsno meetings

no staffno staff

no no collectioncollection

about the about the librarylibrary

Page 4: Building the Digital Branch

It’s It’s ABOUTABOUT the library the library

It’s not It’s not THETHE library library

Page 5: Building the Digital Branch
Page 6: Building the Digital Branch
Page 7: Building the Digital Branch

digital branch...

buildingbuilding

communitycommunitycollectioncollection

staffstaff

Page 8: Building the Digital Branch

buildingbuilding

a digital branch has...

Page 9: Building the Digital Branch

a digital branch has...

staffstaff

Page 10: Building the Digital Branch

real staff

http://flickr.com/photos/freedryk/2170438778/http://flickr.com/photos/osuvalleylibrary/523383761/

http://flickr.com/photos/olympiclibrarian/303827560/in/set-72157600282345979/

Page 11: Building the Digital Branch

collectioncollection

a digital branch has...

Page 12: Building the Digital Branch

real collection

http://flickr.com/photos/lollyknit/2154242047/http://flickr.com/photos/chrisbrogan/2704762582/

Page 13: Building the Digital Branch

communitycommunity

a digital branch has...

Page 14: Building the Digital Branch

real community

Page 15: Building the Digital Branch

a digital branchis the actual

library, just online

Page 16: Building the Digital Branch

A Guide A Guide totoUsabilityUsability

Page 17: Building the Digital Branch

What is usability?

Page 18: Building the Digital Branch

• figure out what to test• create a question that tests that• write specific questions

Creating your Test: Creating your Test: QuestionsQuestions

Page 19: Building the Digital Branch

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?”

Page 20: Building the Digital Branch

VolunteersVolunteers

Page 21: Building the Digital Branch

• 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.”

Administer Administer the testthe test

Page 22: Building the Digital Branch

Analyzing the test

Page 23: Building the Digital Branch

• Wording Problems• Design Problems• Complete your usability test,

redesign, and then … do it all again.

Common ProblemsCommon Problems

Page 24: Building the Digital Branch

Live Card Live Card SortingSorting

flickr.com/photos/dunk/152121217/

Page 25: Building the Digital Branch

handout #1

Page 26: Building the Digital Branch

Q&A Time!

Page 27: Building the Digital Branch

Gathering Gathering InfoInfo& Planning& Planning

Page 28: Building the Digital Branch

handout #2

Page 29: Building the Digital Branch

mindjethow I summarize findings

Page 30: Building the Digital Branch

Q&A Time!

Page 31: Building the Digital Branch

Building Building it!it!

Page 32: Building the Digital Branch

sitemap pic here - what to do with itSitemapSitemap

Page 33: Building the Digital Branch

Creative Brief- Purpose- Goals- Primary Audience- Why viewers use section- Tasks section accomplishes- Content requirements- Functionality requirements

Page 34: Building the Digital Branch

handout #3

Page 35: Building the Digital Branch

mockup pic &

explanation

Page 36: Building the Digital Branch
Page 37: Building the Digital Branch
Page 38: Building the Digital Branch
Page 39: Building the Digital Branch
Page 40: Building the Digital Branch
Page 41: Building the Digital Branch
Page 42: Building the Digital Branch

touching touching base with base with everyoneeveryone

flickr.com/photos/armgov/4618925191/

Page 43: Building the Digital Branch

release daterelease date

flickr.com/photos/heartrush/376989166/

Page 44: Building the Digital Branch

Q&A Time!

Page 45: Building the Digital Branch

What’What’s s Next?Next?

Page 46: Building the Digital Branch

the day after Opening Day

Page 47: Building the Digital Branch

web analyticsweb analytics

Page 48: Building the Digital Branch
Page 49: Building the Digital Branch
Page 50: Building the Digital Branch

rinse, rinse, repearepeatt

flickr.com/photos/eszter/340295962/

Page 51: Building the Digital Branch

Q&A Time!

Page 52: Building the Digital Branch

CreatingCreatingCommuniCommunitytyOnlineOnline

Page 53: Building the Digital Branch

flickr.com/photos/thecrazyfilmgirl/3248283617/

Page 54: Building the Digital Branch

flickr.com/photos/ky_olsen/3133347219/

Page 55: Building the Digital Branch

listen for ...listen for ...

flickr.com/photos/carbonnyc/1359721335/

Page 56: Building the Digital Branch

flickr.com/photos/lanuiop/401252404/

how to how to listenlisten

Page 57: Building the Digital Branch
Page 58: Building the Digital Branch
Page 59: Building the Digital Branch
Page 60: Building the Digital Branch

flickr.com/photos/jliba/3496259672/

friendingfriending

Page 61: Building the Digital Branch

flickr.com/photos/travelinlibrarian/3424301792/

start start conversatioconversatio

nsns

Page 62: Building the Digital Branch

flickr.com/photos/travelinlibrarian/3424967893/

multimediamultimedia

Page 63: Building the Digital Branch

stuff to stuff to rememberremember

Page 64: Building the Digital Branch

flickr.com/photos/nanpalmero/4432186135/

checking inchecking in

Page 65: Building the Digital Branch

treat the treat the mayor!mayor!

Page 66: Building the Digital Branch

respondrespond

Page 67: Building the Digital Branch

flickr.com/photos/orqwith/4325166853/

new new service?service?start start

here...here...

Page 68: Building the Digital Branch
Page 69: Building the Digital Branch
Page 70: Building the Digital Branch

Planning Planning forforExpansionExpansion

Page 71: Building the Digital Branch

Q & A Q & A Time!Time!