i edge presentation 2009 web design for kids and teens

Designing Library Web Designing Library Web Sites for Kids and TeensSites for Kids and Teens

iEdge Conference 2009iEdge Conference 2009

Colleen Brazil, Content Access ManagerColleen Brazil, Content Access Managercbrazil@sno-isle.org

Dawn Rutherford, Teen Services LibrarianDawn Rutherford, Teen Services Librarianwww.sno-isle.org/teens

Sno-Isle LibrariesSno-Isle Librarieswww.sno-isle.org

Development StepsDevelopment Steps

Define the projectDefine the project Develop structureDevelop structure Design interfaceDesign interface Construct and integrateConstruct and integrate Launch and phase IILaunch and phase II

Define the projectDefine the project

Gather informationGather information Define scope and missionDefine scope and mission Write up technical requirementsWrite up technical requirements Create communication planCreate communication plan Create testing planCreate testing plan Create timelineCreate timeline Create Communication BriefCreate Communication Brief

Develop Site StructureDevelop Site Structure

Create wireframesCreate wireframes Create architectureCreate architecture Determine navigationDetermine navigation Page flowPage flow

Design Visual InterfaceDesign Visual Interface

Look at other sites to gather ideas both Look at other sites to gather ideas both library and commerciallibrary and commercial

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

Create prototypeCreate prototype

Build and IntegrateBuild and Integrate

Developer gathers all the pieces and Developer gathers all the pieces and begins to constructbegins to construct

EditEdit ReviewReview EditEdit ReviewReview Usability testing beginsUsability testing begins Debug and editDebug and edit

Launch and Phase IILaunch and Phase II

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

Sno-Isle LibrariesSno-Isle Libraries Teen Pages Redesign Teen Pages Redesign

2005 major redesign2005 major redesign 2007 major redesign2007 major redesign 2008 major redesign 2008 major redesign 2009 completing Phase II2009 completing Phase II

Sno-IsleSno-Isle

Hot BooksHot Books

2008 Redesign Mock-Up2008 Redesign Mock-Up

Usability – With a little help from our friends

Your Library

Teens Phase IITeens Phase II

Agile vs Committee

Sno-Isle LibrariesSno-Isle Libraries Kids Pages Redesign Kids Pages Redesign

2007 design2007 design 2008 planning started in summer2008 planning started in summer 2009 March launch2009 March launch 2009 implementing and completing 2009 implementing and completing

Phase II ideasPhase II ideas

2007 Sno-Isle for Kids2007 Sno-Isle for Kids

Sno-Isle for Kids Sno-Isle for Kids PrototypePrototype

Image goes hereImage 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

Lessons LearnedLessons Learned

Always have Web Project ManagerAlways have Web Project Manager

Communication frequent and specificCommunication frequent and specific

Keep punch lists – who, what, whenKeep punch lists – who, what, when

Usability is essentialUsability is essential

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

On My Bookshelf

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

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

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

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

Thank you!Thank you!

iEdge Conference 2009iEdge Conference 2009

Colleen Brazil, Content Access ManagerColleen Brazil, Content Access Managercbrazil@sno-isle.org

Dawn Rutherford Teen Services LibrarianDawn Rutherford Teen Services Librarianwww.sno-isle.org/teens

Sno-Isle LibrariesSno-Isle Librarieswww.sno-isle.org