Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design for User Experience

Design for User Experience

Presented for the LYRASIS Annual Members' Meeting: eGathering 2015. March 5, 2015.

LibUX

May 20, 2015
Tweet

More Decks by LibUX

Other Decks in Technology

Transcript

  1. Design for User Experience
    Amanda L. Goodman and Michael Schofield

    View Slide

  2. speakerdeck.com/libux

    View Slide

  3. speakerdeck.com/library user experience

    View Slide

  4. www.libux.co

    View Slide

  5. View Slide

  6. www.libux.co

    View Slide

  7. #libux

    View Slide

  8. us·er ex·pe·ri·ence de·sign
    noun

    View Slide

  9. hu·man cen·tered de·sign
    noun

    View Slide

  10. hu·man cen·tered de·sign
    bleah

    View Slide

  11. us·er ex·pe·ri·ence de·sign
    the measure of your end-user’s interaction with your
    library: its brand, its product, and its services.
    noun

    View Slide

  12. us·er ex·pe·ri·ence de·sign
    the measure of your end-user’s interaction with your
    library: its brand, its product, and its services.
    • plottable
    • predictable
    noun

    View Slide

  13. View Slide

  14. “Useful, usable, desirable: like three legs of a stool, if your
    library is missing the mark on any one of these it’s bound
    to wobble.”– Amanda Etches and Aaron Schmidt

    View Slide

  15. — Peter Morville

    View Slide

  16. useful
    a library service or application has utility and fulfills a
    need
    adjective

    View Slide

  17. usable
    a library service or application is easy to use
    adjective

    View Slide

  18. desirable
    a library service or application is one that people want,
    appreciate, and enjoy
    adjective

    View Slide

  19. findable
    a library service or application is easy to find and navigate
    adjective

    View Slide

  20. accessible
    a library service or application can be used by everyone
    adjective

    View Slide

  21. credible
    a library service or application inspires trust
    adjective

    View Slide

  22. “The honeycomb hits the sweet spot by … helping people
    understand the need to define priorities. Is it more
    important for your [service] to be desirable or accessible?
    How about usable or credible? The truth is, it depends on
    your unique balance of context, content, and users, and
    the required tradeoffs are better made explicitly than
    unconsciously.” — Peter Morville

    View Slide

  23. — Peter Morville

    View Slide

  24. View Slide

  25. utility
    a library service or application fulfills a demonstrable
    need
    adjective

    View Slide

  26. usable
    2. a library service or application is easy to use and
    intuitive.
    adjective

    View Slide

  27. useful
    useful = usable + utility
    “Usability and utility are equally important and together
    determine whether something is useful: it matters little
    that something is easy if it’s not what you want. It’s also
    no good if the system can hypothetically do what you
    want, but … is too difficult.” —Jakob Nielsen
    adjective

    View Slide

  28. What if your website
    disappeared?
    “We’re ever hopeful that if we advertise our websites in
    the right way, or create the right sort of graphic, or make
    the visual design more attractive, people will begin to use
    our content. This is pure fantasy.” —Aaron Schmidt

    View Slide

  29. View Slide

  30. View Slide

  31. http://uxmag.com/articles/leveraging-the-kano-model-for-optimal-results

    View Slide

  32. “Users don’t have to come
    to the library”
    —Courtney Greene McDonald

    View Slide

  33. A negative user experience
    impacts the numbers that
    matter to library stakeholders

    View Slide

  34. us·er ex·pe·ri·ence de·sign
    the use of tools, techniques, and the creative application
    of behavioral knowledge about users to improve the user
    experience - which correlates to the success of the
    library mission and goals.
    noun

    View Slide

  35. /vocabulary

    View Slide

  36. so …

    View Slide

  37. View Slide

  38. Heuristic Evaluation

    View Slide

  39. View Slide

  40. Now, an example of a totally professional expert review.

    View Slide

  41. Carousels 

    View Slide

  42. View Slide

  43. Don’t think about bytes, think about seconds.
    • Context: 700kbs
    • 6.9 seconds (average) from desktop
    • 10.2 seconds (average) from phone
    • 65% increase in bounce for every 1 second of
    load time
    • 74% of users will abandon a website on
    mobile if it takes more than 4 seconds to load

    View Slide

  44. Don’t be a beach ball of death.

    View Slide

  45. — Erik Runyon

    View Slide

  46. — Nielsen Norman Group

    View Slide

  47. —Brad Frost

    View Slide

  48. View Slide

  49. Signage

    View Slide

  50. Signage

    View Slide

  51. Directional
    e.g. bathroom, stairs/elevators
    wayfinders

    View Slide

  52. Identifying
    e.g. who donated the money for this room
    names spaces

    View Slide

  53. Informative
    e.g. upcoming holiday closing
    announce changes or give more information about an item

    View Slide

  54. Instructional
    e.g. how to use a machine
    do that this way

    View Slide

  55. Promotional
    e.g. draws attention to your alien romance collection
    Highlights a special area of interest

    View Slide

  56. /tangent

    View Slide

  57. Pay attention to how patrons
    use the library, and craft your
    services around their behavior.

    View Slide

  58. Heuristic Evaluation in
    Reverse
    —Bohyun Kim

    View Slide

  59. Heuristic Evaluation in Reverse
    • Find the problem/pain point
    • Think about a solution from a user’s perspective
    • Look for specific guidelines that apply
    • Look for specific best practices that apply
    • Otherwise, check the general heuristics and usability
    components.
    —Bohyun Kim

    View Slide

  60. “Field Studies”

    View Slide

  61. View Slide

  62. View Slide

  63. View Slide

  64. As a _____________,
    I want to _______________________
    so that __________________________.
    a young dad
    sign up for a library card
    check out books for my boy

    View Slide

  65. Touchpoints during Card Registration
    1. Find out when the library is open on Saturday
    2. Drive to the library and park
    3. Make sure to pay enough for parking
    4. Enter the library, approach the front desk, inquire
    5. Fill out long paper form
    6. Provide proof of residency and identification
    7. Get Card

    View Slide

  66. Touchpoints during Card Registration
    1. Find out when the library is open on Saturday
    2. Drive to the library and park
    3. Make sure to pay enough for parking
    4. Enter the library, approach the front desk, inquire
    5. Fill out long paper form
    6. Provide proof of residency and identification
    7. Get Card

    View Slide

  67. http://www.lib.umich.edu/files/services/usability/LibWebsite_PD.pdf

    View Slide

  68. View Slide

  69. View Slide

  70. View Slide

  71. View Slide

  72. View Slide

  73. People tolerate even less
    cruft on a smaller screen.

    View Slide

  74. —Luke Wroblewski

    View Slide

  75. —Brad Frost

    View Slide

  76. Avoid content-delay
    syndrome.
    —Pepi Ronalds

    View Slide

  77. http://ibm.co/1KNo8fo

    View Slide

  78. Chunking + Governance

    View Slide

  79. View Slide

  80. www.libux.co/core-content-audit

    View Slide

  81. Making life easier on you and your colleagues can improve content.
    “If subject specialists create guides and videos,
    librarians involved with programming (both
    academic and public) create events, and others
    maintain departmental info and policies—then,
    to ensure consistent and good content, it is
    unfair and counterproductive to present a
    system with too steep of a learning curve. I was
    naïve and surprised to see how strange and
    unfamiliar WordPress could be for those who
    don’t spend all day in it. “
    LibraryLearn - ACRL 2015 IS Innovation Award Winner
    “How to COPE: Create Once, Publish
    Everywhere.” Computers in Libraries.
    December
    2014.

    View Slide

  82. http://bit.ly/1KjYJsJ, CC BY 2.0

    View Slide

  83. Run the numbers.

    View Slide

  84. Web
    Google Analytics
    track every web platform

    View Slide

  85. Search
    e.g. website and catalog
    check those logs

    View Slide

  86. Email
    every service provides a report of some kind
    for your newsletters

    View Slide

  87. Library Stats
    ask why
    you’ve got a story to tell

    View Slide

  88. View Slide

  89. Social Media
    don’t post just to post.
    track everything

    View Slide

  90. The user experience you craft through social media—the
    sense of responsiveness, customer service provided,
    perceived value—is increasingly important.

    View Slide

  91. Poor content—or not enough content—not only reflects
    poorly on your library, but for channels like Facebook that
    highlight popular or relevant content, posts that bomb
    negatively impact the overall visibility of your brand.

    View Slide

  92. View Slide

  93. As of January 2014, 78% of libraries’ online audience is on social.

    View Slide

  94. “How can we, as librarians and library
    workers, incorporate professional values
    like information literacy and critical
    pedagogy with the principles of good user
    experience?” -- Amy

    View Slide

  95. It is easy to conflate the user’s “lack of skills” with our poor organizational and design
    choices. Often, a good user experience is closely tied to convention. We blame their
    inability to form proper research queries on their lack of information literacy, when in fact
    we are presenting a system that is wholly out of left field.

    View Slide

  96. #libweb

    View Slide

  97. Recognize
    bad user experiences.

    View Slide