CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

18
a public library website redesign Sarah Houghton-Jan Digital Futures Manager, San Jose Public Library Author, LibrarianInBlack.net

description

These are the slides from my website design presentation at Computers in Libraries 2010. I spoke about our library’s website redesign, which is still in process, and my recommendations and best practices for people managing or taking part in a website redesign process.

Transcript of CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

Page 1: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

a public library website redesign

Sarah Houghton-JanDigital Futures Manager, San Jose

Public LibraryAuthor, LibrarianInBlack.net

Page 2: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

our current website

Page 3: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

problems we’re solving

‣1 website for 2 libraries

‣public library users felt ripped off

‣7 year-old design, content, and CMS

‣webmaster as gatekeeper = disconnected staff

‣ADA requirements cumbersome in existing environment

Page 4: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

problems we encountered while

solving those‣unrealistic admin expectations

‣1 year long RFP & contract process

‣incompetent graphic designers

‣6 months of lost time due to

‣lost momentum

‣merged web team working on 3 websites

Page 5: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

lessons learned

Page 6: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

redesign planning

‣stakeholders identify org. goals

‣techies, designers, and information architects identify how to meet them

‣identify your givens

‣use planning software (BaseCamp, dotproject)

‣double the estimated timeline

Page 7: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

staff & customer involvement

‣initial satisfaction surveys for both

‣card-sorting testing for customers early on

‣staff focus groups

‣mock-up task testing for customers

‣transparency to staff and customers

Page 8: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

usability

‣identify who you are serving

‣focus on the few things you do well

‣tell stories of what your users want

‣look for friction points

‣who is the site for again?

Page 9: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

accessibility

‣start simple

‣Basic tools: JAWS, WAVE, browser emulators, OS emulators

‣Firefox tools: Firesizer, Firefox Accessibility Extension, HTML Validator, Web Developer Extension, WCAG Contrast Checker

Page 10: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

communication

‣blogs for staff & customers with email & RSS updates

‣ask for customer & staff input (+ use it)

‣recruit usability testing participants from among “the angry folk”

Page 11: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

project management

‣set deadlines for everything

‣hold people accountable

‣one person should be in charge of tracking

‣give periodic updates to staff/managers

‣spend the most time on IA and design

‣keep things moving no matter what

‣celebrate small victories

Page 12: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

launch techniques‣phased-in launch (notices, pre-testing)

‣beta + feedback

‣= 1.0 + feedback

‣= 1.1 + feedback (and so on)

‣provide brief online & printable orientation

•if it takes >1 page, start over

Page 13: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

5 things to avoid

‣try to be fancy when your brain says “no”

‣allow consultants to push you around

‣have more than one project manager

‣stifle creativity

‣re-invent some wheels

Page 14: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

5 things you must do

‣show your ego to the door

‣take risks

‣document everything

‣research everything

‣talk to your users continuously

Page 15: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

one more time...

Page 16: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

our current website

Page 17: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

our new website

Page 18: CIL2010: Website Redesign: A Public Library Website Redesign: (aka The Trip to Hades & Back)

Questions?

Sarah Houghton-Janweb: LibrarianInBlack.net

Twitter: @TheLiB

Facebook: Facebook.com/LibrarianInBlack

IM: LibrarianInBlack

Skype: LibrarianInBlack

email: [email protected]