Context is King – Crafting Smarter, Adaptive Digital Products Today

A presentation at UX Scotland 2016 in June 2016 in Edinburgh, UK by Nick van der Linde

Slide 1

Slide 1

Context is king Crafting smarter, adaptive 
 digital products today @nickvanderlinde

Slide 2

Slide 2

@nickvanderlinde UX Scotland 2016 @nickvanderlinde Principal interaction designer

Slide 3

Slide 3

@nickvanderlinde UX Scotland 2016

Slide 4

Slide 4

@nickvanderlinde UX Scotland 2016

Slide 5

Slide 5

@nickvanderlinde UX Scotland 2016

Slide 6

Slide 6

@nickvanderlinde UX Scotland 2016

Slide 7

Slide 7

@nickvanderlinde UX Scotland 2016

Slide 8

Slide 8

@nickvanderlinde UX Scotland 2016

Slide 9

Slide 9

@nickvanderlinde UX Scotland 2016 “The design goal is to find ways to use data, prior behavior and business logic to have things happen automatically, or as close to automatic as we can get.”

—
Aaron Shapiro (CEO, Huge inc.)

Slide 10

Slide 10

@nickvanderlinde UX Scotland 2016 Less work

for our users! (Also: more work for us)

Slide 11

Slide 11

@nickvanderlinde UX Scotland 2016

Slide 12

Slide 12

@nickvanderlinde UX Scotland 2016 We believe the future is about less interactivity. Not more.

Slide 13

Slide 13

@nickvanderlinde UX Scotland 2016 Different kinds of context

Slide 14

Slide 14

@nickvanderlinde UX Scotland 2016 Screen context

Slide 15

Slide 15

@nickvanderlinde UX Scotland 2016

Slide 16

Slide 16

@nickvanderlinde UX Scotland 2016 Proximity context

Slide 17

Slide 17

@nickvanderlinde UX Scotland 2016

Slide 18

Slide 18

@nickvanderlinde UX Scotland 2016

Slide 19

Slide 19

@nickvanderlinde UX Scotland 2016 Physical context

Slide 20

Slide 20

@nickvanderlinde UX Scotland 2016

Slide 21

Slide 21

@nickvanderlinde UX Scotland 2016

Slide 22

Slide 22

@nickvanderlinde UX Scotland 2016

Slide 23

Slide 23

@nickvanderlinde UX Scotland 2016

Slide 24

Slide 24

@nickvanderlinde UX Scotland 2016

Slide 25

Slide 25

@nickvanderlinde UX Scotland 2016 Behavioural context

Slide 26

Slide 26

@nickvanderlinde UX Scotland 2016 http://www.leaseplan.com

Slide 27

Slide 27

@nickvanderlinde UX Scotland 2016 http://www.leaseplan.com

Slide 28

Slide 28

@nickvanderlinde UX Scotland 2016 http://www.leaseplan.com

Slide 29

Slide 29

@nickvanderlinde UX Scotland 2016 Design system

Slide 30

Slide 30

@nickvanderlinde UX Scotland 2016 Adobe Management Cloud Episerver Digital Experience Cloud Sitecore Experience Platform New tools and platforms

Slide 31

Slide 31

@nickvanderlinde UX Scotland 2016 A practical guide to designing 
 for context

Slide 32

Slide 32

@nickvanderlinde UX Scotland 2016

Slide 33

Slide 33

@nickvanderlinde UX Scotland 2016

Slide 34

Slide 34

@nickvanderlinde UX Scotland 2016 1 2 3 4 Identify the 
 problem(s)

Slide 35

Slide 35

@nickvanderlinde UX Scotland 2016 + + Quantitative research Helps to discover 
 what is happening with a product or service • Surveys

• A/B tests

• Remote tests • Analytics Qualitative

research Tells you why that is happening, and catch underlying problems • Focus groups

• Interviews • Participatory design

• Usability tests

Slide 36

Slide 36

@nickvanderlinde UX Scotland 2016

Slide 37

Slide 37

@nickvanderlinde UX Scotland 2016

Slide 38

Slide 38

@nickvanderlinde UX Scotland 2016 The best ideas emerge 
 at the intersection of 
 user needs and business goals

Slide 39

Slide 39

@nickvanderlinde UX Scotland 2016 1 2 3 4 Create a 
 baseline 
 experience

Slide 40

Slide 40

@nickvanderlinde UX Scotland 2016

Slide 41

Slide 41

@nickvanderlinde UX Scotland 2016

Slide 42

Slide 42

@nickvanderlinde UX Scotland 2016 Progressive 
 enhancement 
 is your friend

Slide 43

Slide 43

@nickvanderlinde UX Scotland 2016 Progressive enhancement means not making assumptions about Javascript, browsers, connectivity, screen size, etc,

We simply make things that works everywhere

Slide 44

Slide 44

@nickvanderlinde UX Scotland 2016 In practice, that means

• Core content (text & images)

• Forms, radiobuttons, selectboxes • A simple, accessible experience

Slide 45

Slide 45

@nickvanderlinde UX Scotland 2016

Slide 46

Slide 46

@nickvanderlinde UX Scotland 2016 It’s all about purpose, 
 not “pixel-perfectness”

Slide 47

Slide 47

@nickvanderlinde UX Scotland 2016 Making sure your product works everywhere 
 is incredibly liberating

It allows us to move on quickly, 
 and focus on the cool stuff

Slide 48

Slide 48

@nickvanderlinde UX Scotland 2016 1 2 3 4 “Enhance” 
 with context

Slide 49

Slide 49

@nickvanderlinde UX Scotland 2016 Now that we have 
 the basics in place, 
 let’s enhance!

Slide 50

Slide 50

@nickvanderlinde UX Scotland 2016 @nickvanderlinde UX Scotland 2016

Slide 51

Slide 51

@nickvanderlinde UX Scotland 2016 @nickvanderlinde UX Scotland 2016

Slide 52

Slide 52

@nickvanderlinde UX Scotland 2016 @nickvanderlinde UX Scotland 2016

Slide 53

Slide 53

@nickvanderlinde UX Scotland 2016

Slide 54

Slide 54

@nickvanderlinde UX Scotland 2016

Slide 55

Slide 55

@nickvanderlinde UX Scotland 2016 1 2 3 4 Keep 
 improving

Slide 56

Slide 56

@nickvanderlinde UX Scotland 2016

Slide 57

Slide 57

@nickvanderlinde UX Scotland 2016

Slide 58

Slide 58

@nickvanderlinde UX Scotland 2016

Slide 59

Slide 59

@nickvanderlinde UX Scotland 2016

Slide 60

Slide 60

@nickvanderlinde UX Scotland 2016 Designing for context Identify the problem Define the basic experience

Enhance with context

Keep improving 1 2 3 4

Slide 61

Slide 61

@nickvanderlinde UX Scotland 2016 Design principles 
 for working 
 with context

Slide 62

Slide 62

@nickvanderlinde UX Scotland 2016 1 Don’t take

things

away. Ever

Slide 63

Slide 63

@nickvanderlinde UX Scotland 2016

Slide 64

Slide 64

@nickvanderlinde UX Scotland 2016

Slide 65

Slide 65

@nickvanderlinde UX Scotland 2016 (Re)prioritize content 
 and features, 
 don’t eliminate them

Slide 66

Slide 66

@nickvanderlinde UX Scotland 2016 Always allow overrides 2

Slide 67

Slide 67

@nickvanderlinde UX Scotland 2016 No matter how sophisticated your context model or algorithm, your assumptions will often be wrong.

Slide 68

Slide 68

@nickvanderlinde UX Scotland 2016

Slide 69

Slide 69

@nickvanderlinde UX Scotland 2016 Clearly show what’s happening, and allow users to overrule your assumptions or find alternatives.

Slide 70

Slide 70

@nickvanderlinde UX Scotland 2016 Don’t

get

creepy 3

Slide 71

Slide 71

@nickvanderlinde UX Scotland 2016

Slide 72

Slide 72

@nickvanderlinde UX Scotland 2016 “We may collect information on your 
 mobile device, such as contacts, 
 photos, or media files, your location, 
 sensor data (e.g., about the speed of 
 your movements, such as whether you 
 are running, walking, or in transit).”

Slide 73

Slide 73

@nickvanderlinde UX Scotland 2016 http://twitter.com/chrismnorr/status/634731205104156672

Slide 74

Slide 74

@nickvanderlinde UX Scotland 2016

Slide 75

Slide 75

@nickvanderlinde UX Scotland 2016

Slide 76

Slide 76

@nickvanderlinde UX Scotland 2016

Slide 77

Slide 77

@nickvanderlinde UX Scotland 2016

Slide 78

Slide 78

@nickvanderlinde UX Scotland 2016 The benefits to your customers should outweigh the (potential) privacy cost

Slide 79

Slide 79

@nickvanderlinde UX Scotland 2016 Don’t take anything away Allow overrides Don’t get creepy Design principles

Slide 80

Slide 80

@nickvanderlinde UX Scotland 2016 What’s next?

Slide 81

Slide 81

@nickvanderlinde UX Scotland 2016

Slide 82

Slide 82

@nickvanderlinde UX Scotland 2016

Slide 83

Slide 83

@nickvanderlinde UX Scotland 2016

Slide 84

Slide 84

@nickvanderlinde UX Scotland 2016

Slide 85

Slide 85

@nickvanderlinde UX Scotland 2016

Slide 86

Slide 86

@nickvanderlinde UX Scotland 2016 As technology blends into every aspect of our lives, the need for digital products to consider and adapt to context becomes increasingly urgent

Slide 87

Slide 87

@nickvanderlinde UX Scotland 2016 26 billion

smart devices in 2020 Gartner says: http://www.forbes.com/sites/jacobmorgan/2014/10/30/everything-you-need-to-know-about-the-internet-of-things/

Slide 88

Slide 88

@nickvanderlinde UX Scotland 2016 Cisco says: http://www.forbes.com/sites/jacobmorgan/2014/10/30/everything-you-need-to-know-about-the-internet-of-things/ 50 billion

smart devices in 2020

Slide 89

Slide 89

@nickvanderlinde UX Scotland 2016 Intel says: http://www.forbes.com/sites/jacobmorgan/2014/10/30/everything-you-need-to-know-about-the-internet-of-things/ 200 billion

smart devices in 2020

Slide 90

Slide 90

@nickvanderlinde UX Scotland 2016 Are you ready
for that future?

Slide 91

Slide 91

Thanks! @nickvanderlinde