Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
@vacekrae
Rachel Vacek, Head of Web Services, University of Houston Libraries
2014-2015 President, Library & Information T...
@vacekrae
Web Services @ UH Libraries
Rachel, Robert, Sean, J, Keith
We specialize in web and software development, user r...
@vacekrae
Overview
Web design trends
User expectations
How libraries can respond
@vacekrae
Web design trends
@vacekrae
Best practices in 2011
http://digitalcommons.uconn.edu/libr_pubs/40
@vacekrae
Web design trends
Responsive
More emphasis on typography
Simple, flat icons
Large background images
Large and un...
@vacekrae
Responsive
@vacekrae
5 different
responsive sizes
for BYU’s library
website
@vacekrae
Micro-
interaction
Large touch
targets
Large
background
image
@vacekrae
Large
background
image
Large touch
targets
Grid style
layout
@vacekrae
Large
background
image
Parallax
scrolling
Flat design
@vacekrae
Large
background
image
Long pages
that scroll
Scalable vector
graphics
Flat design
@vacekrae
Large
background
image
Long pages
that scroll
Scalable
vector
graphics
@vacekraehttp://www.google.com/design/
Flat material
design
Mostly flat design that
uses very subtle
gradients, layering, ...
@vacekraehttp://info.lib.uh.edu/about/employment
@vacekrae
Grid or tile
layout
Personalized
user
experience
@vacekrae
Grid or tile
layout
@vacekrae
@vacekrae
Grid layout at
NCSU
Long pages
that scroll
@vacekrae
Expanding
search box
@vacekrae
Mega
navigation
menus
@vacekrae
Mega
navigation
menus
@vacekrae
Storytelling
Personal
portraits
@vacekrae
User expectations
@vacekrae
Contextual Inquiry @ UH Libraries
A research study that involves in-depth interviews where users walk
through co...
@vacekrae
User expectations
Full library discovery
Personalized user experience
Get to resources and info
quickly - not bu...
@vacekrae
Image gallery
gets ignored
because it
looks like an
advertisement
@vacekrae
Too many
options for
most users
@vacekrae
Too many
options for
most users
@vacekrae
Users look
for PDF icon
to download
or print
@vacekrae
Full library discovery ≠ Discovery system
@vacekrae
Discoverability
Libraries contain:
• People and expertise
• Subject and course guides
• Unique collections and d...
@vacekrae
@vacekrae
Search
results
presented by
different
formats
Book results
include
images
@vacekrae
@vacekrae
Not quite
bento box
approach,
but still
highlighting
other library
resources
@vacekrae
Search results
presented by
different formats
Point of need help
Pictures of relevant
librarians
@vacekrae
@vacekrae
@vacekrae
How libraries can
respond
@vacekrae
Offer full library discovery,
not just content
@vacekrae
‘Discoverability’ might be
interpreted in the context of
how well those systems served
their users.
- Lorcan Dem...
@vacekrae
Conduct more user testing
@vacekrae
Add or highlight personalization
options
@vacekrae
My account
My favorites
Customized RSS feeds
Subscribe to X
My wishlist
My saved resources
My friends
@vacekrae
Embrace current and upcoming
web design trends seen primarily
outside libraries
@vacekrae
Highlight unique digital assets more
@vacekrae
Highlight services and people more
@vacekrae
Tell stories to create connections
and help with understanding
@vacekrae
Storytelling can help us cultivate
true wisdom and help us to
make sense of an increasingly
complex world.
Maria...
@vacekrae
License resources that have
the least restrictions on printing
and that have good user interfaces
@vacekrae
Follow agile development practices
• Make gradual improvements that make it
easier to assess and roll back if ne...
@vacekraehttp://www.commonplaces.com/who-we-are/our-process
@vacekrae
Typically, a fresh design will be a worse design simply
because it's new and thus breaks user expectations.
A be...
@vacekraehttp://www.uie.com/articles/death_of_relaunch/
@vacekrae
Closing thoughts
@vacekrae
Web design trends
User expectations
How libraries can respond
@vacekrae
Connect users to resources and
services in their own workflows
by making those resources and
services more famil...
@vacekrae
The resources and services we provide
and the way in which we present them
need to be meaningful.
@vacekrae
Thanks!
Credits
Web Design Trends To Look Out For In 2015http://www.elegantthemes.com/blog/resources/web-design-...
Upcoming SlideShare
Loading in …5
×

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

994 views

Published on

Published in: Education
  • Be the first to comment

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

×