From website to ebranch 6 26-2011 (no macros)


Published on

San Mateo County Library website redesign project

Published in: Technology
1 Like
  • Be the first to comment

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

No notes for slide
  • IntroductionSegue: Welcome to “From Website to eBranch.”
  • Will take questions after each section
  • CrisSo why did we choose the content management system Drupal. Well Drupal• is open source, so the free aspect of it fits a libraries budget perfectly• it is modular and has a large community of developers that contribute to its further development. With Drupal beingmodular you can easily expand the functionality of your site instantly.• The Drupal core can manage multiple sites. For example, our main, kids, and teens site all share the same drupal core. There is no need to install Drupal 3 times.• Drupal does a great job at user management. It was designed for community-based Web sites and has strong user role and access control functionality.• Drupal has powerful features to manage content. It has a flexible and easy to use taxonomy and content type system which allows you to organize your content in whatever form you desire.• Drupal offers the ability to easily make your site available in multiple languages. You can use machine or manual translation.• But one of the main reasons we decided to go with Drupal is because of SOPAC the Social OnLine Public Access Catalog module developed by John Blyberg at the Darien Library in Connecticut. SOPAC will allow us to create our own custom user interface that overlays over our Integrated Library System. This will enable us to completely integrate our catalog into our eBranch making it less confusing for our users as they no longer have to jump from our website to the catalog and encounter a completely different site.
  • CrisThings we love about the new eBranch are: it has a clean look and layout is more user friendly allows for multiple contributors of content. For example we have multiple staff entering content for events and blogs. The eBranch is almost a single sign-on interface. Currently when a user creates an account their library card number and pin are stored in their account. This allows us to push this information out to our online databases and automatically log our patrons in. This process works great with the majority of our vendors but there are a few that have been problematic but we hope to make the eBranch 100% single sign-on in the near future. and lastly our blogs have given staff a voice to communicate with our users.
  • JulieBrand: Mission statement is Connect. Discover. Evolve. The eBranch exemplifies all 3.Materials and services: BMM, Research, eBooks/eAudiobooks, Events (main nav hits all the key pointsNavigate: main, fat footer (want to increase hits, put it in the fat footer, Google analytics proves it)Flickr carousels: shows what is going on at our libraries; Main page and every branch landing page has oneVideos: allows us to share programs, storytimes with all users, not just those who can get to the library and provides a unique and interesting way to promote library servicesSocial Sharing tools:
  • JulieLove these pages, but lot of work to keep them fresh and currentWork with selectors to efficiently generate new/featured recommendations.
  • CrisOur eBranch now offers multiple methods to promote events. Our promotion blocks allows us to publicize monthly promotions like Hispanic Heritage Month, Banned Books Week, and many others that we tie events to. Our events carousels allow users to scroll through our highlighted events. and our Events page allows our users to search events, add to their calendar, add a reminder, write a review, add an image and add a video.
  • CrisOur eBranch is currently offered in Spanish and Chinese.A key decision we had to make is whether to use machine translation or manual translation. When we started our eBranch project machine translators were not very good which helped sway us more towards manual translation. Ultimately we based our decision on the needs of our community and went with manual translation. Manual translation can be time consuming but in the end you know it is translated correctly and geared to your community.Another decision we had to make was to make a mirror translation of all English content or develop unique content in other languages. Again, this depends on needs of your community and expected audience. We decided to have a mixture of unique content and a mirror translation of English. We felt this would allows to better cater to our Chinese and Spanish speaking communities.
  • JulieDouble or triple your initial time estimates.Events: agreed to structure that required us to enter each event 3 times plus the translations 3 times.
  • JulieInvolve staff, spread out the work.Get creative. Example: monthly promotions, we used to ask for a staff member to volunteer to put resource list together. Fewer staff volunteer due to extra help budget cuts, workload issues. Pick subjects of wide appeal: gardening, cooking, ask everyone to contribute favorite titles. Success!Blogs: appointed manager.Recommendations: very time consuming, can’t keep up with everything. Asked selectors to send me lists of new orders, highlight featured recommendations. Events: 1 or 2 staff at each branch enters.
  • CrisDon’t assume problems will be easy to fix. At the launch of our eBranch we assumed the automatic login functionality for our catalog would be complete so we wrote the FAQs as such, but of course we ran into some obstacles and we were not able to complete it. This ended up causing confusion for our users because the FAQs were incorrect.
  • Demo – search by tag“summer”Next I will review my favorite SOPAC features.
  • Demo Books Movie Music
  • Demo – new dvds and new fiction
  • No way to moderate reviews. Need to develop means of notifying admin when review is submitted so it can be vetted for inappropriate content.
  • Request to add multiple Search Term boxes.
  • Harry Potter Chinese San Mateo County Libraries
  • Faceted Browsing provides numerous ways of limiting search parameters
  • Basic Search for Harry PotterLimit to DVDsLimit to Belmont BranchSwitch to Foster City branchThen add Millbrae to see all Harry Potter DVDs at Foster City and Belmont
  • Saved searches can be subscribed to as an RSS Feed. Items show up in reader with a “Request this item” link.
  • Advanced Search: most common use of Save SearchReplacement order for Magic Tree House Keyword = Magic Tree House, Format = Book, Location = San Mateo County Libraries
  • Never need to type in library card number and pin
  • Allows viewing of account info, placing holds, and paying fines without having to enter library card number and pin.
  • Place HoldView Fines (can also pay)View checkouts (can renew)View holds (note frozen)View Checkout history (can opt in and out)
  • Custom FeatureDemo adding items, placing holds from bookbag
  • Add items to BookbagView BookbagSelect AllRequest Items
  • Demo Google Books, Title = Unbroken.
  • Table of ContentsBrowseSearch
  • Make sure you understand how materials in other languages are cataloged before you start translation of SOPAC into a new language. Chinese is particularly challenging because of the need to be able to handle both traditional and simplified characters.
  • Harvest: how you get the data from your ILS database into SOPACIt’s important to realize that for the most part, the details of the harvest will be unique to each library system as it is highly dependent on how materials are cataloged.Expect to spend a lot of time on this.
  • No matter what the advantages are of having a SOPAC account, some people will not want it. Patrons will resist what they perceive as “forced change”.
  • Performance: hourly indexing, cover art, bookbag.Harvest once a day.
  • JulieSOPAC: very much a work in progress, continue to make improvements based on staff and patron feedbackIntranet redesign: convened task force and hired intern. Initially going to use Sharepoint but reevaluating due to feedback received at prior conferences.Social Media: Continue to expand SMCL social media presenceMobile App: Boopsie,
  • It’s much easier to correct any issues found in the design stage than it is to fix them later when the website is built.To test the usability of the wireframe, we did remote usability testing using a tool called Chalkmark. On the existing website, patrons were given the opportunity to participate in reviewing the new designs for the website. If they clicked the link, they were shown the wireframe above, and then asked to perform a series of 10 tasks. One of the tasks was to see if your branch is open on Sunday.Patrons would click on the screenshot. Remember the wireframe is just an image. It’s not an actual webpage.Within a few days, we had almost 100 responses.
  • Here’s an example of what the results looked like. I know this may be a bit difficult to see on the screen. The wireframe is in the background. Overlaid on it is a “heat map” showing where people clicked to find out if the branch was open on Sunday. 79% clicked the Hours and Locations in the upper right. 3 clicks for About Us, which is next to it.There were also clicks on the logo, view book bag, resources, and How do I. You can’t see in this screenshot, which shows just part of the screen, but there were also quite a few clicks on the Hours and Locations link in the footer.
  • This is a comp – an proposed design that was created in Photoshop. We created 3 different designs, and San Mateo picked the one they liked, which is shown above.
  • From website to ebranch 6 26-2011 (no macros)

    1. 1. From Website to eBranch<br /><br />Julie Finklang<br /> <br />San Mateo County Library eBranch Manager<br />Patrick Sweeney <br />@pcsweeney;<br />San Mateo County Library Branch Manager<br />Katherine Stevens<br />@kathstevens;<br />ISITE Design Project Manager<br /><br />
    2. 2. Presentation Outline<br />Redesigning our website – Julie Finklang<br />SOPAC interface – Julie Finklang<br />Blogs – Patrick Sweeney<br />Social Media – Patrick Sweeney<br />Web Development Process – Katherine Stevens<br /><br />
    3. 3. Design was dated<br />Not easy to navigate<br />Little dynamic content<br />No user interaction<br />Didn’t adequatelyrepresent San MateoCounty Library<br />Why a complete redesign?<br /><br />
    4. 4. Why Drupal?<br />Open source<br />Modular<br />Multi-site management<br />User management<br />Content management<br />Internationalization<br />SOPAC<br /><br />
    5. 5. Things we love about the eBranch.<br /><ul><li>Clean look and layout
    6. 6. User friendly
    7. 7. Multiple contributors
    8. 8. Almost a single sign-on interface.
    9. 9. The blogs give staff a way to communicate with users.</li></ul><br />
    10. 10. The design.<br />Adds a new dimension to the SMCL Brand<br />Eye-catching, interesting and attractive<br />Conveys wide range of materials and services SMCL offers<br />Easy to navigate<br />Flickr carousels, videos, social sharing tools<br /><br />
    11. 11. Books, Movies, Music<br />eBooks/eAudiobooks<br />Kids Books+<br />Teens Recommended<br />Monthly Promotions<br />Promotion of library materials.<br /><br />
    12. 12. Promotion blocks<br />Events carousels<br />Events page<br />Promotion of library events.<br /><br />
    13. 13. Spanish and Chinese<br />Machine or manual translation<br />Unique content vs. translated from English<br />Other languages.<br /><br />
    14. 14. Did we make some mistakes? Of course!<br />What we wish someone had told us 2 years ago …<br />Lessons learned.<br /><br />
    15. 15. Initial entry vs. <br /> ongoing updates<br />Content entry takes a long time.<br /><br />
    16. 16. 4 Recommendations pages<br />Events<br />Blogs<br />Promotions<br />Be realistic about content updates.<br /><br />
    17. 17. Write your help text and FAQs based on how the site really works, not how you would like it to work.<br />Don’t assume problems will be easy to fix.<br /><br />
    18. 18. Yes! Average monthly visits to increased from 26K to 35K! That’s a 35% increase!<br />Official WebbyHonoree<br />Was it worth it?<br /><br />
    19. 19. Questions?<br />
    20. 20. The Social OPAC:<br />Open Source<br />Drupal CMS<br />Developed by John Blyberg<br />2.1 latest release<br />Darien, Palos Verdes, Ann Arbor, San Mateo County<br />SOPAC: What is it?<br />
    21. 21. Open Source interface means future migration will be invisible to users<br />Choice of ILS: connectors available for Evergreen, Koha, III, Sirsi-Dynix and Polaris<br />Community Driven – searchable tags and reviews<br />SOPAC: Why SMCL Chose It <br />
    22. 22. SOPAC: Search by Tag Demo<br />
    23. 23. Tags – can be used to quickly and easily create booklists.<br />SOPAC: Features<br />
    24. 24. SOPAC: New Item Lists Demo<br />
    25. 25. Allows users to rate, and review holdings<br />SOPAC: Features<br />
    26. 26. SOPAC: Reviews Demo<br />
    27. 27. Advanced Search<br />SOPAC: Features<br />
    28. 28. SOPAC: Advanced Search Demo<br />
    29. 29. Faceted browsing<br />SOPAC: Features<br />
    30. 30. SOPAC: Faceted Browsing Demo<br />
    31. 31. Saved searches<br />SOPAC: Features<br />
    32. 32. SOPAC: Saved Search Demo<br />
    33. 33. Single user sign-on<br />SOPAC: Features<br />
    34. 34. Integrated renewals, holds placement, checkout history and fine payment<br />SOPAC: Features<br />
    35. 35. SOPAC: Acccount Info Demo<br />
    36. 36. Bookbag<br />SOPAC: Features<br />
    37. 37. SOPAC: Bookbag Demo<br />
    38. 38. Google Books<br />SOPAC: Features<br />
    39. 39. SOPAC: Google Books Demo<br />
    40. 40. Chinese<br />Traditional vs. Simplified<br />Translations<br />SOPAC: Challenges<br />
    41. 41. Harvest<br />Requires a lot of tweaking. Will not work out of the box.<br />Need to consult extensively with catalogers.<br />Will it work with RDA? How much customization will be needed?<br />Example: DVD/CD Contents. Had trouble getting song/track titles to display correctly.<br />SOPAC: Challenges<br />
    42. 42. Patron resistance to creating user name/password acccount<br />Create accounts for all lib card holders, user name = card #, password = pin<br />Provide option to log in with card #/pin<br />SOPAC: Challenges<br />
    43. 43. Launch<br />Never underestimate the power of change resistance<br />Do a staff launch first<br />Provide multiple methods for staff and patrons to give feedback<br />Make sure staff know you welcome feedback<br />SOPAC: Launch<br />
    44. 44. Performance<br />Current user group very small<br />Updates aren’t instant<br />SOPAC: Drawbacks<br />
    45. 45. Faceted Browsing = put off implementing RDA<br />Content Integration<br />Google Books<br />Professional Reviews from Syndetics<br />Movie Trailers Next<br />Opportunities for additional customization<br />Better able to respond to staff and patron feedback<br />SOPAC: Benefits<br />
    46. 46. SOPAC <br />Upgrades<br />The more users, the greater the potential<br />Open source = endless possibilities<br />SMCL intranet<br />Social Media<br />Mobile App<br />The future.<br /><br />
    47. 47. Questions?<br />
    48. 48. Three are fa-mi-ly.<br /><br />
    49. 49. Inclusive blogging—classification blindness.<br />Photo Credit: Sean Rogers1<br /><br />
    50. 50. How did we do it?Setting the tone with recruitment.<br />Photo Credit: Tracy Hunter<br /><br />
    51. 51. Getting good and comfortable: training.<br /><br />
    52. 52. Making it happen.<br />Photo Credit: AGeekMom<br /><br />
    53. 53. Project organization.Deadlines motivate!<br /><br />
    54. 54. You changed what!Writers have feelings.<br />Photo Credit: Zach Klein <br /><br />
    55. 55. Where are we now?<br />Carine's Blog Activity Tracking Worksheet<br /><br />
    56. 56. Collective brain highlight.<br /><br />
    57. 57. Teen highlight.<br /><br />
    58. 58. Kids highlight.<br /><br />
    59. 59. Worth it? Let me count the ways.<br />Photo Credit: Q U E E F <br /><br />
    60. 60. (Sage) advice.<br />Photo Credit: leo_leibovici<br /><br />
    61. 61. Words to post (and live) by.<br />“It is sometimes to the detriment of libraries that much of the talent and personality that resides among staff is not sponsored in more creative ways to provide a highly engaging user experience—as well as differentiating it from the insidious creep of blandness which masquerades as customer service in many retail sectors.”<br />Best Sellers: Reader’s Advisory at the Core of Public Libraries and ‘First to the Fringe’ by Paul Brown APLIS 23 (1) March 2010<br /><br />
    62. 62. Questions?<br />
    63. 63. Why did SMCL start a social media campaign?<br /><br />
    64. 64. How did we start?<br />Evaluations – <br />Online profile<br />Social profile<br />What platforms are ourpatrons using?<br /><br />
    65. 65. Creating our plan.<br />What is our brand name?<br />Is it organization Run?<br />Is it employee Run?<br />Which tools are we using?<br />What will we say?<br />Who is our audience?<br /><br />
    66. 66. Creating our policies.<br />Staff policies<br />Patron interaction policies<br />Personal use policies<br />Blogging policies<br />Twitter policies<br />Facebook policies<br />And more!!<br /><br />
    67. 67. Launching.<br />Registering our name<br />Logo/Photo<br />Description<br />Tags<br /><br />
    68. 68. How are we finding “Friends?”<br />Utilizing staff networks<br />By talking<br />Using hashtags<br />Asking<br />Creating contests andPromotions<br />By retweeting<br />Answering questions<br />BY BEING FRIENDLY!!<br /><br />
    69. 69. Training staff.<br />How to use various Social Media Platforms<br />What to do/not to do<br />How to monitor the SMCL message<br />How to respond to patrons online<br /><br />
    70. 70. Next steps.<br />Increasing staff participation<br />Increased connections across moreplatforms <br />QR codes <br />Mobile apps<br />Widgets<br />New & emerging social mediawebsites<br />Augmented Reality<br />Hyperlocal<br /><br />
    71. 71. Questions?<br />
    72. 72. Web development process<br /><br />
    73. 73. Preparation (allow 3-6 months).<br />websitegoals<br />libraryvision<br />features functions<br />surveypatrons and staff<br />technology<br />openness what to share<br />successmeasures<br />funding<br /><br />
    74. 74. Working with potential vendors.(Through RFP or less formal evaluation.)<br />Be clear about your vision, features, functions, technology.<br />Explain contracting process.<br />State your budget or budget range.<br />Have real conversations with vendors.<br />Be open to process and deliverables.<br />Limit the number of copies that you request.<br />Seek out advice to help with the RFP or evaluating vendors.<br />Check references.<br /><br />
    75. 75. What’s easy and what’s not.<br />Easier<br />Takes more effort & time<br />Single visual design.<br />Integrating with some vendor’s systems.<br />“Skinning” an existing calendar.<br />Content pages.<br />Simple forms.<br />Blogs.<br />Flickr, social sharing tools.<br />Multiple designs.<br />Discovering that you can’t integrate with some vendors’ systems.<br />Custom calendar.<br />Multiple languages.<br />Custom databases, such as lists of research databases.<br />SOPAC.<br /><br />
    76. 76. Create a shared visionof what you want now and in the future.<br />Establish team responsibilities.<br />Decide on the review and approval process.<br />Analysis & research.<br />Kickoff & analysis.<br /><br />
    77. 77. Design: User experience design.<br />Site map<br />Wireframe<br /><br />
    78. 78. Design: Usability testing the design.<br />Used Chalkmark tool for remote testing.<br />Task: See if your branch is open on Sunday.<br /><br />
    79. 79. Design: Usability testing.<br />Results: A heat map showing where people clicked.<br /><br />
    80. 80. Design: Visual design.<br /><br />
    81. 81. Development<br />Test<br />Enter content<br />Test<br />Revise<br />Train staff<br />Prepare for launch<br />Go live<br />Develop.<br /><br />
    82. 82. Your website isn’t a project!<br />Update content.<br />Analyze site effectiveness.<br />Gather feedback.<br />Make continual improvements.<br />Ongoing improvement.<br /><br />
    83. 83. Questions?<br />
    84. 84. Thank You<br />Julie Finklang <br /><br />Patrick Sweeney<br /><br />@pcsweeney<br />Katherine Stevens<br /><br />@kathstevens<br /><br />