175
TEN STEPS TO A USER-FRIENDLY LIBRARY WEBSITE

10 Steps to a User-Friendly Library Website

Embed Size (px)

DESCRIPTION

Asron Schmidt and Amanda Etches-Johnson Workshop, Jan 25, 2012

Citation preview

Page 1: 10 Steps to a User-Friendly Library Website

TEN STEPSTO A USER-FRIENDLYLIBRARY WEBSITE

Page 2: 10 Steps to a User-Friendly Library Website

DISCLAIMER!

Page 3: 10 Steps to a User-Friendly Library Website

DISCLAIMER!

THE CATALOGPROBLEM

Page 4: 10 Steps to a User-Friendly Library Website
Page 5: 10 Steps to a User-Friendly Library Website
Page 6: 10 Steps to a User-Friendly Library Website

OCLC PERCEPTIONS REPORT 2010

Page 7: 10 Steps to a User-Friendly Library Website

USEFUL

DESIRABLEUSEABLE

Page 8: 10 Steps to a User-Friendly Library Website

REDUCEYOUR

WEBSITE

STEP ONE

Page 9: 10 Steps to a User-Friendly Library Website

http://www.flickr.com/photos/nirak/2739706627/

Page 10: 10 Steps to a User-Friendly Library Website

LESS IS

MORE

website tips

Page 11: 10 Steps to a User-Friendly Library Website

LESS IS

MORE

website tips

Page 12: 10 Steps to a User-Friendly Library Website

LESS IS LESS

website tips

Page 13: 10 Steps to a User-Friendly Library Website

SIGNAL:NOISE

website tips

Page 14: 10 Steps to a User-Friendly Library Website

16%

8%

49%

27%

Page 15: 10 Steps to a User-Friendly Library Website

website tips

21%

11%67%

Page 16: 10 Steps to a User-Friendly Library Website
Page 17: 10 Steps to a User-Friendly Library Website

SCOPE YOUR SITE

Page 18: 10 Steps to a User-Friendly Library Website
Page 19: 10 Steps to a User-Friendly Library Website

BASIC

Page 20: 10 Steps to a User-Friendly Library Website

BASIC

DESTINATION

Page 21: 10 Steps to a User-Friendly Library Website

BASIC

DESTINATION

PARTICIPATORY

Page 22: 10 Steps to a User-Friendly Library Website

BASIC

DESTINATION

PARTICIPATORY

COMMUNITY PORTAL

Page 23: 10 Steps to a User-Friendly Library Website

BASIC

NO MAJOR USABILITY ISSUES

RELEVANT FUNCTIONALITY

NECESSARY INFORMATION

Page 24: 10 Steps to a User-Friendly Library Website

DESTINATIONLIBRARIAN CREATED CONTENT

BASIC INTERACTIVITY

Page 25: 10 Steps to a User-Friendly Library Website

PARTICIPATORYSERIOUS USER GENERATED CONTENT

PATRONS CREATING CULTURE

Page 26: 10 Steps to a User-Friendly Library Website

COMMUNITY PORTALLIBRARY WEBSITE AS COMMUNITY PLATFORM

THE WEBSITE BECOMES A COMMUNITY KNOWLEDGE BANK

Page 27: 10 Steps to a User-Friendly Library Website

COMMUNITY PORTAL

DESTINATION

PARTICIPATORY

BASIC

Page 28: 10 Steps to a User-Friendly Library Website

COMMUNITY PORTAL

DESTINATION

PARTICIPATORY

BASIC

Page 29: 10 Steps to a User-Friendly Library Website

INFLUX.US/ONEPAGER

Page 30: 10 Steps to a User-Friendly Library Website
Page 31: 10 Steps to a User-Friendly Library Website

MOBILEFIRST

STEP TWO

Page 32: 10 Steps to a User-Friendly Library Website
Page 33: 10 Steps to a User-Friendly Library Website
Page 34: 10 Steps to a User-Friendly Library Website
Page 35: 10 Steps to a User-Friendly Library Website
Page 36: 10 Steps to a User-Friendly Library Website
Page 37: 10 Steps to a User-Friendly Library Website
Page 38: 10 Steps to a User-Friendly Library Website
Page 39: 10 Steps to a User-Friendly Library Website

READ THIS

Page 40: 10 Steps to a User-Friendly Library Website

CONDUCTUSABILITY

TESTS

STEP THREE

Page 41: 10 Steps to a User-Friendly Library Website

USABILITY TESTINGIN FIVE WORDS

Page 42: 10 Steps to a User-Friendly Library Website

WATCH PEOPLEUSE YOUR WEBSITE

Page 43: 10 Steps to a User-Friendly Library Website

NON-LIBRARIANS

Page 44: 10 Steps to a User-Friendly Library Website

FIND A MAGAZINE ARTICLE

Page 45: 10 Steps to a User-Friendly Library Website

FIND A MAGAZINE ARTICLE

Page 46: 10 Steps to a User-Friendly Library Website

FIND A MAGAZINE ARTICLE

Page 47: 10 Steps to a User-Friendly Library Website

FIND A MAGAZINE ARTICLE

Page 48: 10 Steps to a User-Friendly Library Website

FIVE SECOND TESTS

Page 49: 10 Steps to a User-Friendly Library Website

WHY TEST WEBSITES?

Page 50: 10 Steps to a User-Friendly Library Website

WHAT SHOULD WE TEST?

Page 51: 10 Steps to a User-Friendly Library Website

CRITICAL TASKS =

MUST HAVES FOR YOUR USERS

Page 52: 10 Steps to a User-Friendly Library Website

1. USE YOUR PERSONAS2. ASK LIBRARY USERS3. ASK STAFF4. LOOK AT ANALYTICS

Page 53: 10 Steps to a User-Friendly Library Website

SCENARIOS

“Search a library database for an article about exercise.”

“You want to run a marathon and need to know how to train for it. Find the latest information in a magazine about training for a marathon.”

Page 54: 10 Steps to a User-Friendly Library Website

RECRUITING TESTERS

Page 55: 10 Steps to a User-Friendly Library Website

CONDUCTING A TEST

Page 56: 10 Steps to a User-Friendly Library Website

SCRIPTS

Page 57: 10 Steps to a User-Friendly Library Website

TEST ROOM SETUP

Page 58: 10 Steps to a User-Friendly Library Website

SHOULD WE RECORD TESTS?

Page 59: 10 Steps to a User-Friendly Library Website

THE DEBRIEF MEETING

Page 60: 10 Steps to a User-Friendly Library Website

MINDYOUR

NAVIGATION

STEP FOUR

Page 61: 10 Steps to a User-Friendly Library Website

SITE NAMEPAGE NAMEWHERE AM I?WHERE CAN I GO?HOW DO I SEARCH?

Page 62: 10 Steps to a User-Friendly Library Website

PLACEFULNESS

Page 63: 10 Steps to a User-Friendly Library Website

PLACEFULNESS

Page 64: 10 Steps to a User-Friendly Library Website

PLACEFULNESS

Page 65: 10 Steps to a User-Friendly Library Website
Page 66: 10 Steps to a User-Friendly Library Website
Page 67: 10 Steps to a User-Friendly Library Website
Page 68: 10 Steps to a User-Friendly Library Website
Page 69: 10 Steps to a User-Friendly Library Website
Page 70: 10 Steps to a User-Friendly Library Website
Page 71: 10 Steps to a User-Friendly Library Website
Page 72: 10 Steps to a User-Friendly Library Website
Page 73: 10 Steps to a User-Friendly Library Website
Page 74: 10 Steps to a User-Friendly Library Website
Page 75: 10 Steps to a User-Friendly Library Website

NAVIGATIONAL OVERLOAD

Page 76: 10 Steps to a User-Friendly Library Website

WRITE FOR THE WEB

STEP FIVE

Page 77: 10 Steps to a User-Friendly Library Website

FUNCTIONALREADING

Page 78: 10 Steps to a User-Friendly Library Website

website tips

?

Page 79: 10 Steps to a User-Friendly Library Website

website tips

?YOUR SITE = FAQ

Page 80: 10 Steps to a User-Friendly Library Website

website tips

flickr.com/photos/eye2eye/50892860

Page 81: 10 Steps to a User-Friendly Library Website

A library card is required to check out library items

Page 82: 10 Steps to a User-Friendly Library Website

With a library card you may check out unlimited DVDs, books and more.

Page 83: 10 Steps to a User-Friendly Library Website

You can check out all sorts of stuff once you get a card.

Do it already!

Page 84: 10 Steps to a User-Friendly Library Website

DOCUMENTSVS.

INFORMATION

Page 85: 10 Steps to a User-Friendly Library Website
Page 86: 10 Steps to a User-Friendly Library Website
Page 87: 10 Steps to a User-Friendly Library Website

website tips

PORTABLEDOCUMENTFORMAT

Page 88: 10 Steps to a User-Friendly Library Website

website tips

PORTABLEDOCUMENTFORMAT

Page 89: 10 Steps to a User-Friendly Library Website

website tips

Page 90: 10 Steps to a User-Friendly Library Website

website tips

Page 91: 10 Steps to a User-Friendly Library Website

website tipsINVERTED PYRAMID

Page 92: 10 Steps to a User-Friendly Library Website

website tipsINVERTED PYRAMID

Page 93: 10 Steps to a User-Friendly Library Website

website tipsINVERTED PYRAMID

Page 94: 10 Steps to a User-Friendly Library Website

website tipsINVERTED PYRAMID

Page 95: 10 Steps to a User-Friendly Library Website
Page 96: 10 Steps to a User-Friendly Library Website
Page 97: 10 Steps to a User-Friendly Library Website
Page 98: 10 Steps to a User-Friendly Library Website

HEADINGCONTENT CONTENT CONTENT CONTENTCONTENT CONTENTCONTENT CONTENTCONTENT CONTENTHEADINGCONTENT CONTENT CONTENT CONTENTCONTENT CONTENTCONTENT CONTENTCONTENT CONTENT

Page 99: 10 Steps to a User-Friendly Library Website

HEADINGCONTENT CONTENT CONTENT CONTENTCONTENT CONTENT

HEADINGCONTENT CONTENT CONTENT CONTENTCONTENT CONTENT

Page 100: 10 Steps to a User-Friendly Library Website

HEADINGCONTENT CONTENT CONTENT CONTENTCONTENT CONTENT

HEADINGCONTENT CONTENT CONTENT CONTENTCONTENT CONTENT

Page 101: 10 Steps to a User-Friendly Library Website

website tips

Page 102: 10 Steps to a User-Friendly Library Website

website tips

Page 103: 10 Steps to a User-Friendly Library Website

REMOVE UNNECESSARYWORDS

website tips

Page 104: 10 Steps to a User-Friendly Library Website

REMOVE WORDS

website tips

Page 105: 10 Steps to a User-Friendly Library Website
Page 106: 10 Steps to a User-Friendly Library Website
Page 107: 10 Steps to a User-Friendly Library Website

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

http://yourlibrary.org/kids

Page 108: 10 Steps to a User-Friendly Library Website

DON’T WRITEIN ALL CAPS!!!!

website tips

Page 109: 10 Steps to a User-Friendly Library Website

PAGES MUST NOT BE WRITTEN BY PASSIVE VOICEDLIBRARIANS

Page 110: 10 Steps to a User-Friendly Library Website

WRITE IN THE ACTIVE VOICE

Page 111: 10 Steps to a User-Friendly Library Website

ONE THOUGHT PER SENTENCE.

FRAGMENTS CAN WORK.

Page 112: 10 Steps to a User-Friendly Library Website

THE LIBRARY = WEwebsite tips

Page 113: 10 Steps to a User-Friendly Library Website

THE LIBRARY = WEwebsite tips

PATRONS = YOU

Page 114: 10 Steps to a User-Friendly Library Website

THE LIBRARY = WEwebsite tips

PATRONS = YOU

PATRONS = I

Page 115: 10 Steps to a User-Friendly Library Website

ebsite tips

WHAT IS YOUR EMAIL ADDRESS?

HOW DO I RESET MY PIN?

Page 116: 10 Steps to a User-Friendly Library Website

LINKSwebsite tips

Page 117: 10 Steps to a User-Friendly Library Website

LINKSwebsite tips

CLICK HERE

Page 118: 10 Steps to a User-Friendly Library Website

Click here to go to your account

Access your account.

Page 119: 10 Steps to a User-Friendly Library Website

READ THIS

Page 120: 10 Steps to a User-Friendly Library Website

Q&A BREAK

Page 121: 10 Steps to a User-Friendly Library Website

CONTENTAUDIT

STEP SIX

Page 122: 10 Steps to a User-Friendly Library Website

flickr.com/photos/hackaday/4640516680

Page 123: 10 Steps to a User-Friendly Library Website

CONTENT AUDIT

Page 124: 10 Steps to a User-Friendly Library Website

ACCURATEUSEFULNESSUSEDWEB-WRITTENON MESSAGELAST UPDATED

Page 125: 10 Steps to a User-Friendly Library Website

website tips

000000

WEB WRITTEN

Page 126: 10 Steps to a User-Friendly Library Website

CONTENTSTRATEGY

STEP SEVEN

Page 127: 10 Steps to a User-Friendly Library Website
Page 128: 10 Steps to a User-Friendly Library Website

PLANNING FOR THE CREATIONDELIVERY &GOVERNANCE OF

USEFULUSABLE &DESIRABLE CONTENT

Page 129: 10 Steps to a User-Friendly Library Website

WHAT DO PEOPLE NEED TO DO ON THIS SITE?

Page 130: 10 Steps to a User-Friendly Library Website

CRITICAL TASKS

Page 131: 10 Steps to a User-Friendly Library Website

REQUESTCREATEEDITAPPROVEPUBLISHUPDATEARCHIVE/REMOVE

WORKFLOW

Page 132: 10 Steps to a User-Friendly Library Website

REQUESTCREATEEDITAPPROVEPUBLISHUPDATEARCHIVE/REMOVE

STRUCTURE

CATEGORIZE

STYLE

WORKFLOW

Page 133: 10 Steps to a User-Friendly Library Website
Page 134: 10 Steps to a User-Friendly Library Website
Page 135: 10 Steps to a User-Friendly Library Website

USEGRAPHICDESIGN

STEP EIGHT

Page 136: 10 Steps to a User-Friendly Library Website
Page 137: 10 Steps to a User-Friendly Library Website
Page 138: 10 Steps to a User-Friendly Library Website

KULER.ADOBE.COM

Page 139: 10 Steps to a User-Friendly Library Website

colour matters

Page 140: 10 Steps to a User-Friendly Library Website
Page 141: 10 Steps to a User-Friendly Library Website
Page 142: 10 Steps to a User-Friendly Library Website

USE CONVENTIONS

Page 143: 10 Steps to a User-Friendly Library Website
Page 144: 10 Steps to a User-Friendly Library Website

website tips

Page 145: 10 Steps to a User-Friendly Library Website

website tips

Page 146: 10 Steps to a User-Friendly Library Website
Page 147: 10 Steps to a User-Friendly Library Website

HEADINGCONTENT CONTENT CONTENT CONTENTCONTENT CONTENTCONTENT CONTENTCONTENT CONTENTHEADINGCONTENT CONTENT CONTENT CONTENTCONTENT CONTENTCONTENT CONTENTCONTENT CONTENT

Page 148: 10 Steps to a User-Friendly Library Website

HEADINGCONTENT CONTENT CONTENT CONTENTCONTENT CONTENT

HEADINGCONTENT CONTENT CONTENT CONTENTCONTENT CONTENT

Page 149: 10 Steps to a User-Friendly Library Website

HEADINGCONTENT CONTENT CONTENT CONTENTCONTENT CONTENT

HEADINGCONTENT CONTENT CONTENT CONTENTCONTENT CONTENT

Page 150: 10 Steps to a User-Friendly Library Website
Page 151: 10 Steps to a User-Friendly Library Website
Page 152: 10 Steps to a User-Friendly Library Website
Page 153: 10 Steps to a User-Friendly Library Website
Page 154: 10 Steps to a User-Friendly Library Website
Page 155: 10 Steps to a User-Friendly Library Website
Page 156: 10 Steps to a User-Friendly Library Website

Library closed Tuesday, November 11th

Page 157: 10 Steps to a User-Friendly Library Website
Page 158: 10 Steps to a User-Friendly Library Website

USERRESEARCH

STEP NINE

Page 159: 10 Steps to a User-Friendly Library Website

flickr.com/photos/joegratz/208778609/

Page 160: 10 Steps to a User-Friendly Library Website

flickr.com/photos/armgov/4768605514/

Page 161: 10 Steps to a User-Friendly Library Website

flickr.com/photos/etches-johnson/5614226072/

Page 162: 10 Steps to a User-Friendly Library Website

flickr.com/photos/lovestruck94/4080022888/

Page 163: 10 Steps to a User-Friendly Library Website

flickr.com/photos/special_photos/4387943868/

Page 164: 10 Steps to a User-Friendly Library Website

flickr.com/photos/hmoong/5858769438/

Page 165: 10 Steps to a User-Friendly Library Website

CREATEPERSONAS

STEP TEN

Page 166: 10 Steps to a User-Friendly Library Website

website tips

Page 167: 10 Steps to a User-Friendly Library Website

flickr.com/photos/31284576@N06/4692195726

Page 168: 10 Steps to a User-Friendly Library Website

BRAINSTORMCOMMON TASKS

Page 169: 10 Steps to a User-Friendly Library Website

GROUP TASKS^UNIQUE

Page 170: 10 Steps to a User-Friendly Library Website

NAME GROUPS

Page 171: 10 Steps to a User-Friendly Library Website

PRIMARY

26Age

Quote

Undergrad Student w/ Disability

Esther CambridgeTed Hendricks

Connect the theory and practice of teacher education for education students.

Connect students with education theorists.

Teach students how to find good, quality research.

Become a better researcher, using library resources more effectively

Encourage students to ask questions and think critically

Find a job in my field.

Get as much content as I can online for all my classes.

Get better at narrowing down my research focus.

Get better at keeping up with the research happening in my field.

Education FacultyUndergrad Researcher

Find research materials as quickly as possible

Maintain high GPA

Balance schoolwork with life

Get a research assistant job.

Get better at doing research faster and more efficiently.

20

"I don't do as much group work as I'd like to… it's hard because a lot of

students don't really know what to do around some who's disabled. It's not their fault, they're just not used to it… My biggest issue is trying to figue out

how to make them feel comfortable, you know?"

"I'm all over campus. Sometimes I'm in a practice space, sometimes I'm looking

for good wifi, and sometimes I'm too exhausted to go anywhere so I do

research at home."

Alice Cummings

Use technology to improve access to textbooks and other printed materials.

Use as many campus resources to improve my mobility and access to materials.

Become as independent as possible getting around campus.

45

Sylvia Page

@ Potsdam

Goals

Name

Music Graduate Student

22

"I don't use the library stuff....I just use Google Scholar because I type what I want and it pops up with the exact article I'm looking for."

"I've never been good about bringing my classes to the library...I know I could

collaborate more with the librarians here, but honestly, I just haven't had the time to do that, and I've felt a little badly

about it."

Potsdam University Libraries Personas 1 of 2SAMPLE PERSONA DOCUMENT

Page 172: 10 Steps to a User-Friendly Library Website

QUICKCONCLUSION

Page 173: 10 Steps to a User-Friendly Library Website

Q&A

Page 174: 10 Steps to a User-Friendly Library Website

THANK YOUFOR YOUR TIME

website tips

Page 175: 10 Steps to a User-Friendly Library Website

WALKINGPAPER.ORG@WALKINGPAPER

E.TCHES.CA@ETCHES

AMANDA

AARON

[email protected]