SXSW 2010

DESIGN FOR AWARENESS




                    © 2008 frog design. Confidential & Proprietary.   13
mobile health?




                 © 2008 frog design. Confidential & Proprietary.   13
© 2008 frog design. Confidential & Proprietary.   13
© 2008 frog design. Confidential & Proprietary.   13
© 2008 frog design. Confidential & Proprietary.   13
© 2008 frog design. Confidential & Proprietary.   13
mobile? commerce
mobile? banking
mobile? health
mobile? media
mobile? gaming


             © 2008 frog design. Confidential & Proprietary.   13
© 2008 frog design. Confidential & Proprietary.   13
the problem
of awareness




               © 2008 frog design. Confidential & Proprietary.   13
a dramatic shift in
sensory perception




                 © 2008 frog design. Confidential & Proprietary.   13
mobile technologies
are leading the way




                © 2008 frog design. Confidential & Proprietary.   13
fabio   clay                        musick




               © 2008 frog design. Confidential & Proprietary.   13
fabio   clay                        musick




Design for
Behavior



                            © 2008 frog design. Confidential & Proprietary.   13
fabio        clay                          musick




          Personal
        Informatics



                      © 2008 frog design. Confidential & Proprietary.   13
fabio     clay                        musick




Design for
Awareness



                    © 2008 frog design. Confidential & Proprietary.   13
fabio   clay                        musick




                       Augmented
                       Mindfullness!



               © 2008 frog design. Confidential & Proprietary.   13
fabio   clay                        musick




        wtf?



               © 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




                                    © 2008 frog design. Confidential & Proprietary.   13
STRESSERASER HELICOR




                       © 2008 frog design. Confidential & Proprietary.
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




                            © 2008 frog design. Confidential & Proprietary.   13
PulseTracer   Proprietary and Confidential
#1 FEEDBACK




          © 2008 frog design. Confidential & Proprietary.   13
© 2008 frog design. Confidential & Proprietary.
PROCESS




COLLECT




                                REPORT
          REFLECT



                    © 2008 frog design. Confidential & Proprietary.
PROCESS




   COLLECT




                                       REPORT
CHANGE       !


                 REFLECT



                           © 2008 frog design. Confidential & Proprietary.
PROCESS




           Josh
COLLECT




                                REPORT
          REFLECT



                    © 2008 frog design. Confidential & Proprietary.
PROCESS




COLLECT    Josh




                                REPORT
          REFLECT



                    © 2008 frog design. Confidential & Proprietary.
PROCESS




           Josh




                              REPORT
COLLECT




          REFLECT



                    © 2008 frog design. Confidential & Proprietary.
STRESSERASER HELICOR




                                 PROCESS




                       COLLECT




                                                                                      REPORT
                                 REFLECT




                                     © 2008 frog design. Confidential & Proprietary.
NIKEPLUS NIKE




                          PROCESS




                COLLECT




                                                                               REPORT
                          REFLECT




                              © 2008 frog design. Confidential & Proprietary.
AIRSTRIP




                     PROCESS




           COLLECT




                                                                          REPORT
                     REFLECT




                         © 2008 frog design. Confidential & Proprietary.
A.M. DESIGN PRINCIPLE#1


 Trust in the system is established
  through the e ective balance of
collection and reporting strategies.




                                    © 2008 frog design. Confidential & Proprietary.   13
LOSEIT




                   PROCESS




         COLLECT




                                                                        REPORT
                   REFLECT




                       © 2008 frog design. Confidential & Proprietary.
CHOICEBYCHOICE LOGIC COLONY




                                        PROCESS




                              COLLECT




                                                                                             REPORT
                                        REFLECT




                                            © 2008 frog design. Confidential & Proprietary.
FITBIT




                   PROCESS




         COLLECT




                                                                        REPORT
                   REFLECT




                       © 2008 frog design. Confidential & Proprietary.
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.




                                  © 2008 frog design. Confidential & Proprietary.   13
FOURSQUARE




                       PROCESS




             COLLECT




                                                                            REPORT
                       REFLECT




                           © 2008 frog design. Confidential & Proprietary.
A.M. DESIGN PRINCIPLE#3


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




                                   © 2008 frog design. Confidential & Proprietary.   13
#2 MOTIVATION




            © 2008 frog design. Confidential & Proprietary.   13
from “A Behavioral Model for Persuasive Design” by BJ Fogg




                               {
                                    pleasure & pain
MOTIVATION                          hope & fear
                                    acceptance & rejection




                                                 © 2008 frog design. Confidential & Proprietary.   13
from “A Behavioral Model for Persuasive Design” by BJ Fogg

1. MOTIVATION




                                                               © 2008 frog design. Confidential & Proprietary.
from “A Behavioral Model for Persuasive Design” by BJ Fogg

1. MOTIVATION




                                      2. ABILITY
                                                               © 2008 frog design. Confidential & Proprietary.
A.M. DESIGN PRINCIPLE#4


 Designers don’t really
understand motivation.




                              © 2008 frog design. Confidential & Proprietary.   13
from “A Behavioral Model for Persuasive Design” by BJ Fogg




                                                                           r
                                                                        vio
                                                                      ha
1. MOTIVATION




                                                                  t be
                                                                 e
                                                             a rg
                                                            t
                                                       rm
                                                  r fo
                                                pe
                                             to
                                        od
                                     ho
                                  eli
                               lik
                         sed
                     rea
                  inc

                                              2. ABILITY
                                                                               © 2008 frog design. Confidential & Proprietary.
from “A Behavioral Model for Persuasive Design” by BJ Fogg




                                   TRIGGER
                                                  !
1. MOTIVATION




                                                          THRESHOLD




                                      2. ABILITY
                                                               © 2008 frog design. Confidential & Proprietary.
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




                                      © 2008 frog design. Confidential & Proprietary.   13
VITALITY GLOWCAP




                   © 2008 frog design. Confidential & Proprietary.
PRIUS DASHBOARD TOYOTA
MOBILE HEALTH PROJECT MASILULEKE
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.




                                   © 2008 frog design. Confidential & Proprietary.   13
TIME INCONSISTENCY




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




                                  © 2008 frog design. Confidential & Proprietary.
TIME INCONSISTENCY




 I want                                           I don’t
  fried                                            want
chicken!                                         diabetes!

                                © 2008 frog design. Confidential & Proprietary.
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




                                     © 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).




                               © 2008 frog design. Confidential & Proprietary.   13
© 2008 frog design. Confidential & Proprietary.   13
© 2008 frog design. Confidential & Proprietary.   13
#3 RITUAL




            © 2008 frog design. Confidential & Proprietary.   13
t = time


           © 2008 frog design. Confidential & Proprietary.
t        t+1   t+2   t+3                          t+4

 !          !     !     !                               !

t = time


                             © 2008 frog design. Confidential & Proprietary.
t+2

           t+1    !    t+3

            !          !
  t                                                 t+4

 !                                                      !

t = time


                             © 2008 frog design. Confidential & Proprietary.
a = attention / awareness




                                             t+2

                                       t+1    !    t+3

                                        !          !
                              t                                                 t+4

                             !                                                      !

                            t = time


                                                         © 2008 frog design. Confidential & Proprietary.
“My upcoming class is all about
using tech to create new routines.
There's lot to explore here.”
@BJ Fogg




                           © 2008 frog design. Confidential & Proprietary.   13
PROJECT MASILULEKE SOUTH AFRICA




                                  © 2008 frog design. Confidential & Proprietary.
PROJECT MASILULEKE SOUTH AFRICA




                                                                                            Results displayed with strong indication
                                                Availability of low cost / free test kits   of how to follow-up and get support.
                                                with prominent mobile # displayed.
  a = attention / awareness




                                Accompanying a friend or                                                  Testing and medication reminders
                                loved one who is sick. Desire                                             delivered by celebirty buddy.
                                to avoid the health clnic.




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


                                                                                                        Community participation in
                                                                                                        assembling and distributing test kits,




                              t = time
                                                                                                              © 2008 frog design. Confidential & Proprietary.
REMOTE HOME MONITORING ITALY




                               © 2008 frog design. Confidential & Proprietary.
REMOTE HOME MONITORING ITALY




                               © 2008 frog design. Confidential & Proprietary.
REMOTE HOME MONITORING ITALY




                                                                    Patient feels a great deal of
                                                                    insecurity on being released from
                                                                    treatment. Needs reassurance that
  a = attention / awareness




                                                                    someone is paying attention.
                                    Patient has a coronary event
                                      that requires treatment and                                           Smartphone allows patient to
                                   triggers change in awareness.                                            monitor his own signals. Patient
                                                                                                            feels safer improving speed of
                                                                                                            recovery and easing return to
                                                                                                            normal life.




                                                                                 The service filters the feed
                                                                                from the patient so that the
                                                                                   provider is only alerted in
                                                                                        high risk situations.




                              t = time
                                                                                               © 2008 frog design. Confidential & Proprietary.
© 2008 frog design. Confidential & Proprietary.
A.M. DESIGN PRINCIPLE#7


Knowledge is transferable. So try
to find the A.M. opportunities in
    whatever you are doing.




                                   © 2008 frog design. Confidential & Proprietary.   13
MINT INTUIT




              © 2008 frog design. Confidential & Proprietary.
FIAT ECODRIVE




                © 2008 frog design. Confidential & Proprietary.   13
SMART METER YELLO STROM




                          © 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




                                © 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




                              © 2008 frog design. Confidential & Proprietary.   13
thanks!
@fabtweet




            © 2008 frog design. Confidential & Proprietary.

DESIGN FOR AWARENESS - SXSW 2010

  • 1.
    SXSW 2010 DESIGN FORAWARENESS © 2008 frog design. Confidential & Proprietary. 13
  • 2.
    mobile health? © 2008 frog design. Confidential & Proprietary. 13
  • 3.
    © 2008 frogdesign. Confidential & Proprietary. 13
  • 4.
    © 2008 frogdesign. Confidential & Proprietary. 13
  • 5.
    © 2008 frogdesign. Confidential & Proprietary. 13
  • 6.
    © 2008 frogdesign. Confidential & Proprietary. 13
  • 7.
    mobile? commerce mobile? banking mobile?health mobile? media mobile? gaming © 2008 frog design. Confidential & Proprietary. 13
  • 8.
    © 2008 frogdesign. Confidential & Proprietary. 13
  • 9.
    the problem of awareness © 2008 frog design. Confidential & Proprietary. 13
  • 10.
    a dramatic shiftin sensory perception © 2008 frog design. Confidential & Proprietary. 13
  • 11.
    mobile technologies are leadingthe way © 2008 frog design. Confidential & Proprietary. 13
  • 12.
    fabio clay musick © 2008 frog design. Confidential & Proprietary. 13
  • 13.
    fabio clay musick Design for Behavior © 2008 frog design. Confidential & Proprietary. 13
  • 14.
    fabio clay musick Personal Informatics © 2008 frog design. Confidential & Proprietary. 13
  • 15.
    fabio clay musick Design for Awareness © 2008 frog design. Confidential & Proprietary. 13
  • 16.
    fabio clay musick Augmented Mindfullness! © 2008 frog design. Confidential & Proprietary. 13
  • 17.
    fabio clay musick wtf? © 2008 frog design. Confidential & Proprietary. 13
  • 18.
    Augmented Mindfullness isa 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 © 2008 frog design. Confidential & Proprietary. 13
  • 19.
    STRESSERASER HELICOR © 2008 frog design. Confidential & Proprietary.
  • 20.
    It would bea 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 © 2008 frog design. Confidential & Proprietary. 13
  • 21.
    PulseTracer Proprietary and Confidential
  • 22.
    #1 FEEDBACK © 2008 frog design. Confidential & Proprietary. 13
  • 23.
    © 2008 frogdesign. Confidential & Proprietary.
  • 24.
    PROCESS COLLECT REPORT REFLECT © 2008 frog design. Confidential & Proprietary.
  • 25.
    PROCESS COLLECT REPORT CHANGE ! REFLECT © 2008 frog design. Confidential & Proprietary.
  • 26.
    PROCESS Josh COLLECT REPORT REFLECT © 2008 frog design. Confidential & Proprietary.
  • 27.
    PROCESS COLLECT Josh REPORT REFLECT © 2008 frog design. Confidential & Proprietary.
  • 28.
    PROCESS Josh REPORT COLLECT REFLECT © 2008 frog design. Confidential & Proprietary.
  • 29.
    STRESSERASER HELICOR PROCESS COLLECT REPORT REFLECT © 2008 frog design. Confidential & Proprietary.
  • 30.
    NIKEPLUS NIKE PROCESS COLLECT REPORT REFLECT © 2008 frog design. Confidential & Proprietary.
  • 31.
    AIRSTRIP PROCESS COLLECT REPORT REFLECT © 2008 frog design. Confidential & Proprietary.
  • 32.
    A.M. DESIGN PRINCIPLE#1 Trust in the system is established through the e ective balance of collection and reporting strategies. © 2008 frog design. Confidential & Proprietary. 13
  • 33.
    LOSEIT PROCESS COLLECT REPORT REFLECT © 2008 frog design. Confidential & Proprietary.
  • 34.
    CHOICEBYCHOICE LOGIC COLONY PROCESS COLLECT REPORT REFLECT © 2008 frog design. Confidential & Proprietary.
  • 35.
    FITBIT PROCESS COLLECT REPORT REFLECT © 2008 frog design. Confidential & Proprietary.
  • 36.
    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. © 2008 frog design. Confidential & Proprietary. 13
  • 37.
    FOURSQUARE PROCESS COLLECT REPORT REFLECT © 2008 frog design. Confidential & Proprietary.
  • 38.
    A.M. DESIGN PRINCIPLE#3 Ifyou can’t automate collection... then you better make it fun! © 2008 frog design. Confidential & Proprietary. 13
  • 39.
    #2 MOTIVATION © 2008 frog design. Confidential & Proprietary. 13
  • 40.
    from “A BehavioralModel for Persuasive Design” by BJ Fogg { pleasure & pain MOTIVATION hope & fear acceptance & rejection © 2008 frog design. Confidential & Proprietary. 13
  • 41.
    from “A BehavioralModel for Persuasive Design” by BJ Fogg 1. MOTIVATION © 2008 frog design. Confidential & Proprietary.
  • 42.
    from “A BehavioralModel for Persuasive Design” by BJ Fogg 1. MOTIVATION 2. ABILITY © 2008 frog design. Confidential & Proprietary.
  • 43.
    A.M. DESIGN PRINCIPLE#4 Designers don’t really understand motivation. © 2008 frog design. Confidential & Proprietary. 13
  • 44.
    from “A BehavioralModel for Persuasive Design” by BJ Fogg r vio ha 1. MOTIVATION t be e a rg t rm r fo pe to od ho eli lik sed rea inc 2. ABILITY © 2008 frog design. Confidential & Proprietary.
  • 45.
    from “A BehavioralModel for Persuasive Design” by BJ Fogg TRIGGER ! 1. MOTIVATION THRESHOLD 2. ABILITY © 2008 frog design. Confidential & Proprietary.
  • 46.
    As mobile phonesbecome 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 © 2008 frog design. Confidential & Proprietary. 13
  • 47.
    VITALITY GLOWCAP © 2008 frog design. Confidential & Proprietary.
  • 48.
  • 49.
  • 50.
    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. © 2008 frog design. Confidential & Proprietary. 13
  • 51.
    TIME INCONSISTENCY You t You t+1 You t+2 You t+3 © 2008 frog design. Confidential & Proprietary.
  • 52.
    TIME INCONSISTENCY Iwant I don’t fried want chicken! diabetes! © 2008 frog design. Confidential & Proprietary.
  • 53.
    Looking from oneemotional 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 © 2008 frog design. Confidential & Proprietary. 13
  • 54.
    A.M. DESIGN PRINCIPLE#6 Themost e ective triggers come from other people (or at least appear to). © 2008 frog design. Confidential & Proprietary. 13
  • 55.
    © 2008 frogdesign. Confidential & Proprietary. 13
  • 56.
    © 2008 frogdesign. Confidential & Proprietary. 13
  • 57.
    #3 RITUAL © 2008 frog design. Confidential & Proprietary. 13
  • 58.
    t = time © 2008 frog design. Confidential & Proprietary.
  • 59.
    t t+1 t+2 t+3 t+4 ! ! ! ! ! t = time © 2008 frog design. Confidential & Proprietary.
  • 60.
    t+2 t+1 ! t+3 ! ! t t+4 ! ! t = time © 2008 frog design. Confidential & Proprietary.
  • 61.
    a = attention/ awareness t+2 t+1 ! t+3 ! ! t t+4 ! ! t = time © 2008 frog design. Confidential & Proprietary.
  • 62.
    “My upcoming classis all about using tech to create new routines. There's lot to explore here.” @BJ Fogg © 2008 frog design. Confidential & Proprietary. 13
  • 63.
    PROJECT MASILULEKE SOUTHAFRICA © 2008 frog design. Confidential & Proprietary.
  • 64.
    PROJECT MASILULEKE SOUTHAFRICA Results displayed with strong indication Availability of low cost / free test kits of how to follow-up and get support. with prominent mobile # displayed. a = attention / awareness Accompanying a friend or Testing and medication reminders loved one who is sick. Desire delivered by celebirty buddy. to avoid the health clnic. Message with information received as part of day to day communications with easy call-in mechanism Community participation in assembling and distributing test kits, t = time © 2008 frog design. Confidential & Proprietary.
  • 65.
    REMOTE HOME MONITORINGITALY © 2008 frog design. Confidential & Proprietary.
  • 66.
    REMOTE HOME MONITORINGITALY © 2008 frog design. Confidential & Proprietary.
  • 67.
    REMOTE HOME MONITORINGITALY Patient feels a great deal of insecurity on being released from treatment. Needs reassurance that a = attention / awareness someone is paying attention. Patient has a coronary event that requires treatment and Smartphone allows patient to triggers change in awareness. monitor his own signals. Patient feels safer improving speed of recovery and easing return to normal life. The service filters the feed from the patient so that the provider is only alerted in high risk situations. t = time © 2008 frog design. Confidential & Proprietary.
  • 68.
    © 2008 frogdesign. Confidential & Proprietary.
  • 69.
    A.M. DESIGN PRINCIPLE#7 Knowledgeis transferable. So try to find the A.M. opportunities in whatever you are doing. © 2008 frog design. Confidential & Proprietary. 13
  • 70.
    MINT INTUIT © 2008 frog design. Confidential & Proprietary.
  • 71.
    FIAT ECODRIVE © 2008 frog design. Confidential & Proprietary. 13
  • 72.
    SMART METER YELLOSTROM © 2008 frog design. Confidential & Proprietary. 13
  • 73.
    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 © 2008 frog design. Confidential & Proprietary. 13
  • 74.
    Technology that augments mindfulnesscan help us address problems we’re not naturally good at solving. Josh Musick, frogdesign © 2008 frog design. Confidential & Proprietary. 13
  • 75.
    thanks! @fabtweet © 2008 frog design. Confidential & Proprietary.