Tweet
Tweet

Slide 1

Slide 1 text

UX LIBRARY

Slide 2

Slide 2 text

UX LIBRARY THE

Slide 3

Slide 3 text

speakerdeck.com/libux

Slide 4

Slide 4 text

speakerdeck.com/library user experience

Slide 5

Slide 5 text

www.libux.co

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

www.libux.co

Slide 8

Slide 8 text

#libux

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

“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

Slide 14

Slide 14 text

— Peter Morville

Slide 15

Slide 15 text

“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

Slide 16

Slide 16 text

— Peter Morville

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

utility a library service or application fulfills a demonstrable need adjective

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

The Kano Model

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

Satisfaction

Slide 28

Slide 28 text

Satisfaction Investment LOW HIGH FRUSTRATION DELIGHT

Slide 29

Slide 29 text

Satisfaction Investment LOW HIGH FRUSTRATION DELIGHT Basic Expectations

Slide 30

Slide 30 text

Satisfaction Investment LOW HIGH FRUSTRATION DELIGHT Basic Expectations Excitement Generators

Slide 31

Slide 31 text

Postive / Negative Question Pairs | Explain or demonstrate a feature – like the new Florida Ask a Librarian chat – then ask patrons how they would feel if 1) it was present, and 2) it wasn’t. 1. I like it 2. I expect it 3. I’m neutral 4. I can tolerate it 5. I dislike it

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

“Heuristics”

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

Now, an example of a totally professional expert review.

Slide 38

Slide 38 text

Carousels 

Slide 39

Slide 39 text

speakerdeck.com/libux

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

Heuristic Evaluation in Reverse —Bohyun Kim

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

“Field Studies”

Slide 46

Slide 46 text

No content

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

No content

Slide 50

Slide 50 text

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

Slide 51

Slide 51 text

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

Slide 52

Slide 52 text

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

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

No content

Slide 55

Slide 55 text

No content

Slide 56

Slide 56 text

No content

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

People tolerate even less cruft on a smaller screen.

Slide 59

Slide 59 text

—Luke Wroblewski

Slide 60

Slide 60 text

—Brad Frost

Slide 61

Slide 61 text

No content

Slide 62

Slide 62 text

www.libux.co/core-content-audit

Slide 63

Slide 63 text

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.

Slide 64

Slide 64 text

No content

Slide 65

Slide 65 text

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

Slide 66

Slide 66 text

Satisfaction Investment LOW HIGH FRUSTRATION DELIGHT Basic Expectations

Slide 67

Slide 67 text

No content

Slide 68

Slide 68 text

No content

Slide 69

Slide 69 text

The most relevant trends to watch for library web design are in e-commerce

Slide 70

Slide 70 text

No content

Slide 71

Slide 71 text

No content

Slide 72

Slide 72 text

Delay User Reaction 0 - 100 ms Instant 100 - 300 ms Feels sluggish 300 - 1000 ms Machine is Working ... 1+ second Mental Context Switch 10+ seconds Screw it.

Slide 73

Slide 73 text

For every 1 second that the page takes to load there is 65% increase in bounce rate.

Slide 74

Slide 74 text

As a _____________, I want to _______________________ so that __________________________. Rush-hour commuter find the library’s hours on mobile I can decide whether I have time to visit the library.

Slide 75

Slide 75 text

Task Touchpoints 1. Glance haphazardly at phone while at a red light 2. Open the browser 3. Type the [long?] URL 4. Wait 15 seconds for the site to load 5. Locate hours 6. Green light – task ended

Slide 76

Slide 76 text

Task Touchpoints 1. Glance haphazardly at phone while at a red light 2. Open the browser 3. Type the [long?] URL 4. Wait 15 seconds for the site to load 5. Locate hours 6. Green light – task ended

Slide 77

Slide 77 text

“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

Slide 78

Slide 78 text

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.

Slide 79

Slide 79 text

Q’s?