library websites of the future
DESCRIPTION
This presentation highlights current web design trends, agile development methodologies, and current trends in library research, user behaviors, and the implications of Lorcan Dempsey's concept of Inside Out libraries and Full Library Discovery on our users' experiences with our library websites.TRANSCRIPT
![Page 1: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/1.jpg)
@vacekrae
Library Websites of the FutureRachel Vacek, Head of Web Services, University of Houston Libraries2014-2015 President, Library & Information Technology Association
SLA Texas Chapter Fall Meeting | 11.13.14
![Page 2: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/2.jpg)
@vacekrae
Overview
Web design and development trendsNew library services and trendsLibrary websites of the future
![Page 3: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/3.jpg)
@vacekrae
but first…
![Page 4: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/4.jpg)
@vacekrae
![Page 5: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/5.jpg)
@vacekrae
![Page 6: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/6.jpg)
@vacekrae
![Page 7: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/7.jpg)
@vacekrae
Web Services departmentRachel, Robert, Sean, Keith, J, Chung
We specialize in web and software development, userresearch, usability testing, interaction design, graphic design,system administration, system integration, content strategy,and digital project management.
![Page 8: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/8.jpg)
@vacekrae
Web design and development trends
![Page 9: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/9.jpg)
@vacekrae
Best practices in 2011
http://digitalcommons.uconn.edu/libr_pubs/40
![Page 10: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/10.jpg)
@vacekrae
No more navel gazing!
![Page 11: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/11.jpg)
@vacekrae
Design trendsResponsiveMore emphasis on typographyjQuery plugins to enhance UXLarge and beautiful background imagesLarge and unobtrusive videoScrolling instead of clickingMore and larger touch targetsFlat, material designMicrointeractions
Personalized storytellingPersonalized user experienceGrid style layoutsPersonal portraitsScalable vector graphicsFont customization within CSSCustomized image galleriesMega navigation menusExpanding search bars
http://www.hongkiat.com/blog/web-design-trends-2014/
![Page 12: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/12.jpg)
@vacekrae
![Page 13: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/13.jpg)
@vacekrae
5 different responsive sizes for BYU’s Library
![Page 14: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/14.jpg)
@vacekrae
Touch targets
![Page 15: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/15.jpg)
@vacekrae
![Page 16: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/16.jpg)
@vacekrae
![Page 17: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/17.jpg)
@vacekrae
Large and beautiful background images
![Page 18: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/18.jpg)
@vacekrae
![Page 19: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/19.jpg)
@vacekrae
![Page 20: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/20.jpg)
@vacekrae
![Page 21: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/21.jpg)
@vacekrae
![Page 22: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/22.jpg)
@vacekrae
![Page 23: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/23.jpg)
@vacekrae
![Page 24: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/24.jpg)
@vacekrae
![Page 25: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/25.jpg)
@vacekrae
![Page 26: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/26.jpg)
@vacekrae http://www.google.com/design/
Flat Material design - mostly flat design that uses very subtle gradients, layering, and animation to retain a sense of the tangible world
![Page 27: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/27.jpg)
@vacekrae
![Page 28: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/28.jpg)
@vacekrae
![Page 29: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/29.jpg)
@vacekrae
![Page 30: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/30.jpg)
@vacekrae
![Page 31: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/31.jpg)
@vacekrae
![Page 32: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/32.jpg)
@vacekrae
![Page 33: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/33.jpg)
@vacekrae
![Page 34: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/34.jpg)
@vacekrae
![Page 35: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/35.jpg)
@vacekrae
![Page 36: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/36.jpg)
@vacekrae
![Page 37: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/37.jpg)
@vacekrae
Development trendsAgile development practices
Gradual improvements make it easier to assess and roll back if necessary
No more major redesign projects
Users don’t like change, so small incremental changes make it less of a shock to the system
![Page 38: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/38.jpg)
@vacekrae http://www.commonplaces.com/who-we-are/our-process
![Page 39: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/39.jpg)
@vacekrae http://www.commonplaces.com/who-we-are/our-process
![Page 40: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/40.jpg)
@vacekrae
Typically, a fresh design will be a worse design simply because it's new and thus breaks user expectations. A better strategy is to play up familiarity and build on users' existing knowledge of how a system works.
-Jakob Neilsen
![Page 41: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/41.jpg)
@vacekrae http://blog.uxpin.com/4345/gaze-stars-interview-louis-rosenfeld/
![Page 42: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/42.jpg)
@vacekrae
New library services and trends
![Page 43: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/43.jpg)
@vacekrae
New library services and trendsData management services
Data visualization servicesGIS servicesSocial and collaborative citation tools, and bibliometrics
Mobile content deliveryEnhanced and more accessible scholarly content
Electronic publishing
Identity management
Web-scale discovery toolsCross-institutional systems and development partnerships
Multidisciplinary researchLiaisons embedded in curriculum and development
Capturing and archiving campus digital research outputs
http://www.nmc.org/publications/2014-horizon-report-library
![Page 44: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/44.jpg)
@vacekrae
![Page 45: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/45.jpg)
@vacekrae
![Page 46: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/46.jpg)
@vacekrae
![Page 47: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/47.jpg)
@vacekrae
![Page 48: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/48.jpg)
@vacekrae
![Page 49: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/49.jpg)
@vacekrae
![Page 50: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/50.jpg)
@vacekrae
Social and collaborative research
User search behavior and their workflows are changing
More tools are being created to help facilitate social research, sharing, and collaboration
Linked data and semantic web data enriches discoverability of research and researchers
![Page 51: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/51.jpg)
@vacekrae http://www.slideshare.net/lisld/thinking-about-technology-differently
![Page 52: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/52.jpg)
@vacekrae
![Page 53: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/53.jpg)
@vacekrae
![Page 54: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/54.jpg)
@vacekrae
![Page 55: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/55.jpg)
@vacekrae
Discovery vs. Discoverability
Discoverability of more than just content and collections
Include people and expertise, research guides, unique collections, exhibits, specialized services
Include library website content
Include local repositories
http://orweblog.oclc.org/archives/002206.html
Integration of materials that are not held by the library, but which are interesting and available to users
Integration of potentially available materials to support demand driven acquisition
More semantic data about entities and their relationships
![Page 56: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/56.jpg)
@vacekrae
‘Discoverability’ might be interpreted in the context of how well those systems served their users.
- Lorcan Dempsey
![Page 57: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/57.jpg)
@vacekrae
![Page 58: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/58.jpg)
@vacekrae
![Page 59: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/59.jpg)
@vacekrae
![Page 60: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/60.jpg)
@vacekrae
![Page 61: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/61.jpg)
@vacekrae
![Page 62: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/62.jpg)
@vacekrae
Discovery is more than the discovery layer. Discovery often happens elsewhere. Make institutional resources discoverable (inside-out).
- Lorcan Dempsey, Vice President, Research, and Chief Strategist, OCLC
![Page 63: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/63.jpg)
@vacekrae http://www.slideshare.net/oclcr/the-inside-out-library-redux-scale-learning-engagement?related=1
![Page 64: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/64.jpg)
@vacekrae
Library websites of the future
![Page 65: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/65.jpg)
@vacekrae
Key characteristics and actionsEmbrace current and upcoming web design trends seen primarily outside libraries
Offer more services that support the research process
Include more social and collaborative interactions between researchers and institutions
Conduct more user testing and contextual inquiries
Offer full library discovery, not just content
Prepare for linked dataHighlight unique digital assets moreMake iterative changes, not full-blown redesigns
Practice agile development methodologies
Strive to create positive user experiences
![Page 66: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/66.jpg)
@vacekrae
Connect users to materials and services in their own workflows by making them more familiar, discoverable, modern, usable, desirable
![Page 67: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/67.jpg)
@vacekrae
Thanks!
CreditsWeb Design Trends To Look Out For In 2015http://www.elegantthemes.com/blog/resources/web-design-trends-to-look-out-for-in-2015
Bowlby, Raynna; Franklin, Brinley; and Lin, Carolyn A., "Utilizing LibQUAL+® to Identify Best Practices in Academic Research Library Website Design" (2011). UConn Libraries Published Works. Paper 40.http://digitalcommons.uconn.edu/libr_pubs/40
Dempsey, Lorcan, Constance Malpas, and Brian Lavoie. 2014. "Collection Directions: The Evolution of Library Collections and Collecting" portal: Libraries and the Academy 14,3 (July): 393-423. http://www.oclc.org/content/dam/research/publications/library/2014/oclcresearch-collection-directions-preprint-2014.pdf
Roger C. Schonfeld and Ross Housewright, Faculty Survey 2009: Key Insights for Libraries, Publishers, and Societies (New York: Ithaka S+R, 2010).
Thirteen Ways of Looking at Libraries, Discovery, and the Catalog: Scale, Workflow, Attentionhttp://www.educause.edu/ero/article/thirteen-ways-looking-libraries-discovery-and-catalog-scale-workflow-attention
Varnum, K.J. (2014). “Library Discovery From Ponds to Streams.” In K. J. Varnum (Ed.), The Top Technologies Every Librarian Needs to Know: A LITA Guide (pp. 57-65). Chicago, IL: ALA TechSource.
Rachel VacekHead of Web ServicesUniversity of Houston Libraries
http://[email protected]@vacekrae
![Page 68: Library websites of the future](https://reader033.vdocument.in/reader033/viewer/2022052907/559440141a28abd85b8b480c/html5/thumbnails/68.jpg)
@vacekrae
Thanks!Rachel VacekHead of Web ServicesUniversity of Houston Libraries
http://[email protected]@vacekrae
More CreditsJohnson, L., Adams Becker, S., Estrada, V., and Freeman, A. (2014). NMC Horizon Report: 2014 Library Edition. Austin, Texas: The New Media Consortium.http://www.nmc.org/publications/2014-horizon-report-library
Web Design: 20 Hottest Trends to Watch Out for in 2014 http://www.hongkiat.com/blog/web-design-trends-2014/
Stop Redesigning And Start Tuning Your Site Instead http://www.smashingmagazine.com/2012/05/16/stop-redesigning-start-tuning-your-site/
The Redesign Must Die talk http://louisrosenfeld.com/home/bloug_archive/2008/04/the_redesign_must_die_talk.html
Johnson, L., Adams Becker, S., Estrada, V., and Freeman, A. (2014). NMC Horizon Report: 2014 Library Edition. Austin, Texas: The New Media Consortium.http://www.nmc.org/publications/2014-horizon-report-library
Web Design: 20 Hottest Trends to Watch Out for in 2014 http://www.hongkiat.com/blog/web-design-trends-2014/
Thinking about Technology … Differently, by Locan Dempseyhttp://www.slideshare.net/lisld/thinking-about-technology-differently