Evolution of a website10.17.11

422 views

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
422
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Evolution of a website10.17.11

  1. 1. EXTREME MAKE-OVER…tricks, treats & tips to keep in your toolkit to takeyour web site from mess to success... October 17, 2011 Tips on Redesigning Library Sites Internet Librarian, Monterey, California Amanda Foust afoust@co.marin.ca.us Anna Jonsson ajonsson@co.marin.ca.us Julie Magnus jmagnus@co.marin.ca.us Marin County Free Library
  2. 2. DAWN OF THE LIBRARY WEB PRESENCEAUGUST 23, 1996
  3. 3. EARLY WEBSITE NAVIGATIONJANUARY 15, 1997
  4. 4. CONSORTIUM WEBSITEOCTOBER,1997
  5. 5. LIBRARY WEBSITE: DESIGN CHANGESOCTOBER 7, 1997
  6. 6. LIBRARY LANDING SITEJANUARY 11, 1998
  7. 7. LIBRARY HOME PAGEFEBRUARY 8, 1998
  8. 8. BRANCH PAGE EXAMPLEDECEMBER 5, 1998
  9. 9. LIBRARY WEBSITE: NEW LOGOOCTOBER 5, 2000
  10. 10. LIBRARY SITE: NOW IN COUNTY WEB SITENOVEMBER 21, 2001
  11. 11. LIBRARY SITE: PHOTO HIGHLIGHTSOCTOBER 10, 2002
  12. 12. LIBRARY REFERENCE LINKSOCTOBER 1, 2002
  13. 13. MORE DESIGN CHANGESJUNE 20, 2003
  14. 14. NEW DESIGN FOCUS ON GRAPHIC LINKSFEBRUARY 5, 2005
  15. 15. LIBRARY SITE: NEW TABBED DESIGNSEPTEMBER 29, 2007
  16. 16. TAB LAY-OUT NAVIGATIONSEPTEMBER 29, 2007
  17. 17. TAB REDESIGNFEBRUARY 25, 2009
  18. 18. LIBRARY LEAVES COUNTY SITEAUGUST 4, 2009
  19. 19. REDIRECT TO NEW URL2009
  20. 20. NEW HOME PAGE “EVOLVING”AUGUST 5, 2009
  21. 21. HOME PAGE: VISUAL CLUTTERAPRIL 26, 2011
  22. 22. PREPARING FOR THE NEW WEBSITE Vendor & Software Selection Web steering Committee Use types – know your audience Page editors Plan for new content Strategic planning Feedback channels Design Lay-out using Wireframes Logo changes Tracking spreadsheets for content creation Google Docs account for sharing content Usability testing
  23. 23. IF WE KNEW THEN…. Designate a project manager and a task manager Know your library’s culture—get buy-in Clearly communicate expectations to staff—stay positive Ask vendor for examples of projects with similar budget Ask vendor for specifics on what library staff will be expected to complete Plan for workload impact on staff Keep detailed list of things to check, problems Use spreadsheets to track content Encourage staff to think creatively about content; have content in mind before start of project
  24. 24. WEB SITE TIMELINE: PAGE 1 OF 5
  25. 25. LAY-OUT & DESIGN USING WIREFRAMES
  26. 26. ANOTHER EXAMPLE OF WIREFRAMES USINGMOCKINGBIRD
  27. 27. BRANCH PAGE MOCK-UP USING WIREFRAMES
  28. 28. TRACK CONTENT DEADLINES ONSPREADSHEET
  29. 29. TEEN CONTENT
  30. 30. INCLUDE PROOFREADING
  31. 31. STAFF UPLOADED CONTENT USINGGOOGLE DOCS
  32. 32. SOCIAL MEDIA CHEAT SHEETS FOR STAFF
  33. 33. CHEAT SHEET FOR PHOTOS
  34. 34. CREATE TOOLKITS FORFLICKR & YOUTUBE
  35. 35. CREATE TOOLKITS FOR TWITTER, BLOGS–ALL SOCIAL MEDIA
  36. 36. NEW WEB SITE LAUNCHES 11/1/11• Dynamic & interactive– carousel displays, navigation, bread crumbs• Appealing colors and photos, use of high-quality images (some purchased stock images)• Site search enabled• New & improved tabs• Events & calendar highlight library outreach• Incorporation of social media, with new staff blogs, & library Twitter, FaceBook, Flickr & YouTube accounts• Digital download explosion• New logo• Web standard formatting, e.g. footer links, account log-in placement, font size options, about us
  37. 37. How to get in touch with us at MCFLAmanda Foust, Electronic Services Julie Magnus, Acting Branch Anna Jonsson, LibraryLibrarian Manager Assistant Iafoust@co.marin.ca.us jmagnus@co.marin.ca.us ajonsson@co.marin.ca.us(415) 499-7451 (415) 924-6444 (415) 897-1141

×