Designing Library Web Sites for Kids and Teens iEdge Conference 2009 Colleen Brazil, Content Access Manager [email_address] Dawn Rutherford, Teen Services Librarian www.sno-isle.org/teens Sno-Isle Libraries www.sno-isle.org

iEdge Conference 2009

Colleen Brazil, Content Access Manager

[email_address]

Dawn Rutherford, Teen Services Librarian

www.sno-isle.org/teens

Sno-Isle Libraries

www.sno-isle.org

Development Steps Define the project Develop structure Design interface Construct and integrate Launch and phase II

Define the project

Develop structure

Design interface

Construct and integrate

Launch and phase II

Define the project Gather information Define scope and mission Write up technical requirements Create communication plan Create testing plan Create timeline Create Communication Brief

Gather information

Define scope and mission

Write up technical requirements

Create communication plan

Create testing plan

Create timeline

Create Communication Brief

Develop Site Structure Create wireframes Create architecture Determine navigation Page flow

Create wireframes

Create architecture

Determine navigation

Page flow

Design Visual Interface Look at other sites to gather ideas both library and commercial Create the tone -- Teens, edgy. Kids, discovery Create prototype

Look at other sites to gather ideas both library and commercial

Create the tone -- Teens, edgy. Kids, discovery

Create prototype

Build and Integrate Developer gathers all the pieces and begins to construct Edit Review Edit Review Usability testing begins Debug and edit

Developer gathers all the pieces and begins to construct

Edit

Review

Edit

Review

Usability testing begins

Debug and edit

Launch and Phase II A Web page is not written in stone Staff preview Public soft launch (no fanfare) Let the fanfare begin! Start Phase II prioritizing

A Web page is not written in stone

Staff preview

Public soft launch (no fanfare)

Let the fanfare begin!

Start Phase II prioritizing

Sno-Isle Libraries Teen Pages Redesign 2005 major redesign 2007 major redesign 2008 major redesign 2009 completing Phase II

2005 major redesign

2007 major redesign

2008 major redesign

2009 completing Phase II

Sno-Isle

Hot Books

2008 Redesign Mock-Up

Usability – With a little help from our friends

Your Library

Teens Phase II

Agile vs Committee

Sno-Isle Libraries Kids Pages Redesign 2007 design 2008 planning started in summer 2009 March launch 2009 implementing and completing Phase II ideas

2007 design

2008 planning started in summer

2009 March launch

2009 implementing and completing Phase II ideas

2007 Sno-Isle for Kids

Sno-Isle for Kids Prototype Image goes here

Image goes here

Usability Testing Quotes Cool! It would be fun if the squid pulled down the otter! Is that a squashed octopus? 9 year old says “Smaller kids will like it” 10 year old says “Really awesome! Maybe for my brother’s age 7 ½ to 9 I feel sympathy for the designers

Cool! It would be fun if the squid pulled down the otter!

Is that a squashed octopus?

9 year old says “Smaller kids will like it”

10 year old says “Really awesome! Maybe for my brother’s age 7 ½ to 9

I feel sympathy for the designers

Lessons Learned Always have Web Project Manager Communication frequent and specific Keep punch lists – who, what, when Usability is essential Repeat mantra – “Scope creep derails projects. There will be Phase II”

Always have Web Project Manager

Communication frequent and specific

Keep punch lists – who, what, when

Usability is essential

Repeat mantra – “Scope creep derails projects. There will be Phase II”

On My Bookshelf Goto, Kelly. Web ReDesign 2.0: Workflow that Works. 2 nd edition. Peachpit Press, 2004. Kilian, Crawford. Writing for the Web 3.0. 3 rd edition. Self-Counsel Press, 2007. Krug, Steve. Don’t Make Me Think: A Common Sense Approach to Web Usability. 2 nd edition. New Riders Press, 2005. Redish, Janice. Letting Go of Words: Writing Web Content that Works. Morgan Kaufman, 2007.

Goto, Kelly. Web ReDesign 2.0: Workflow that Works. 2 nd edition. Peachpit Press, 2004.

Kilian, Crawford. Writing for the Web 3.0. 3 rd edition. Self-Counsel Press, 2007.

Krug, Steve. Don’t Make Me Think: A Common Sense Approach to Web Usability. 2 nd edition. New Riders Press, 2005.

Redish, Janice. Letting Go of Words: Writing Web Content that Works. Morgan Kaufman, 2007.

Thank you! iEdge Conference 2009 Colleen Brazil, Content Access Manager [email_address] Dawn Rutherford Teen Services Librarian www.sno-isle.org/teens Sno-Isle Libraries www.sno-isle.org

iEdge Conference 2009

Colleen Brazil, Content Access Manager

[email_address]

Dawn Rutherford Teen Services Librarian

www.sno-isle.org/teens

Sno-Isle Libraries

www.sno-isle.org