I Edge Presentation 2009 Web Design For Kids And Teens


Published on

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

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

I Edge Presentation 2009 Web Design For Kids And Teens

  1. 1. Designing Library Web Sites for Kids and Teens <ul><li>iEdge Conference 2009 </li></ul><ul><li>Colleen Brazil, Content Access Manager </li></ul><ul><li>[email_address] </li></ul><ul><li>Dawn Rutherford, Teen Services Librarian </li></ul><ul><li>www.sno-isle.org/teens </li></ul><ul><li>Sno-Isle Libraries </li></ul><ul><li>www.sno-isle.org </li></ul>
  2. 3. Development Steps <ul><li>Define the project </li></ul><ul><li>Develop structure </li></ul><ul><li>Design interface </li></ul><ul><li>Construct and integrate </li></ul><ul><li>Launch and phase II </li></ul>
  3. 4. Define the project <ul><li>Gather information </li></ul><ul><li>Define scope and mission </li></ul><ul><li>Write up technical requirements </li></ul><ul><li>Create communication plan </li></ul><ul><li>Create testing plan </li></ul><ul><li>Create timeline </li></ul><ul><li>Create Communication Brief </li></ul>
  4. 5. Develop Site Structure <ul><li>Create wireframes </li></ul><ul><li>Create architecture </li></ul><ul><li>Determine navigation </li></ul><ul><li>Page flow </li></ul>
  5. 6. Design Visual Interface <ul><li>Look at other sites to gather ideas both library and commercial </li></ul><ul><li>Create the tone -- Teens, edgy. Kids, discovery </li></ul><ul><li>Create prototype </li></ul>
  6. 7. Build and Integrate <ul><li>Developer gathers all the pieces and begins to construct </li></ul><ul><li>Edit </li></ul><ul><li>Review </li></ul><ul><li>Edit </li></ul><ul><li>Review </li></ul><ul><li>Usability testing begins </li></ul><ul><li>Debug and edit </li></ul>
  7. 8. Launch and Phase II <ul><li>A Web page is not written in stone </li></ul><ul><li>Staff preview </li></ul><ul><li>Public soft launch (no fanfare) </li></ul><ul><li>Let the fanfare begin! </li></ul><ul><li>Start Phase II prioritizing </li></ul>
  8. 9. Sno-Isle Libraries Teen Pages Redesign <ul><li>2005 major redesign </li></ul><ul><li>2007 major redesign </li></ul><ul><li>2008 major redesign </li></ul><ul><li>2009 completing Phase II </li></ul>
  9. 10. Sno-Isle
  10. 11. Hot Books
  11. 12. 2008 Redesign Mock-Up
  12. 13. Usability – With a little help from our friends
  13. 15. Your Library
  14. 16. Teens Phase II
  15. 17. Agile vs Committee
  16. 18. Sno-Isle Libraries Kids Pages Redesign <ul><li>2007 design </li></ul><ul><li>2008 planning started in summer </li></ul><ul><li>2009 March launch </li></ul><ul><li>2009 implementing and completing Phase II ideas </li></ul>
  17. 19. 2007 Sno-Isle for Kids
  18. 20. Sno-Isle for Kids Prototype <ul><li>Image goes here </li></ul>
  19. 22. Usability Testing Quotes <ul><li>Cool! It would be fun if the squid pulled down the otter! </li></ul><ul><li>Is that a squashed octopus? </li></ul><ul><li>9 year old says “Smaller kids will like it” </li></ul><ul><li>10 year old says “Really awesome! Maybe for my brother’s age 7 ½ to 9 </li></ul><ul><li>I feel sympathy for the designers </li></ul>
  20. 23. Lessons Learned <ul><li>Always have Web Project Manager </li></ul><ul><li>Communication frequent and specific </li></ul><ul><li>Keep punch lists – who, what, when </li></ul><ul><li>Usability is essential </li></ul><ul><li>Repeat mantra – “Scope creep derails projects. There will be Phase II” </li></ul>
  21. 24. On My Bookshelf <ul><li>Goto, Kelly. Web ReDesign 2.0: Workflow that Works. 2 nd edition. Peachpit Press, 2004. </li></ul><ul><li>Kilian, Crawford. Writing for the Web 3.0. 3 rd edition. Self-Counsel Press, 2007. </li></ul><ul><li>Krug, Steve. Don’t Make Me Think: A Common Sense Approach to Web Usability. 2 nd edition. New Riders Press, 2005. </li></ul><ul><li>Redish, Janice. Letting Go of Words: Writing Web Content that Works. Morgan Kaufman, 2007. </li></ul>
  22. 25. Thank you! <ul><li>iEdge Conference 2009 </li></ul><ul><li>Colleen Brazil, Content Access Manager </li></ul><ul><li>[email_address] </li></ul><ul><li>Dawn Rutherford Teen Services Librarian </li></ul><ul><li>www.sno-isle.org/teens </li></ul><ul><li>Sno-Isle Libraries </li></ul><ul><li>www.sno-isle.org </li></ul>