Designing for Digital Health

A presentation at Web Unleashed 2019 in September 2019 in Toronto, ON, Canada by Andréa Crofts

Slide 1

Slide 1

Designing for Digital Health

@andreacrofts Director of Design, League

Slide 2

Slide 2

We need to talk

Slide 3

Slide 3

Tech + Health = <3

Slide 4

Slide 4

A “Venn Diagram Salad” Bio

Health Lifestyle Benefits

Slide 5

Slide 5

A “Venn Diagram Salad” Bio

Health Lifestyle Inclusion Benefits Ethics A11Y

Slide 6

Slide 6

A “Venn Diagram Salad” Bio

Health Lifestyle Diversity Inclusion Benefits Ethics A11Y Inclusion Community

Slide 7

Slide 7

Bio

She/Her/Hers Product Design Leader Former Front-End Dev Community Builder Abuser of Expletives

Slide 8

Slide 8

Hello! Today's Agenda

01 A State of Affairs 02 What is Digital Health? 03 Best-in-Class Examples 04 Note-worthy Principles 05 Re-framing Success Metrics

Slide 9

Slide 9

PART ONE A State of Affairs

Slide 10

Slide 10

“Don’t be evil…” Apparently people like it better than “be good.” - Larry Page, 2001

Slide 11

Slide 11

Netflix’s “The Great Hack,” 2019

Slide 12

Slide 12

Our Democracy

Slide 13

Slide 13

Our Data Privacy

Slide 14

Slide 14

Our Unity

Slide 15

Slide 15

Black Mirror

Slide 16

Slide 16

“Do the right thing.” -Alphabet, 2015

Slide 17

Slide 17

Design Ethics: Guides how designers work with clients, colleagues, and the end users of products, how they conduct the design process, how they determine the features of products, and how they assess the ethical significance or moral worth of the products that result from the activity of designing. – Encyclopedia.com

Slide 18

Slide 18

IEEE Strategic Plan 2015 - 2020 Lead humanitarian efforts around the world to use technology to solve the world’s most challenging problems.

Slide 19

Slide 19

PART TWO What is Digital Health?

Slide 20

Slide 20

Digital Health =

Slide 21

Slide 21

Digital Health = Physical, Psychological, Social

Slide 22

Slide 22

Physical Health: Ergonomics: Appropriate workstations that facilitate healthy work habits and posture Vision: Repeat exposure to screens Posture: Prolonged effects of over-working on or in front of technology

Slide 23

Slide 23

Psychological Health: Mental Health: Maintaining healthy relationships with technology Spiritual Health: Finding intentional disconnection Social Health: Curbing technology addictions

Slide 24

Slide 24

Social Health: Culture: Otherwise known as social norms, this is what is considered as normal in a society Data: Security Having agency over your personal data (consent) Personal Privacy: Security of personal information

Slide 25

Slide 25

The Psychology of Apps Habit-forming loops

Slide 26

Slide 26

Technology is exploiting vulnerability in human psychology.

Slide 27

Slide 27

The Genesis of Autoplay Video: A Timeline

Youtube’s Recommended Videos, Late 2013 Facebook’s Auto-Play in News Feed, Late 2014 Netflix’s Auto-Play Series and Titles, Late 2016

Slide 28

Slide 28

“It’s time to stop the race to the bottom of the brain stem.” - Tristan Harris Former Design Ethicist at Google, now Founder of the Centre for Humane Technology

Slide 29

Slide 29

“Depression will be the leading cause of disease burden by 2030.” - World Health Organization

Slide 30

Slide 30

Constant Connection = Deep Disconnection

Slide 31

Slide 31

Slide 32

Slide 32

We’re building the news headlines of the future.

Slide 33

Slide 33

But, most importantly, the products habits of the future.

Slide 34

Slide 34

It’s time for a hard re-start. How might we restore connection? Some best-in-class apps are showing us the way.

Slide 35

Slide 35

PART THRE E Best-in-Class Examples

Slide 36

Slide 36

Insights and Coachin:

Apple’s Screen Time Insights Android’s Time Spent Insights

Slide 37

Slide 37

Timers and Tools:

Your Hour For Android Android App Timer

Slide 38

Slide 38

Flip to Shhh: Google Pixel Device Pixel 3 and Pixel 2

Slide 39

Slide 39

Distraction-Free Mode:

Apple’s Downtime Bedtime and downtime modes Apple’s iOS 12 Lock screen weather widget

Slide 40

Slide 40

Notifications: Healthy Reminders

Headspace’s Daily Notifications

Slide 41

Slide 41

Data Sharing, in Users’ Hands

League’s Health Assessment

Slide 42

Slide 42

PART FOUR Design Principles

Slide 43

Slide 43

Design Ethics A lens through which to create. Questions to ask yourself as you’re designing: Am I maximizing happiness for the greatest number of people? Am I treating people as an ends or as a means? What would happen if everyone did what I’m trying to do? Would I be happy for this to be published in tomorrow’s papers?

Slide 44

Slide 44

Principle: Enable users to enter flow without distractions

It takes 23 minutes To get back on task after an interruption Examples: Daily Habit Tracker, Fabulous

Slide 45

Slide 45

Principle: Incorporating the three dimensions of digital health

Calculating minutes meditated + Headspace Integration?

Slide 46

Slide 46

Principle: Use habit-forming loops for good.

Health Apps As a preferential category Examples: Fabulous, Gratitude

Slide 47

Slide 47

Principle: Use loading states as reminders to disengage

Ex. Metal Gear Solid 4: “Isn’t it time for a break? It’s now after 1am. For your health, take a break! What time is better than now to do a few stretches and move around a little?”

Slide 48

Slide 48

Principle More collaboration between creators and wellness practitioners

Mood Notes’ Thinking Traps Pause’s Mindful Movements

Slide 49

Slide 49

PART FIVE Re-framing Success Metrics

Slide 50

Slide 50

DAU: Daily Active Users ARR: Annual Recurring Revenue CSAT: Customer Satisfaction MAU: Monthly Active Users NPS: Net Promoter Score SLA: Service-Level Agreement

Slide 51

Slide 51

These metrics didn’t happen by accident.

Slide 52

Slide 52

It’s time to reclaim and re-frame our metrics.

Slide 53

Slide 53

DAU: Daily Active Users MAU: Monthly Active Users

  • Impact Metrics

Slide 54

Slide 54

NEXT STEPS Re-frame success metrics for healthier impact metrics

Slide 55

Slide 55

MAU: Monthly Active Users NPS: Net Promoter Score + HGC: Health Goal Completion and # of… miles ran per month, glasses of water drank per day, etc.

Slide 56

Slide 56

Impact over Engagement

Slide 57

Slide 57

What if we measured success not by the amount of money we make, but by the amount of human energy we unlock the amount of human potential we enable? If that would be our metric, our world would be a different place. - Jacqueline Novogratz, CEO of Acumen

Slide 58

Slide 58

Let’s consider the ethics of our work, and be truly user-centered in our approach.

Slide 59

Slide 59

A Recap Things we can do:

  • Design for the three dimensions of digital health: physical, mental and social
  • Define what design ethics means to us, and live by that in our work every day. -Use patterns that design for disconnection -Opt for impact metrics over engagement metrics to evolve what success means

Slide 60

Slide 60

How will your work impact your users’ digital health?

Slide 61

Slide 61

Thank you, FITC! @andreacrofts acrofts@league.com andreacrofts.com/digital-health

Slide 62

Slide 62

andreacrofts.com/digital-health

Slide 63

Slide 63

Top 6 Favourite Apps for Digital Health

Shortlist Headspace: High-quality guided meditation sessions. Sessions range from 1 minute to 20+ minutes. Classpass GO: Bite-sized classes from reputable instructors. Helps me sweat once a day. Lifesum: A diet plan, food diary, macro calculator, calorie counter & healthy recipes, all in one. Fabulous: Habit-forming app created by the Center for Advanced Hindsight at Duke University. Muse Meditation Headband: Headband that provides real-time feedback on brain activity during guided meditations. MoodNotes: Mood journal for documenting and unpacking thoughts using CBT (cognitive behaviour therapy)

Slide 64

Slide 64

Q+A @andreacrofts acrofts@league.com league.com/careers