i edge presentation 2009 web design for kids and teens

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

Upload: colleen-brazil

Post on 28-Nov-2014

2.365 views

Category:

Technology


2 download

DESCRIPTION

Presentation by Colleen Brazil, Content Access Manager for Sno-Isle LIbraries at University of Washington, ASIS Student Chapter, iEdge 2009 Conference.

TRANSCRIPT

Page 1: 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 [email protected]

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

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

Page 2: I Edge Presentation 2009 Web Design For Kids And Teens
Page 3: I Edge Presentation 2009 Web Design For Kids And Teens

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

Page 4: I Edge Presentation 2009 Web Design For Kids And Teens

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

Page 5: I Edge Presentation 2009 Web Design For Kids And Teens

Develop Site StructureDevelop Site Structure

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

Page 6: I Edge Presentation 2009 Web Design For Kids And Teens

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

Page 7: I Edge Presentation 2009 Web Design For Kids And Teens

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

Page 8: I Edge Presentation 2009 Web Design For Kids And Teens

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

Page 9: I Edge Presentation 2009 Web Design For Kids And Teens

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

Page 10: I Edge Presentation 2009 Web Design For Kids And Teens

Sno-IsleSno-Isle

Page 11: I Edge Presentation 2009 Web Design For Kids And Teens

Hot BooksHot Books

Page 12: I Edge Presentation 2009 Web Design For Kids And Teens

2008 Redesign Mock-Up2008 Redesign Mock-Up

Page 13: I Edge Presentation 2009 Web Design For Kids And Teens

Usability – With a little help from our friends

Page 14: I Edge Presentation 2009 Web Design For Kids And Teens
Page 15: I Edge Presentation 2009 Web Design For Kids And Teens

Your Library

Page 16: I Edge Presentation 2009 Web Design For Kids And Teens

Teens Phase IITeens Phase II

Page 17: I Edge Presentation 2009 Web Design For Kids And Teens

Agile vs Committee

Page 18: I Edge Presentation 2009 Web Design For Kids And Teens

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

Page 19: I Edge Presentation 2009 Web Design For Kids And Teens

2007 Sno-Isle for Kids2007 Sno-Isle for Kids

Page 20: I Edge Presentation 2009 Web Design For Kids And Teens

Sno-Isle for Kids Sno-Isle for Kids PrototypePrototype

Image goes hereImage goes here

Page 21: I Edge Presentation 2009 Web Design For Kids And Teens
Page 22: I Edge Presentation 2009 Web Design For Kids And Teens

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

Page 23: I Edge Presentation 2009 Web Design For Kids And Teens

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”

Page 24: I Edge Presentation 2009 Web Design For Kids And Teens

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.

Page 25: I Edge Presentation 2009 Web Design For Kids And Teens

Thank you!Thank you!

iEdge Conference 2009iEdge Conference 2009

Colleen Brazil, Content Access ManagerColleen Brazil, Content Access [email protected]

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

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