   DO
High Activation

        Scared                               Excited




                           Calm
Unpleasant           (Restful alertness)             Pleasant




             Bored
                                           Relaxed
                        Low Activation
“Address the Stress!”
Step 1: Create a Model of Calm
bit.ly/ModelOfCalm



                           Mitigate stressors      Introduce calmers


                                             Calming
                                            mechanisms




                                                                         User-
                   Nature of
                                                                       centered
                    stress
                                                                        design
                               The body’s
       Stressors                                     Interaction design           User research
                                response
Step 1: Create a Model of Calm

Step 2: Use a Design Cards
Sustain                       Create New                                     Tame Anger,
  Build Self-                                                                                                                                                   Shift
                               Attention                       Meaning                                       Name Fears
  Awareness                                                                                                                                                  Perspective
                                                            Associate or invent                               Articulating
   Self-awareness           Reducing distractions
                                                            desired meaning for                            boundaries around                             Building the muscle of
 disrupts streams of       or revealing facets of a
                                                            neutral or stressful                           emotions uncovers                              cognitive flexibility
 thought and brings        stimuli facilitates focus
                                                             events, objects, or                                  their                                      enables one to
one into the present.             and calm.
                                                                  actions.                                ephemerality, reducin                            reframe stressful
                               E.g. Fullscreenify,                                                           g attachment.                                    experiences.
  E.g. Mirror tactics,
   Take inventory.                Tough love.              E.g. Secret beauty, Remap
                                                                  the mundane.                                   E.g. Beyond                                      E.g. Multiple
                                                                                                             thoughts, Name that                              inroads, Snapshots.
                                                                                                                   feeling.

                                             Calming Technology Design Cards
                                                        calmingtech.stanford.edu

  Reinforce                                                    Humanize                                                                                          Simplify
                                Support                                                                      Create                                              Success
 Mind-Body                                                    Interactions
                                Socially                                                                  Commitments
 Connection                                                                                                                                               Small achievements
                                                               Interaction with
                             Uncover and offer                                                           Creative commitments                                can be used to
Reveal the real-time,                                         technology itself
                             social ties, making                                                          reduce mental noise                            increase awareness of
bi-directional bond,                                        triggers an affective
                            affective exchanges                                                              surrounding an                                      one’s
  exemplified in the                                         response; let users
                            salient and visceral.                                                         intention to make it                           strengths, intention, a
 state of the breath.                                         feel the designer.                                concrete.                                   nd contribution.
                             E.g. Public displays of
 E.g. Peripheral paced      affection, Critical mass.              E.g. Enjoyable
                                                                                                         E.g. Fresh start, Homebase.                           E.g. Baby domino,
respiration, Relaxation.                                        errors, Easter eggs.
                                                                                                                                                                   Tiny party.




                                                         Rough draft of “Design Strategies and Patterns for Calming Technology” by the Calming Technology Lab at Stanford University, August 2011.
Step 1: Create a Model of Calm

Step 2: Use a Design Card

Step 3: Apply Stress-less UI Heuristics
Stress-less UI Heuristics

1. Reveal ability to control   6. Reduce chances of being
   interruptions.                  overwhelmed.
2. Acknowledge human           7. Use appropriate tone &
   interpretations of time.        emotion.
3. Provide positive feedback   8. Encourage pro-social
   to user input.                  interactions.
4. Relieve time pressure.      9. Choose naturally calming
5. Acknowledge reasonable          elements.
   user actions.               10. Demystify the interface.


                                                 (Moraveji, Soesanto, 2011)
Txt ‘CALM’ to 877877.

 “Mobile Calm-ins”


Results tomorrow 
calmingtech.stanford.edu
t: @calmingtech
                           “Address the Stress!”
neema@stanford.edu
t: @moraveji

Mobile health 2012

  • 13.
    DO
  • 14.
    High Activation Scared Excited Calm Unpleasant (Restful alertness) Pleasant Bored Relaxed Low Activation
  • 17.
  • 18.
    Step 1: Createa Model of Calm
  • 19.
    bit.ly/ModelOfCalm Mitigate stressors Introduce calmers Calming mechanisms User- Nature of centered stress design The body’s Stressors Interaction design User research response
  • 20.
    Step 1: Createa Model of Calm Step 2: Use a Design Cards
  • 21.
    Sustain Create New Tame Anger, Build Self- Shift Attention Meaning Name Fears Awareness Perspective Associate or invent Articulating Self-awareness Reducing distractions desired meaning for boundaries around Building the muscle of disrupts streams of or revealing facets of a neutral or stressful emotions uncovers cognitive flexibility thought and brings stimuli facilitates focus events, objects, or their enables one to one into the present. and calm. actions. ephemerality, reducin reframe stressful E.g. Fullscreenify, g attachment. experiences. E.g. Mirror tactics, Take inventory. Tough love. E.g. Secret beauty, Remap the mundane. E.g. Beyond E.g. Multiple thoughts, Name that inroads, Snapshots. feeling. Calming Technology Design Cards calmingtech.stanford.edu Reinforce Humanize Simplify Support Create Success Mind-Body Interactions Socially Commitments Connection Small achievements Interaction with Uncover and offer Creative commitments can be used to Reveal the real-time, technology itself social ties, making reduce mental noise increase awareness of bi-directional bond, triggers an affective affective exchanges surrounding an one’s exemplified in the response; let users salient and visceral. intention to make it strengths, intention, a state of the breath. feel the designer. concrete. nd contribution. E.g. Public displays of E.g. Peripheral paced affection, Critical mass. E.g. Enjoyable E.g. Fresh start, Homebase. E.g. Baby domino, respiration, Relaxation. errors, Easter eggs. Tiny party. Rough draft of “Design Strategies and Patterns for Calming Technology” by the Calming Technology Lab at Stanford University, August 2011.
  • 22.
    Step 1: Createa Model of Calm Step 2: Use a Design Card Step 3: Apply Stress-less UI Heuristics
  • 23.
    Stress-less UI Heuristics 1.Reveal ability to control 6. Reduce chances of being interruptions. overwhelmed. 2. Acknowledge human 7. Use appropriate tone & interpretations of time. emotion. 3. Provide positive feedback 8. Encourage pro-social to user input. interactions. 4. Relieve time pressure. 9. Choose naturally calming 5. Acknowledge reasonable elements. user actions. 10. Demystify the interface. (Moraveji, Soesanto, 2011)
  • 25.
    Txt ‘CALM’ to877877. “Mobile Calm-ins” Results tomorrow 
  • 26.
    calmingtech.stanford.edu t: @calmingtech “Address the Stress!” neema@stanford.edu t: @moraveji

Editor's Notes

  • #2 This room is filled with people who will influence the future of health. Big responsibility.So raise your hand if you think you’re generally pretty healthy. Now keep your hands raised if you also feel you are often stressed. Now that’s interesting – thank you -- now imagine you were this stressed (or more) but didn’t have all the environmental factors, eating options, family history, and genetic factors that enable you to still be physically healthy while being stressed.Everybody close your eyes and take a deep slow breath!What if everybody is the world is already healthy. What if health isn’t’ a place to get to but a thing to remember. What stops us from remembering this? Stress and anxiety.Don’t you feel refreshed? Now what if a mobile health experience could create that state change? Now scale that out. Multiple it by an order of magnitude and apply it when you are about to order food at a restaurant or communicate with your boss. Big difference in healthy behaviors.Now what if our technologies helped make that happen?How would that transform engagement with your health behaviors? How would it transform their lives?I’m here to tell you that if you are creating Mobile Health solutions, you will soon have to address stress. Either getting users to engage initially – OR getting them to sustain with your service.Luckily, I’m going to show you how. And we are going to experiment, live at the conference, with launching a calming service. We’ll launch it and then we’ll look at what worked & what didn’t work tomorrow afternoon.
  • #3 My name is Neema Moraveji and I run the Calming Technology Lab here at Stanford. We invent & study ways of designing calm into the lives of all kinds of users, from children to seniors.
  • #5 Here’s an example from our research project Breathwear, where your phone monitors your breathing and triggers you to change it when you are stressing out.
  • #10 Here’s a project from my student, Mike. It helps you look forward to future events, focusing on the positive.
  • #11 Here’s Cindy’s project – that focused on a super simple baby step: see anaww photo and smile. Tiny machine that she got working and then designed around it.
  • #14 You see - underlying all the healthy behaviors we want people to engage in (like exercise, eating, and so on), there is the $1b question of their state. Their being – before their doing.
  • #15 So what do we mean by their ‘state’?
  • #17 Now I ask you: How does stress preclude your users from even engaging in your intervention or behaviors?What does your service do about it? Does it create more stress for them? Because if it does, it won’t last. Address the stress!Now, how do you create calm with baby steps using a mobile health service?
  • #18 The mantra to remember: “Address the stress!”Now when I say “Address the stress” I don’t always mean to tell them to calm down. You have to do better than that! Think harder than that! Use techinques that are calming and embed them into your service.
  • #20 There is no “calming” counterpart for the word “stressors”.
  • #25 So, now, live and on stage, we are going to try a very simple example that I cooked up with Mike at Mobile Commons.