75
© 2008 frog design. Confidential & Proprietary. 13 SXSW 2010 DESIGN FOR AWARENESS

DESIGN FOR AWARENESS - SXSW 2010

  • Upload
    frog

  • View
    104

  • Download
    1

Embed Size (px)

DESCRIPTION

This presentation will explore an emerging class of design solutions that combine mobile technologies and sensors to target a variety of health issues. These technologies have the potential to heighten our awareness of our own behavior in meaningful ways, opening up new opportunities and challenges for interaction designers. In his talk, Robert will propose some new frameworks for modeling behavior in this burgeoning field of interaction design.

Citation preview

Page 1: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

SXSW 2010

DESIGN FOR AWARENESS

Page 2: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

mobile health?

Page 3: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Page 4: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Page 5: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Page 6: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Page 7: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

mobile? healthmobile? banking

mobile? mediamobile? gaming

mobile? commerce

Page 8: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Page 9: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

the problem of awareness

Page 10: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

a dramatic shift in sensory perception

Page 11: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

mobile technologies are leading the way

Page 12: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

fabio clay musick

Page 13: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Design for Behavior

fabio clay musick

Page 14: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Personal Informatics

fabio clay musick

Page 15: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Design forAwareness

fabio clay musick

Page 16: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Augmented Mindfullness!

fabio clay musick

Page 17: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

wtf?

fabio clay musick

Page 18: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Augmented Mindfullness is a growing field of user experience design that applies to methods of recording behavior, processing the data collected, and feeding it back to the individual or group so that they can better understand the patterns of their activity; and, ostensibly, adapt their behavior more intelligently than they would without these augmentations.

Josh Musick

Page 19: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

STRESSERASER HELICOR

Page 20: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

It would be a great tool for people who have a harder time feeling what’s going on in their body. It gives people a way to ‘see’ the result of an exercise or activity in their body.

Chiropractor

Page 21: DESIGN FOR AWARENESS - SXSW 2010

PulseTracer Proprietary and Confidential

Page 22: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

#1 FEEDBACK

Page 23: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

Page 24: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

PROCESS

REFLECT

REP

OR

T

CO

LLEC

T

Page 25: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

REFLECT

PROCESS

CHANGE !

REP

OR

T

CO

LLEC

T

Page 26: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

REFLECT

PROCESS

REP

OR

T

CO

LLEC

T

Josh

Page 27: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

Josh

REFLECT

PROCESS

CO

LLEC

T

REP

OR

T

Page 28: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

Josh

REFLECT

PROCESS

REP

OR

T

CO

LLEC

T

Page 29: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

REFLECT

PROCESS

REP

OR

T

CO

LLEC

T

STRESSERASER HELICOR

Page 30: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

REFLECT

PROCESS

REP

OR

T

CO

LLEC

T

NIKEPLUS NIKE

Page 31: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

AIRSTRIP

REFLECT

PROCESS

REP

OR

T

CO

LLEC

T

Page 32: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

A.M. DESIGN PRINCIPLE#1

Trust in the system is established through the e!ective balance of

collection and reporting strategies.

Page 33: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

LOSEIT

REFLECT

PROCESS

REP

OR

T

CO

LLEC

T

Page 34: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

REFLECT

PROCESS

REP

OR

T

CO

LLEC

T

CHOICEBYCHOICE LOGIC COLONY

Page 35: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

FITBIT

REFLECT

PROCESS

REP

OR

T

CO

LLEC

T

Page 36: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

A.M. DESIGN PRINCIPLE#2

Data visualization is not as e!ective as you think. I’ll take a

badge over a graph any day.

Page 37: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

FOURSQUARE

REFLECT

PROCESS

REP

OR

T

CO

LLEC

T

Page 38: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

A.M. DESIGN PRINCIPLE#3

If you can’t automate collection...then you better make it fun!

Page 39: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

#2 MOTIVATION

Page 40: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

MOTIVATIONpleasure & painhope & fearacceptance & rejection{

from “A Behavioral Model for Persuasive Design” by BJ Fogg

Page 41: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

1. M

OTI

VATI

ON

from “A Behavioral Model for Persuasive Design” by BJ Fogg

Page 42: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

1. M

OTI

VATI

ON

2. ABILITY

from “A Behavioral Model for Persuasive Design” by BJ Fogg

Page 43: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

A.M. DESIGN PRINCIPLE#4

Designers don’t really understand motivation.

Page 44: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

1. M

OTI

VATI

ON

2. ABILITY

increased likelih

ood to perfo

rm ta

rget behavior

from “A Behavioral Model for Persuasive Design” by BJ Fogg

Page 45: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

1. M

OTI

VATI

ON

2. ABILITY

!THRESHOLD

TRIGGER

from “A Behavioral Model for Persuasive Design” by BJ Fogg

Page 46: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

As mobile phones become more context aware, the trigger- behavior coupling will go beyond the desktop into our active lives. The mobile phone will be a channel for triggering many behaviors. As recipients, we’ll be most tolerant of triggers when they are Signals or Facilitators. Sparks may annoy us because they will seek to motivate us to do something we didn’t intend to do.

BJ Fogg

Page 47: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

VITALITY GLOWCAP

Page 48: DESIGN FOR AWARENESS - SXSW 2010

PRIUS DASHBOARD TOYOTA

Page 49: DESIGN FOR AWARENESS - SXSW 2010

MOBILE HEALTH PROJECT MASILULEKE

Page 50: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

A.M. DESIGN PRINCIPLE#5

People don’t like to set ‘policies’ for themselves. And we’re not

very good at following them even when we try.

Page 51: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

You t You t+1 You t+2 You t+3

TIME INCONSISTENCY

Page 52: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

I want fried

chicken!

I don’t want

diabetes!

TIME INCONSISTENCY

Page 53: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Looking from one emotional state to another is di"cult. But to make informed decisions we need to somehow experience and understand the emotional state we will be in at the other side of the experience. Learning how to bridge that gap is essential to making some of the important decisions of our lives.

Dan Ariely, Predictably Irrational

Page 54: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

A.M. DESIGN PRINCIPLE#6

The most e!ective triggers come from other people

(or at least appear to).

Page 55: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Page 56: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Page 57: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

#3 RITUAL

Page 58: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

t = time

Page 59: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

t = time

! ! !!

t+1 t+2 t+3 t+4t

!

Page 60: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

t = time

!

!

!

t+1

t+2

t+3

!

t+4t

!

Page 61: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

t = time

a =

att

entio

n /

awar

enes

s

!

!

!

!!

t+1

t+2

t+3

t+4t

Page 62: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

“My upcoming class is all about using tech to create new routines. There's lot to explore here.”@BJ Fogg

Page 63: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

PROJECT MASILULEKE SOUTH AFRICA

Page 64: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

a =

att

entio

n /

awar

enes

s

t = time

Message with information received as part of day to day communications with easy call-in mechanism

Accompanying a friend or loved one who is sick. Desire to avoid the health clnic.

Results displayed with strong indication of how to follow-up and get support.

Testing and medication reminders delivered by celebirty buddy.

Availability of low cost / free test kits with prominent mobile # displayed.

Community participation in assembling and distributing test kits,

PROJECT MASILULEKE SOUTH AFRICA

Page 65: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

REMOTE HOME MONITORING ITALY

Page 66: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

REMOTE HOME MONITORING ITALY

Page 67: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

a =

att

entio

n /

awar

enes

s

t = time

Patient feels a great deal of insecurity on being released from treatment. Needs reassurance that someone is paying attention.

Smartphone allows patient to monitor his own signals. Patient feels safer improving speed of recovery and easing return to normal life.

Patient has a coronary event that requires treatment and

triggers change in awareness.

The service filters the feed from the patient so that the

provider is only alerted in high risk situations.

REMOTE HOME MONITORING ITALY

Page 68: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

Page 69: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

A.M. DESIGN PRINCIPLE#7

Knowledge is transferable. So try to find the A.M. opportunities in

whatever you are doing.

Page 70: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

MINT INTUIT

Page 71: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

FIAT ECODRIVE

Page 72: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

SMART METER YELLO STROM

Page 73: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Understanding is important, but it’s only the beginning. It’s got to lead to a change in behavior. The question interaction designers need to ask ourselves, then, is this: how can our work help people to not only understand the change needed, but also to begin making it?

Tom Igoe, NYU

Page 74: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary. 13

Technology that augments mindfulness can help us address problems we’re not naturally good at solving.

Josh Musick, frogdesign

Page 75: DESIGN FOR AWARENESS - SXSW 2010

© 2008 frog design. Confidential & Proprietary.

thanks!@fabtweet