Design and Prototype for the Deep Health Assessment

Company
Precision Nutrition

Project goals
1 - Show the value of Precision Nutrition’s (PN) Deep Health philosophy by helping people identify behaviors that could help them reach and sustain their goals and then provide them with simple actions to get them started.

2 - Create a reason for users to return to the platform so that we could introduce them to new program options and become a trusted source of health coaching information.

Timeline
8 weeks for design, prototype, and user testing.

Responsibilities
Interaction design
• Visual design
• Prototype (Figma)

TL;DR
User testing went really well. The devs started building out the feature and then everyone got laid off and the team was dissolved.

PRODUCT OVERVIEW

Precision Nutrition provides health and wellness professionals with the coaching, education, and tools they need to help clients achieve Deep Health.

Deep Health is at the core of PN’s coaching philosophy. It’s defined it as a dynamic, ever-changing state of thriving in all dimensions of life and it’s one of the things that makes PN stand out among other coaching programs.

PN coaches have an extensive collection of assessments and tools available to them – one of those being the Deep Health assessment. Almost all of the assessments are PDFs (or in an actual printed workbook) and NONE of them are accessible without working with a coach or being enrolled in a certification program. 

The old Deep Health assessment only existed as a PDF.

PROJECT SUMMARY

Looking to expand into the consumer market, we saw an opportunity to introduce Deep Health to a new audience by creating an easy-to-use, fun, interactive experience.

We had two outcomes that we were looking to achieve in creating the digital version of the Deep Health assessment.

  1. User outcome: By using the assessment tool, a user will be able to get a baseline score that can help them identify behaviors to help them reach and sustain their goals. They will be given recommended dimensions to start with and will also be shown small actions that they can take to improve their Deep Health. 

  2. Business outcome: Create a reason for users to come back to the platform (update their score) and provide them with personalized product offerings. Users will see PN as a trusted source of health coaching information.

Results screen showing the “wheel of health” and the client’s score.

PROCESS

For this project, I did early conceptual sketching, defined the interaction and visual design, and created a prototype in Figma that was used in a remote, unmoderated user test.

EARLY EXPLORATIONS
I had done some early sketches exploring the idea of a comprehensive intake combined with the Deep Health assessment that would be the center-point of a new consumer experience. This was part of a longer-term vision.

INTERACTION & VISUAL DESIGN
For this phase, I worked alongside another designer to sketch rough wireframes. I then defined the interaction and visual design of the assessment.

PROTOTYPING
As I was working through the UI design, I was also testing and building out a prototype in Figma.

USER TESTING
I provided support to my design partner by helping to review the test videos and pull out important information for the synthesis that he was putting together.

EARLY EXPLORATIONS

During initial conversations about the vision for the consumer platform with the Head of Product, I sketched out ideas using the Deep Health assessment as part of a larger onboarding experience.

This would create a unique experience for each user based on their goals, intake, and Deep Health score. It would also highlight Deep Health as a product differentiator. As the client progressed and changed, so too would their recommendations. 

Since this was a major long-term experience vision, we wanted to start testing to see if the concept of Deep Health would resonate with a consumer audience. 

INTERACTION & VISUAL DESIGN

Phase 1 was to make the existing PDF assessment accessible on the platform to non-coaching clients or certification students.

I worked alongside another senior-level designer on the project to brainstorm and sketch out ideas for the assessment. Then I took over the interaction and visual design aspect of the project and he set up, created the user testing protocol, and ran the test on User Zoom Go.

My early sketches of the assessment.

INTERACTION & VISUAL DESIGN

Based on the sketches, I started designing the question-and-answer part of the assessment.

  • I wanted to keep the three questions grouped together so that the client could see how each question was part of a larger group and how that larger group fit in with the even larger concept of Deep Health.

  • The layout was designed with the intent that as the client answered the questions, the wheel would update in real time so that they could see the connection. The wheel concept was taken from the original pdf assessment and given a little update.

  • All throughout the process, I worked with my design partner to refine and improve the experience. We also met with the PM and the developers regularly to iron out any potential issues.

The four of the six dimensions of Deep Health.

The next part of the assessment was the results and recommendations screen.

Based on our first outcome, the assessment should:

Provide the client with a baseline Deep Health score.

Recommend dimensions to start based on the score.

Show a few small actions that they could incorporate into their lives to help them improve their Deep Health.

The completed wheel shows the client how they fared in each dimension and how each dimension is part of their overall health. They are given a score and a brief summary of how they’re doing.

We provide two recommended dimensions that they could start working on based on their scores. We offer an “easy win” (the highest scoring dimension that wasn’t a strength) and their “biggest opportunity” (lowest scoring).

Our second outcome was to create a reason for users to come back to the platform (update their score) and discover new product offerings and start to see Precision Nutrition as a trusted source. 

Phase 1 shows two certification products and a group coaching product. Future updates would have personalized recommendations based on their scores.

The assessment is meant to be taken repeatedly so clients could see how changes in one dimension may affect other dimensions. It encourages people to look at their health more holistically. In a future state, the program recommendations the client receives will be more tailored to the score results. 

PROTOTYPING

Using Figma, I built out a prototype that we shared internally and used for external user testing.

The prototype walked through the question and answer portion of the assessment and showed the results page that gave clients their score, our recommendations as to what dimensions they should focus on first, some small actions to get started, and of course, PN coaching and certification products.

Video walkthrough of Deep Health prototype (1:26)

USER TESTING

We ran a remote, unmoderated user test with 8 participants using User Zoom Go.

My design partner set up and ran the test. All of the participants were from User Zoom’s recruitment tool and none of them had any knowledge of Precision Nutrition or Deep Health. I reviewed all the participant tests, took notes, and pulled out quotes to add to the synthesis document that he put together to share with the team.

What we learned…

People got it.
Even though the testers had never heard of PN or Deep Health when they started, they were all able to tell us what Deep Health was by the end.

People are open to health coaching.
6 out of 8 said that they would consider working with a coach, with one saying they would want to implement the recommendations on their own and then decide if they needed a professional coach —This is exactly what the SME on the team was expecting. 

Listen to your users.
The big suggestion that came from the users was to make the small actions more prominent. Stakeholder feedback had us put them in a modal and deemphasize them. The users didn’t like that they needed to click into the card to find them, but they were all happy they were there.

It was fun & easy to use.
The testers really responded to the positivity and vibrant imagery and they thought it was straightforward and easy to use.

Don’t underestimate your users.
They all understood how the score was tallied and why we made the recommendations we made. One participant said she expected us to just recommend the two lowest scores and was happy to see that wasn’t the case. This gave her a better understanding of how she was doing across the board and gave her more flexibility in how she could proceed.

  • “I like this already because it’s already showing me how different this is from other websites that I’ve used in terms of trying to maintain or improve my health”

  • “I really appreciate the graphical representation of my score so that I can see some parts of me are not doing great but I’m doing really well in others.”

  • “What I would really love to see maybe if this could be taken to the next level is to have maybe some action items. An example of an action item that I might be able to take in order to improve in each one of these areas.”

  • “It’s fun, approachable, and motivational”

  • “I thought that the questions made sense and they were easy to answer and the information presented was easy to understand.”

  • “I’d first want to see me doing it on my own, how much of an improvement I’m able to make and if I’m still struggling then at that point, I’d look at getting a coach.”

Previous
Previous

Case study / Precision Nutrition: Experience design for sharing resources in the ProCoach app

Next
Next

Increasing hotel bookings on the Priceline iPhone app