Slide 1

Slide 1 text

Future of Web Design, London May 2013 Stephanie Troeth Ways to Listen, Ways to Act: @sniffles #fowd Impactful UX Strategy

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

I own more books than clothes.

Slide 5

Slide 5 text

http://www.flickr.com/photos/orinrobertjohn/221900474/

Slide 6

Slide 6 text

http://www.flickr.com/photos/orinrobertjohn/221900474/ Humans > Rubik’s Cubes

Slide 7

Slide 7 text

Revealing Story #1 http://www.flickr.com/photos/59195512@N00/145289605/

Slide 8

Slide 8 text

How is it that we do all the “right” things... ...but still end up with something mediocre?

Slide 9

Slide 9 text

open-ended close-ended “listening labs” “contextual enquiry” interviews usability testing remote testing tools surveys focus groups card sorting heuristic evaluation A/B testing We have many ways to listen...

Slide 10

Slide 10 text

hi-fidelity low-fidelity realistic prototypes sketches graphic mockups paper prototype detailed wireframes functional prototype hi-level wireframes dynamic static storyboard functional specifications content inventory flow diagrams We have a lot of design tools...

Slide 11

Slide 11 text

We have lots of discussions on how to use them.

Slide 12

Slide 12 text

So why are we failing? Leadership? Process! Management? Communication Those designers... Those developers... n00bs! They call us a “channel”!

Slide 13

Slide 13 text

I think there is one part that we don’t usually do well: Setting ourselves up.

Slide 14

Slide 14 text

Revealing Story #2 http://www.flickr.com/photos/flyingsaab/8446287189/

Slide 15

Slide 15 text

Example research finding: “We found that undergraduate students didn’t want to read our prospectus on mobile devices.”

Slide 16

Slide 16 text

http://www.balldesignconsultancy.com/case-studies/adding-value-to-higher-education/

Slide 17

Slide 17 text

http://www.lboro.ac.uk/designandprint/design/featured-work/prospectuses/

Slide 18

Slide 18 text

Typical prospectus content ✤ Organisational philosophy / why choose us ✤ Information to help students integrate ✤ Employment prospects ✤ Alumni ✤ List of degrees ✤ Application+entry requirements ✤ Tours and open days ✤ Location(s)/Contact info ✤ ...

Slide 19

Slide 19 text

Greater context data (UK) Internet use over a mobile phone: rate of growth fastest in 16-24 yo, increasing from 44% to 71% in 2011.* Smartphone ownership (as of Jan 2011) Male < 35 @ 48% Female < 35 @ 40% Source: http://www.newmediatrendwatch.com/markets-by-country/18-uk/154-mobile-devices patterns don’t match?

Slide 20

Slide 20 text

Was it because the question applies to the prospectus in its current format? (usually paper or PDF) Was it because students don’t find the content relevant? What happens if the content is available in a more mobile-friendly format? What if we used videos to convey similar information instead of pages of text?

Slide 21

Slide 21 text

wrong answer wrong question

Slide 22

Slide 22 text

misleading answers badly formed question mediocre design solution irrelevant? inaccurate?

Slide 23

Slide 23 text

“Spherical chickens in a vacuum” https://www.youtube.com/watch?v=majaPLfQMzk Big Bang Theory: The Cooper-Hofstadter Polarization (Season 1, Ep. 9)

Slide 24

Slide 24 text

Could it be as simple as asking the right questions up front?

Slide 25

Slide 25 text

The shape of your question. & nuance

Slide 26

Slide 26 text

Public transport scenario (London)

Slide 27

Slide 27 text

Transport for London (www.tfl.gov.uk)

Slide 28

Slide 28 text

Transport for London (www.tfl.gov.uk)

Slide 29

Slide 29 text

Transport for London (www.tfl.gov.uk)

Slide 30

Slide 30 text

National Rail (www.nationalrail.co.uk)

Slide 31

Slide 31 text

National Rail (www.nationalrail.co.uk)

Slide 32

Slide 32 text

National Rail (www.nationalrail.co.uk)

Slide 33

Slide 33 text

National Rail (www.nationalrail.co.uk)

Slide 34

Slide 34 text

Transport for London (www.tfl.gov.uk)

Slide 35

Slide 35 text

Are these “usability” issues or a greater experience issue? How wide a net do we cast when looking for a solution?

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

forecast.io

Slide 40

Slide 40 text

forecast.io

Slide 41

Slide 41 text

umbrellatoday.com

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

The problem we need to address should match up with our goals.

Slide 44

Slide 44 text

Transport for London (www.tfl.gov.uk)

Slide 45

Slide 45 text

Typical question: How can we improve our metrics in the journey planner app? naive

Slide 46

Slide 46 text

Better: A business question for the TFL What can we do to get people to use public transport more often?

Slide 47

Slide 47 text

Business question: What can we do to get people to use public transport more often? ✤ Why are people not using public transport as often as they can? ✤ Do they run into obstacles? ✤ Do they perceive it to be less convenient than driving? ✤ ... extrapolate

Slide 48

Slide 48 text

The scientific method of enquiry: 1) create your hypothesis based on educated guess 2) express your hypothesis & assumptions clearly 3) look to prove or disprove your hypothesis

Slide 49

Slide 49 text

Business question: What can we do to get people to use public transport more often? High-level research question: Are people using public transport as often as they can? Hypothesis: people can use public transport more often than they do now.

Slide 50

Slide 50 text

Business question: What can we do to get people to use public transport more often? High-level research question: What obstacles are people facing in trying to use public transport? Assumption: people use public transport less because they run into obstacles. Hypothesis: If we remove obstacles, they will use public transport more.

Slide 51

Slide 51 text

A game of questions? http://www.youtube.com/watch?v=LS9WSec4RXQ Rosencrantz & Guildenstern Are Dead!

Slide 52

Slide 52 text

Rules of the game: ✤ No statements ✤ No repetition ✤ No synonyms ✤ No rhetoric ✤ No non-sequiturs

Slide 53

Slide 53 text

Hypothesis: If we remove obstacles, they will use public transport more. Can we test this? Can we measure it?

Slide 54

Slide 54 text

High-level research question: What obstacles are people facing in trying to use public transport? Derived research question: How do people prefer to plan their journeys? Why? Assumption: planning a journey is an obstacle. Hypothesis: If people can plan journeys well, they will use public transport more.

Slide 55

Slide 55 text

Hypothesis: If people can plan journeys well, they will use public transport more. Can we test this? Can we measure it?

Slide 56

Slide 56 text

Research question: How do people prefer to plan their journeys? Why? Design question: How can we better help people plan their journey? The design question needs to be actionable Hat tip: Kelly Goto

Slide 57

Slide 57 text

Which question should we be asking?

Slide 58

Slide 58 text

How do we make a choice?

Slide 59

Slide 59 text

The strategy as a starting point.

Slide 60

Slide 60 text

“[Businesses] think they know what their product and service is, they think that it’s all about execution. ‘If I execute better than the next guy, I’m going to win.’ But the problem is that execution without the direction of a strategy, without the choices of the strategy, is all over the place. You might win occasionally but you’re probably not going to win consistently, reliably or sustainably.” http://www.businessinsider.com/ag-lafley-roger-martin-playing-to-win-2013-2 A.G. Lafley says:

Slide 61

Slide 61 text

Three levels of loops UI feature product UX strategy research design

Slide 62

Slide 62 text

Choose your research scope, define your design parameters.

Slide 63

Slide 63 text

“To embrace experimentation you just need to stop talking about design in a Socratic way [...] and start formalising hypotheses and tests.” Leisa Reichelt says: http://www.disambiguity.com/experimentation-beats-expertise/

Slide 64

Slide 64 text

“[...] The experimental mindset is an egalitarian approach to design. It allows that anyone can suggest a design solutions and, rather than argue endlessly about whether it is better or worse than other approaches, you design a test. Find out how to find out which design works best.” Leisa Reichelt says: http://www.disambiguity.com/experimentation-beats-expertise/

Slide 65

Slide 65 text

Isn’t this supposed to be creative? Wait a sec.

Slide 66

Slide 66 text

Typical (healthy) creative process divergence convergence Ideas

Slide 67

Slide 67 text

Typical (healthy) creative process design ideas inspiration & research problem framing prototyping divergence convergence

Slide 68

Slide 68 text

research design hypotheses findings implementation ideas (or prototype)

Slide 69

Slide 69 text

Accept that “findings” are just what we know at this point in time given what we’ve decided to focus on. The conscious researcher:

Slide 70

Slide 70 text

Accept that what we create is limited by our knowledge. The conscious designer:

Slide 71

Slide 71 text

Research findings are possible universes.

Slide 72

Slide 72 text

Designs are also possible universes.

Slide 73

Slide 73 text

A research and prototype process can reveal important customer behaviour that can impact all areas of your business.

Slide 74

Slide 74 text

Revealing Story #3 http://www.flickr.com/photos/torley/3656437810/

Slide 75

Slide 75 text

User Experience Strategy provides a way to handle the constant shift of the meeting point between research and design. research design hypotheses findings implementation ideas (or prototype)

Slide 76

Slide 76 text

Your research nurtures a creative model.

Slide 77

Slide 77 text

Your design proves something. (or disproves)

Slide 78

Slide 78 text

Your creative process is an continual experiment.

Slide 79

Slide 79 text

Thank you! Many thanks to: Olivier Thereaux & David Rollert Stephanie Troeth @sniffles http://stephanietroeth.com/