Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Designing Healthcare Apps With Delight

Apps and devices designed to improve people’s health are becoming more pervasive. I serve as VP, Director of User Experience, in the New York office of a global agency with both healthcare and consumer clients. During my 13 years of working in the healthcare space I have never before had such a rich opportunity to directly affect health behavior.

In this article I’ll guide you through best practices when designing consumer-facing healthcare apps. (We’re not covering medical devices that need to be approved by authorities.) We’ll explore how to plan and conduct research, design moments of delight, integrate data from third-party devices and develop a messaging matrix. We’ll also look at examples of apps live in the wild that have been designed for delight at every moment of interaction.

Insights From User Research Link

User research is a critical planning tool to ensure that an app is easy to use and delightful and aligns with the user’s needs. Keep in mind some key points when planning user research:

  • Conduct research with a minimum of eight people, which will mitigate any issues that may be related to their disease condition and is especially important if a full findings report with quotes and videos is to be delivered.
  • We’ve found in most cases that the incremental issues uncovered with additional users are quite minimal and largely validate initial findings.
  • A small percentage of the recruits may include friends and loved ones of the primary user of the app.

We typically use certain key research tools, depending on the amount of time and budget available:

Card Sorting Link

Conducting card sorting with users yields rich insight into the features and themes that resonate the most. When planning this low-fi, minimal-budget method, keep in mind the following:

  • Expose users to third-party devices to gauge their interest.
  • Plan an open sort to allow for flexibility.
  • Keep features or content at a fairly high level, and avoid prescriptive solutions.
  • Conduct a dotting or prioritization exercise with the client after the session.

In a card-sorting session we once conducted, we realized that patients would not use one of the devices we were considering pairing with. Even though technically they could use it, participants had the perception that it would interfere with another healthcare device they were already using. We were able to pivot without getting too involved in the technical integration of that particular device. We were also able to craft guiding principles for the app (based on our prioritization exercise) that ensured our app would not suffer from feature bloat (a common problem prior to introducing this methodology).

One-on-One Interviews Link

Like card sorting, one-on-one interviews are a fairly low-fi option and can be planned pretty rapidly. They will take longer to conduct, however, depending on how many users you plan to speak with. Choose one-on-one interviews when you are optimizing an app that is already in the market, when your competitors have already entered the market or when you need to gain buy-in from executives. Here are some important points to consider:

  • Define the learning goals and gain alignment from your client.
  • Write a discussion guide, while being very careful not to lead users with your questions.
  • We typically conduct interviews in person if possible, or else over the phone.
  • We use Morae to record the sessions, or Google Voice if done by phone.
  • Use a transcription service if the budget allows.
  • Hold a “synergy session”, in which the team maps out the high-level learnings on a whiteboard and aligns on the structure of the findings report.
Usability testing in the lab1
Formal usability testing of an app in a lab setting using Morae software yields rich qualitative data for clients. (View large version2)

When we brought this methodology to our clients, we found that we were able to talk to a wider audience of stakeholders to gain buy-in for a larger scope of work. The quotes and videos from these sessions were so compelling that they supported our case for developing a much larger enterprise solution for our client. We were able to get the company’s leadership on board early on in a way that we had never been able to in the past, solely by conducting usability testing.

Usability Testing Link

Usability testing is at the core of the process of designing any successful app, and if you don’t have the time or budget for the other methods, ensure that this one is built into your plan. Consider informally recruiting users through your own office or LinkedIn network. We recommend using Morae software, HUE cameras and Mr. Tappy for mobile testing. Also keep in mind these points:

  • Axure works very well when you’re creating the prototype because it allows for tapping, swiping and basic microinteractions.
  • Similar to one-on-one interviewing, you’ll need to carefully write a moderation guide.
  • Schedule a couple of trial runs of the usability test with volunteer users.
  • Modify the moderation guide based on the above.
  • Enter the test plan into Morae and ensure that it matches your moderation guide.

On the day of testing, don’t be afraid to make changes to the moderation guide and to take questions from the back room; being flexible will allow you to learn even more. Be aware that the process of creating the findings report after formal testing is often time-consuming, so leave plenty of room in your schedule for that phase. A lot of the feedback that emerges from users won’t directly translate to the final app, so you’ll need to brainstorm on how to deliver a solution that fits the business’ goals as well as users’ needs.

Designing Moments Of Delight Link

At this stage in development, your app will be focused and easy to use, and you’ll have full buy-in from stakeholders. Now it’s time to focus on bringing delight to your users at every moment of their interaction with the app. Google recently released research findings called “Micro-Moments3,” and it found that “90% of smartphone users have used their phone to make progress toward a long term goal or multi-step process while ‘out and about.’” Keep the following points in mind:

  • Every manual input of data should be as quick and painless as possible.
  • If you prompt the user to input data, ensure that you are interrupting them at the right time of the day and at the right time in their own personal journey.
  • A much as possible, utilize passive inputs4, so that the app can make some assumptions for the user.

For a long time, I was frustrated by my Jawbone UP24 because I had to remember to double-press it with both a short and long press before going for a run and when I was finished. Now, Jawbone detects that I’m running, and the UP app simply asks me to confirm it with a tap.

Jawbone's UP Smart Coach5
Jawbone’s UP app utilizes passive input to monitor your activity, and asks you to categorize the activity type (walking, running, biking, etc.) as part of its Smart Coach feature. (Image credit: Jawbone6) (View large version7)

CareZone also does a beautiful job of utilizing passive inputs by allowing users to take a photo of their medication, saving them the arduous process of manually inputting this information.

CareZone8
CareZone (an app that assists family and friends in caring for loved ones) uses optical character recognition technology to input details from a prescription bottle. (Image credit: CareZone9) (View large version10)

Designing For Health Behavior Change Link

Integrating with third-party devices takes passive inputs to a whole new level of passive monitoring and can be a strong motivation for behavior change. You’ve already chosen devices based on which ones users gravitated towards in the card-sorting research. The next challenge is to decide which data points to pull in. A few principles to keep in mind:

  • Review the legal guidelines from each device carefully.
  • Many devices track multiple activities and health statistics. Don’t recreate another app.
  • Pairing devices can be confusing. Offer help for this within the app.
  • Provide feedback from the system, even when passively monitoring.

Both Withings and Fitbit track similar data and present it in a dashboard view, but Withings does a better job of presenting this information. Withings uses icons with black text on a white background in a minimalist, hierarchical layout. Vitals are timestamped so that users know they’ve been updated.

Withings11
Withings collects a spectrum of rich health data and does a nice job of presenting it in a dashboard view. (Image credit: Withings12) (View large version13)

People have the Power of Data Link

It’s all very nice to design a great experience, but none of that will matter if you don’t spend time sweating the details of your app’s privacy and security. For one of our health apps, we required that the user login nearly every time they re-entered the app. However, we did allow for a small window of time during which the user could enter the app again without logging in. We also thought about the sections of our app that would be most important to have quick access to in the event of an emergency, for example, the Doctor’s phone number and previous hospitalizations. Additional points to consider:

  • Build in offline access for data needed in an emergency
  • Back up data in the cloud in case of a lost or stolen phone
  • Obtain the proper patient permissions if your app has a caregiver component
Mayo Clinic14
The Mayo Clinic app provides centralized access of all of the patient’s test results, Doctor appointments, as well as the ability to securly communicate with health professionals. Patients can open critical emergency health data by simply using their fingerprint. (Image credit: Mayo Clinic15) (View large version16)

Providing this data to doctors is a request we’ve heard again and again in research. However, there are strict laws surrounding the privacy and sharing of this data. To add to the challenge is the fragmented nature of Electronic Health Record systems throughout the world, and the lack of a consistent standard. The Mayo clinic has solved this conundrum quite elegantly, albeit with the benefit of focusing on one network of hospitals.

Making Sense of the Data Link

At this point, you have an app that is passively monitoring vitals for the user. Now it’s time to add a layer of intelligence to the app by creating an algorithm that uses the data to offer helpful suggestions to the user. A great example of this is Juhan Sonin’s redesign of his electronic health record app, which allows a patient to see their entire health status in one view and maps the data points on an easy-to-read scale.

hGraph17
hGraph aggregates varied health data into a holistic picture of one’s overall health, and you can download the open-source code and use it for your own app. (Image credit: hGraph18) (View large version19)

Once the intelligent algorithm for your app is in place, you’ll want to focus on tone of voice and messaging. Tone of voice will already have been explored in your up-front research. For example, if you hear in research that users engage in frank and open discussion on message boards about their condition, aim for that in the app. Tone of voice lays the foundation for the detailed messaging matrix that you will develop.

Developing a Messaging Matrix Link

The messaging matrix is a critical step to ensure that any notifications coming from the app, whether in-app or push notifications, appear at the right time and introduce delight into the app. The messaging matrix is a comprehensive spreadsheet of if/then statements, prioritized according to the guiding principles of the app. It covers the following:

  • notification category,
  • type of notification (i.e. in-app or push notification),
  • priority level,
  • recommended character limits.

In addition, both new users and power users must be considered in your messaging matrix. Power users of the app might become bored with the same rewards and notifications, discontinuing use of your app. To this end, you’ll need to have an editorial calendar in place for your messaging matrix. By carefully crafting a detailed and delightful messaging matrix and updating it over time, the designers of Coach.me were able to create a highly engaging and effective behavior change app.

Coachme20
Coach.me, an app that helps you track daily habits, uses delightful variable rewards as part of its messaging matrix. When you high-five (i.e. tap) the hand, your phone vibrates. The app has evolved over time to better engage power users. (Image credit: Coach.Me21) (View large version22)

Meaningful Messaging Link

Once a messaging matrix structure is in place, the next step is to write app’s messages so that they are truly meaningful to users. The self-determination theory23 guides our approach. This theory, which is backed up by strong empirical research, posits that people are strongly guided by intrinsic motivation and that they do activities that are enjoyable and satisfy their basic needs. To this end, we avoid weighting the app’s messages in the realm of extrinsic motivation — that is, doing an activity simply because it leads to a separate consequence. Keep in mind these points while writing:

  • Avoid language like “You should…”
  • Be very sparing in the use of rewards.
  • Clearly explain the benefits of taking an action.

Pacifica, an app designed to help anxiety sufferers, elegantly combines a personal, warm and supportive style of writing with evidence-based quotes from experts and peers.

Pacifica24
Pacifica (an app that uses cognitive behavioral therapy and mindfulness to help people with anxiety) uses intrinsic motivation in its messaging matrix to inspire users to take action (i.e. record and monitor their thoughts throughout the day). (Image credit: Pacifica25) (View large version26)

Bringing It All Back To Meaning And Delight Link

From a 40-year-old woman running her first half-marathon to a grandfather lowering his cholesterol, what positive health behaviors will your app facilitate? As a designer, you have the power to help millions of people live longer, healthier and happier lives. But a truly delightful and meaningful app doesn’t happen by magic. Start by mapping out a strong user research plan, developing guiding principles and gaining stakeholder alignment. Then, build on this foundation by designing passive inputs, an intelligent data-driven algorithm, actionable messages and a system of variable rewards. You now hold the building blocks that will enable you to harness the power of modern healthcare technology for the greater good.

Resources Link

(da, al, ml)

Footnotes Link

  1. 1 https://www.smashingmagazine.com/wp-content/uploads/2015/09/01-usabilitytesting-opt.jpg
  2. 2 https://www.smashingmagazine.com/wp-content/uploads/2015/09/01-usabilitytesting-opt.jpg
  3. 3 https://www.thinkwithgoogle.com/micromoments?utm_medium=email-d&utm_source=2015-06-think-letter&utm_campaign=20150603-think-letter-micromoments-edition-OT-SP&utm_content=article-1-CTA-da-o-adv&mkt_tok=3RkMMJWWfF9wsRojv6vKZKXonjHpfsX66+8uXKSwlMI/0ER3fOvrPUfGjI4FS8phI+SLDwEYGJlv6SgFTrDBMaN2wrgLXhY=
  4. 4 http://www.cooper.com/journal/2011/1/passive_magic_design_of_deligh
  5. 5 https://www.smashingmagazine.com/wp-content/uploads/2015/09/02-jawboneuplarge-opt.jpg
  6. 6 https://jawbone.com/
  7. 7 https://www.smashingmagazine.com/wp-content/uploads/2015/09/02-jawboneuplarge-opt.jpg
  8. 8 https://www.smashingmagazine.com/wp-content/uploads/2015/09/03-carezonelarge-opt.jpg
  9. 9 https://carezone.com/home
  10. 10 https://www.smashingmagazine.com/wp-content/uploads/2015/09/03-carezonelarge-opt.jpg
  11. 11 https://www.smashingmagazine.com/wp-content/uploads/2015/09/04-withingslarge-opt.jpg
  12. 12 http://www.withings.com/
  13. 13 https://www.smashingmagazine.com/wp-content/uploads/2015/09/04-withingslarge-opt.jpg
  14. 14 https://www.smashingmagazine.com/wp-content/uploads/2015/11/04b-mayoclinic-opt.jpg
  15. 15 http://www.mayoclinic.org/apps/mayo-clinic
  16. 16 https://www.smashingmagazine.com/wp-content/uploads/2015/11/04b-mayoclinic-opt.jpg
  17. 17 https://www.smashingmagazine.com/wp-content/uploads/2015/09/05-hgraphlarge-opt.jpg
  18. 18 http://hgraph.org/
  19. 19 https://www.smashingmagazine.com/wp-content/uploads/2015/09/05-hgraphlarge-opt.jpg
  20. 20 https://www.smashingmagazine.com/wp-content/uploads/2015/09/06-coachmelarge-opt.jpg
  21. 21 https://www.coach.me/
  22. 22 https://www.smashingmagazine.com/wp-content/uploads/2015/09/06-coachmelarge-opt.jpg
  23. 23 http://www.selfdeterminationtheory.org/
  24. 24 https://www.smashingmagazine.com/wp-content/uploads/2015/09/07-pacificalarge-opt.jpg
  25. 25 http://www.thinkpacifica.com/
  26. 26 https://www.smashingmagazine.com/wp-content/uploads/2015/09/07-pacificalarge-opt.jpg
  27. 27 http://rosenfeldmedia.com/category/card-sorting/
  28. 28 http://www.qriconsulting.com/wp-content/uploads/2014/04/In-Search-of-Excellence-The-influence-of-Peter-Cooper-on-Qualitative-Research.-Branthwaite-Patterson-IJMR545.pdf
  29. 29 http://help.ethnohub.com/guide/aeiou-framework
  30. 30 https://vimeo.com/120737415
  31. 31 http://www.nirandfar.com/2012/04/hooking-users-in-3-steps.html
  32. 32 http://www.behaviormodel.org/
SmashingConf Barcelona 2016

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Advertisement

Jen Maroney is a VP, Director of User Experience living in New York City. She often speaks at NYU and Interaction Design Association events. The opinions expressed in this article are hers alone and not those of her employer.

  1. 1

    wow a great article about health care apps very easy work with this to care someone
    tech1world.com

    0
  2. 2

    Isabelle Skinner

    November 22, 2015 2:33 am

    Thanks for this great article.

    0
  3. 3

    Inspiring. Thanks a lot!

    0
  4. 4

    These tips will help you to stay updated which will definitely take your career to greater heights. The importance of tools and the best ones that needs to be used are also explained clearly!

    0

↑ Back to top