Successfully reported this slideshow.

The changing nature of web design and user expectations, and how libraries can respond

4

Share

Upcoming SlideShare
User centered Design
User centered Design
Loading in …3
×
1 of 60
1 of 60

More Related Content

More from Rachel Vacek

Related Books

Free with a 14 day trial from Scribd

See all

Related Audiobooks

Free with a 14 day trial from Scribd

See all

The changing nature of web design and user expectations, and how libraries can respond

  1. 1. @vacekrae Rachel Vacek, Head of Web Services, University of Houston Libraries 2014-2015 President, Library & Information Technology Association Houston Area Law Librarians Meeting | 4.8.2015 | slideshare.net/vacekrae The changing nature of web design and user expectations, and how libraries can respond
  2. 2. @vacekrae Web Services @ UH Libraries Rachel, Robert, Sean, J, Keith We specialize in web and software development, user research, usability testing, interaction design, graphic design, system administration, system integration, content strategy, and digital project management.
  3. 3. @vacekrae Overview Web design trends User expectations How libraries can respond
  4. 4. @vacekrae Web design trends
  5. 5. @vacekrae Best practices in 2011 http://digitalcommons.uconn.edu/libr_pubs/40
  6. 6. @vacekrae Web design trends Responsive More emphasis on typography Simple, flat icons Large background images Large and unobtrusive video Scrolling instead of clicking More and larger touch targets Flat, material design Micro-interactions Personalized storytelling Personalized user experience Grid style layouts Personal portraits Scalable vector graphics Font customization within CSS Customized image galleries Mega navigation menus Expanding search bars
  7. 7. @vacekrae Responsive
  8. 8. @vacekrae 5 different responsive sizes for BYU’s library website
  9. 9. @vacekrae Micro- interaction Large touch targets Large background image
  10. 10. @vacekrae Large background image Large touch targets Grid style layout
  11. 11. @vacekrae Large background image Parallax scrolling Flat design
  12. 12. @vacekrae Large background image Long pages that scroll Scalable vector graphics Flat design
  13. 13. @vacekrae Large background image Long pages that scroll Scalable vector graphics
  14. 14. @vacekraehttp://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
  15. 15. @vacekraehttp://info.lib.uh.edu/about/employment
  16. 16. @vacekrae Grid or tile layout Personalized user experience
  17. 17. @vacekrae Grid or tile layout
  18. 18. @vacekrae
  19. 19. @vacekrae Grid layout at NCSU Long pages that scroll
  20. 20. @vacekrae Expanding search box
  21. 21. @vacekrae Mega navigation menus
  22. 22. @vacekrae Mega navigation menus
  23. 23. @vacekrae Storytelling Personal portraits
  24. 24. @vacekrae User expectations
  25. 25. @vacekrae Contextual Inquiry @ UH Libraries A research study that involves in-depth interviews where users walk through common tasks in the physical environment in which they typically perform Used to better understand the intents and motivations behind user behaviors Ethnographic data
  26. 26. @vacekrae User expectations Full library discovery Personalized user experience Get to resources and info quickly - not buried in site Find resources library has through Google DRM free resources E-resources are printer-friendly Simple, clean design Subtle, large background images Point of need assistance Mobile friendly
  27. 27. @vacekrae Image gallery gets ignored because it looks like an advertisement
  28. 28. @vacekrae Too many options for most users
  29. 29. @vacekrae Too many options for most users
  30. 30. @vacekrae Users look for PDF icon to download or print
  31. 31. @vacekrae Full library discovery ≠ Discovery system
  32. 32. @vacekrae Discoverability Libraries contain: • People and expertise • Subject and course guides • Unique collections and digital exhibits • Specialized services • Articles, books, journals, DVDs, music scores, maps, other catalog content • Library website content, videos, images • Materials that are not held by the library, but which are available to users • Potentially available materials to support demand driven acquisition
  33. 33. @vacekrae
  34. 34. @vacekrae Search results presented by different formats Book results include images
  35. 35. @vacekrae
  36. 36. @vacekrae Not quite bento box approach, but still highlighting other library resources
  37. 37. @vacekrae Search results presented by different formats Point of need help Pictures of relevant librarians
  38. 38. @vacekrae
  39. 39. @vacekrae
  40. 40. @vacekrae How libraries can respond
  41. 41. @vacekrae Offer full library discovery, not just content
  42. 42. @vacekrae ‘Discoverability’ might be interpreted in the context of how well those systems served their users. - Lorcan Dempsey, Vice President, Research, and Chief Strategist, OCLC
  43. 43. @vacekrae Conduct more user testing
  44. 44. @vacekrae Add or highlight personalization options
  45. 45. @vacekrae My account My favorites Customized RSS feeds Subscribe to X My wishlist My saved resources My friends
  46. 46. @vacekrae Embrace current and upcoming web design trends seen primarily outside libraries
  47. 47. @vacekrae Highlight unique digital assets more
  48. 48. @vacekrae Highlight services and people more
  49. 49. @vacekrae Tell stories to create connections and help with understanding
  50. 50. @vacekrae Storytelling can help us cultivate true wisdom and help us to make sense of an increasingly complex world. Maria Popova, Wisdom in the Age of Information and the Importance of Storytelling in Making Sense of the World, 2014 Future of Storytelling Summit Information Knowledge Wisdom
  51. 51. @vacekrae License resources that have the least restrictions on printing and that have good user interfaces
  52. 52. @vacekrae Follow agile development practices • Make gradual improvements that make it easier to assess and roll back if necessary • Stop doing major redesign projects • Users don’t like change, so small incremental changes make it less of a shock to the system
  53. 53. @vacekraehttp://www.commonplaces.com/who-we-are/our-process
  54. 54. @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, Usability Expert
  55. 55. @vacekraehttp://www.uie.com/articles/death_of_relaunch/
  56. 56. @vacekrae Closing thoughts
  57. 57. @vacekrae Web design trends User expectations How libraries can respond
  58. 58. @vacekrae Connect users to resources and services in their own workflows by making those resources and services more familiar, discoverable, modern, usable, desirable.
  59. 59. @vacekrae The resources and services we provide and the way in which we present them need to be meaningful.
  60. 60. @vacekrae Thanks! Credits Web Design Trends To Look Out For In 2015http://www.elegantthemes.com/blog/resources/web-design-trends-to- look-out-for-in-2015 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 2014): 393-423. http://www.oclc.org/content/dam/research/publications/library/2014/oclcresearch-collection-directions-preprint- 2014.pdf Thirteen Ways of Looking at Libraries, Discovery, and the Catalog: Scale, Workflow, Attention http://www.educause.edu/ero/article/thirteen-ways-looking-libraries-discovery-and-catalog-scale-workflow-attention Varnum, K.J. “Library Discovery From Ponds to Streams.” The Top Technologies Every Librarian Needs to Know. A LITA Guide, Chicago, IL: ALA Techsource (2014): 57-65. 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, by Lou Rosenfeldhttp://louisrosenfeld.com/home/bloug_archive/2008/04/the_redesign_must_die_talk.html Thinking about Technology … Differently, by Locan Dempsey http://www.slideshare.net/lisld/thinking-about-technology-differently New Media Condortium Horizon Report; 2014 Library Edition http://redarchive.nmc.org/publications/2014-horizon-report-library Does Discovery Still Happen in the Library? Roles and Strategies for a Shifting Reality, by Roger Schonfeld, http://www.sr.ithaka.org/blog-individual/does-discovery-still-happen-library-roles-and-strategies-shifting-reality Rachel Vacek Head of Web Services University of Houston Libraries http://rachelvacek.com vacekrae@gmail.com @vacekrae slideshare.net/vacekrae

×