ux poland 2016 - nick van der linde - context is king – creating smarter, adaptive digital...

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

Upload: ux-poland

Post on 19-Feb-2017

186 views

Category:

Business


1 download

TRANSCRIPT

Context is kingCrafting smarter, adaptive

digital products today

@nickvanderlinde

@nickvanderlindeUX Poland 2016

@nickvanderlindePrincipal interaction designer

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

We are thinkers, designers,

technologists, illustrators,

copywriters and makers

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

contextToday’s subject:

@nickvanderlindeUX Poland 2016

Good design considers context

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

The good news:

Emerging web technology

allows us to (largely)

automate that manual part

@nickvanderlindeUX Poland 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.)

@nickvanderlindeUX Poland 2016

Good design considers context

Great design adapts to context

@nickvanderlindeUX Poland 2016

Less workfor our users!

(Also: more work for us!)

@nickvanderlindeUX Poland 2016

Context on the web today

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

Today, it’s mostly big tech companies that

(try) to make use of context.

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

Different kinds of context

@nickvanderlindeUX Poland 2016

Screen context

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

Proximity context

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016 @nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016 @nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

Environmental context

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

Behavioural context

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

http://www.leaseplan.com

@nickvanderlindeUX Poland 2016

http://www.leaseplan.com

@nickvanderlindeUX Poland 2016

http://www.leaseplan.com

@nickvanderlindeUX Poland 2016

Design system

@nickvanderlindeUX Poland 2016

Adobe Management Cloud

Episerver Digital Experience Cloud

Sitecore Experience Platform

New tools and platforms

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

A practical guide to designingfor context

@nickvanderlindeUX Poland 2016

1 2 3 4

Think big,

start small

@nickvanderlindeUX Poland 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

@nickvanderlindeUX Poland 2016

Mapping research insights

to the customer journey

CONSIDERATIO

N

SEARCH PURCHAS

E

ORIENTATION

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

The best ideas emergeat the intersection of

user needs and business goals

@nickvanderlindeUX Poland 2016

“The trick to making

progress is picking the

right problem to solve”— Jeff Hawkins

@nickvanderlindeUX Poland 2016

1 2 3 4

Define

the core

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

“Help us improve the

online seat selection

user experience”

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

Progressive

enhancement

is your friend

@nickvanderlindeUX Poland 2016

Progressive enhancement means

not making assumptions about

Javascript, browsers, connectivity,

screens, etc,

We simply make things that works

everywhere

@nickvanderlindeUX Poland 2016

In practice, that means

• Core content (text & images)

• Radiobuttons, forms, selectboxes

• A simple, accessible experience

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

Content blockers can

(and will)

wreck your beautiful

design

Content

blockers

can (and will)

wreck your

beautiful

design

http://www.flickr.com/photos/johnkarakatsanis/15586600289

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

Exactly 0,0% of your users cares

about cross-device consistency

(And no, product owners do not count)

@nickvanderlindeUX Poland 2016

It’s all about purpose,

not “pixel-perfectness”

@nickvanderlindeUX Poland 2016

Making sure your product works

everywhere

is incredibly liberating

It allows us to move on quickly,

and focus on the cool stuff

@nickvanderlindeUX Poland 2016

1 2 3 4

“Enhance”

with context

@nickvanderlindeUX Poland 2016

Now that we have

the basics in place,

let’s enhance!

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

1 2 3 4

Test early

and keep

improving

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

Designing for context

Think big, start small

Define the core

Enhance and polish

Test early, keep improving

1

2

3

4

@nickvanderlindeUX Poland 2016

Design principlesfor workingwith context

@nickvanderlindeUX Poland 2016

Don’t takethingsaway. Ever

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

(Re)prioritize content

and features,

don’t eliminate them

@nickvanderlindeUX Poland 2016

Always allow overrides

@nickvanderlindeUX Poland 2016

No matter how sophisticated your context

model or algorithm, your assumptions will

often be wrong.

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

When user location =

NEW YORK CITY

When user location =

AMSTERDAM

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

Clearly show what’s happening, and allow

users to overrule your assumptions or find

alternatives.

@nickvanderlindeUX Poland 2016

Don’tgetcreepy

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 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).”

@nickvanderlindeUX Poland 2016

http://twitter.com/chrismnorr/status/634731205104156672

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

The benefits to your customers must

outweigh the (potential) privacy cost

@nickvanderlindeUX Poland 2016

Don’t take anything away

Allow overrides

Don’t get creepy

Design principles

@nickvanderlindeUX Poland 2016

What’s next?

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

https://blog.intercom.io/design-is-a-conversation/

@nickvanderlindeUX Poland 2016

@nickvanderlindeUX Poland 2016

As technology blends into every aspect of

our lives, the need for digital products to

consider and adapt to context becomes

increasingly urgent

@nickvanderlindeUX Poland 2016

26 billionsmart devices in 2020

Gartner says:

http://www.forbes.com/sites/jacobmorgan/2014/10/30/everything-you-need-to-know-about-the-internet-of-things/

@nickvanderlindeUX Poland 2016

Cisco says:

http://www.forbes.com/sites/jacobmorgan/2014/10/30/everything-you-need-to-know-about-the-internet-of-things/

50 billionsmart devices in 2020

@nickvanderlindeUX Poland 2016

Intel says:

http://www.forbes.com/sites/jacobmorgan/2014/10/30/everything-you-need-to-know-about-the-internet-of-things/

200 billionsmart devices in 2020

@nickvanderlindeUX Poland 2016

Are you ready

for that future?

@[email protected]

Thank you!