0
EXTREME MAKE-OVER…tricks, treats & tips to keep in your toolkit to takeyour web site from mess to success...              ...
DAWN OF THE LIBRARY WEB PRESENCEAUGUST 23, 1996
EARLY WEBSITE NAVIGATIONJANUARY 15, 1997
CONSORTIUM WEBSITEOCTOBER,1997
LIBRARY WEBSITE: DESIGN CHANGESOCTOBER 7, 1997
LIBRARY LANDING SITEJANUARY 11, 1998
LIBRARY HOME PAGEFEBRUARY 8, 1998
BRANCH PAGE EXAMPLEDECEMBER 5, 1998
LIBRARY WEBSITE: NEW LOGOOCTOBER 5, 2000
LIBRARY SITE: NOW IN COUNTY WEB SITENOVEMBER 21, 2001
LIBRARY SITE: PHOTO HIGHLIGHTSOCTOBER 10, 2002
LIBRARY REFERENCE LINKSOCTOBER 1, 2002
MORE DESIGN CHANGESJUNE 20, 2003
NEW DESIGN FOCUS ON GRAPHIC LINKSFEBRUARY 5, 2005
LIBRARY SITE: NEW TABBED DESIGNSEPTEMBER 29, 2007
TAB LAY-OUT NAVIGATIONSEPTEMBER 29, 2007
TAB REDESIGNFEBRUARY 25, 2009
LIBRARY LEAVES COUNTY SITEAUGUST 4, 2009
REDIRECT TO NEW URL2009
NEW HOME PAGE “EVOLVING”AUGUST 5, 2009
HOME PAGE: VISUAL CLUTTERAPRIL 26, 2011
PREPARING FOR THE NEW WEBSITE   Vendor & Software Selection   Web steering Committee   Use types – know your audience ...
IF WE KNEW THEN….   Designate a project manager and a task manager   Know your library’s culture—get buy-in   Clearly c...
WEB SITE TIMELINE: PAGE 1 OF 5
LAY-OUT & DESIGN USING WIREFRAMES
ANOTHER EXAMPLE OF WIREFRAMES USINGMOCKINGBIRD
BRANCH PAGE MOCK-UP USING WIREFRAMES
TRACK CONTENT DEADLINES ONSPREADSHEET
TEEN CONTENT
INCLUDE PROOFREADING
STAFF UPLOADED CONTENT USINGGOOGLE DOCS
SOCIAL MEDIA CHEAT SHEETS FOR STAFF
CHEAT SHEET FOR PHOTOS
CREATE TOOLKITS FORFLICKR & YOUTUBE
CREATE TOOLKITS FOR TWITTER, BLOGS–ALL SOCIAL MEDIA
NEW WEB SITE LAUNCHES 11/1/11•   Dynamic & interactive– carousel displays, navigation,    bread crumbs•   Appealing colors...
How to get in touch with us at MCFLAmanda Foust, Electronic Services   Julie Magnus, Acting Branch   Anna Jonsson, Library...
Evolution of a website10.17.11
Evolution of a website10.17.11
Evolution of a website10.17.11
Evolution of a website10.17.11
Evolution of a website10.17.11
Evolution of a website10.17.11
Evolution of a website10.17.11
Evolution of a website10.17.11
Evolution of a website10.17.11
Evolution of a website10.17.11
Evolution of a website10.17.11
Evolution of a website10.17.11
Evolution of a website10.17.11
Evolution of a website10.17.11
Evolution of a website10.17.11
Upcoming SlideShare
Loading in...5
×

Evolution of a website10.17.11

261

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
261
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×