P5 Iso View Hifi.png

A Chatbot that provides users with curated health content based on genetic reports

Chatbots are all the rage, they can be a great way to increase brand recognition and drive user engagement, which is why our client – Silverberry Genomix – reached out to my team.

Silverberry Genomix is a company that specializes in direct to consumer genetic testing to help people meet their health goals through Machine Learning.

Challenge

Our challenge was to provide existing customers with a mobile-friendly version of their desktop experience and provide useful information to drive user engagement through an IOS native app.

 

We pitched an app that, through the use of a chatbot with pre-loaded prompts, was capable of providing users with recipes and workouts based on genetic predispositions pulled from users reports.

Deliverables ​

Site Map

User Flows 

Sketches 

Wireframes

Lo-Fi Prototypes

Hi-Fi Prototypes 

Tools ​

Draw.IO

InVision

Sketch 

Research

Our research took several forms

  • Comparative Analysis

  • Content Analysis

  • a 10 Question Survey 

  • We learned:

    • What goals people have

    • What keeps them from achieving their goals

    • Where they turn to for fitness and nutritional advice

    • What people take into consideration when they try to achieve their health goals

Curious to learn more about Machine Learning and Artificial Intelligence, I found that the complexity of creating a chatbot lies in the dialogue flows. And to meet our deadline, our best option for a successful experience would be to use preloaded prompts.

In other words, a successful chatbot would feel like a Choose Your Own Adventure book.

Feature, Feature

Since our client was interested in a native IOS app that would drive engagement through the curation of information and products that correlate to users genetic predispositions, we identified 5 features we would execute, and several others that would enrich the experience but were postponed for time.

​The features we executed were:​

  • Access to purchased genetic reports

  • Access to curated content

  • Saving content for quick retrieval

  • Sharing curated content

  • A chatbot that was equipped with preloaded prompts as a way of identifying this content

Sketches

Framing the Solution

Sketching not only allowed me to explore potential solutions and layouts but was indispensable in communicating abstract ideas. It's one thing to talk about features and navigation elements but showing a sketch helps remove confusion and gets everyone on the same page.

The lack of depth in the app didn’t prevent me from producing 32 different screens, the majority of those chate pages to simulate a conversation. Putting the layouts into sketch not only helped to make the layouts uniform but was a step towards assembling the digital prototype.

Getting Validation

While I was building the wireframes, my team was working on the first round of user testing with paper prototypes. We found that our labels were confusing and didn’t respond as users anticipated.

 

We went through several rounds of testing to refine the design. First with paper and then with a clickable prototype through InVision.

Some of the things we learned: 

  • Exercise and workout, while similar have different connotations

  • Being able to access saved content is important to users

  • The original navigation was inconsistent and confusing

By the time we completed our final round of testing we had gone through
6-users in total and identified the areas our app needed improvement in. 

 

Getting Hi-Fi

While I wasn't responsible for developing the high fidelity screens for our pitch to the client, I developed some anyways.

The color palette used came from the client site with their primary color being magenta, a secondary being a green-blue, and lime green for the call to action with SF Pro for the typeface. 

What We Delivered

Postmortem

As a team, we each presented our research, solutions, and final mockups to the client. The end product was an app that when merged with the users account information would be able to provide curated fitness and nutritional recommendations accessible through card modules.

 

And for the decision fatigued user, a chatbot would provide a carousel of content to pick from. 

In three weeks we were able to sit down with our client, identify their pain points, and propose a solution. We did pivot mid-project to alter the scope of our app’s offerings and to deliver a solid solution to our client's needs. 

 

While I was able to refine my design skills and processes, one of the most impactful lessons I learned was the importance of team building and communication.

Loading Page 1