NWI Wellness App

Lean UX Canvas

This is a living document that is used to brainstorm ideas about the business needs and the potential outcome. The Lean UX Canvas highlights the current issues from both the customer and business point of view and also shows area of improvements.

Competitive Feature Analysis

In order to understand who our competitors are and what we are competing against, I put together this feature comparison chart that shows the common features used within different mental health app.

Market Positioning Chart

After completing our feature comparison I began to chart the different apps based on their current ratings in the market of relaxing vs motivating and minimum vs maximum features. As you can see there was a blue ocean which is an area of opportunity in the market that can potentially differentiate you from competitors in the area of motivating and heavy features.

Affinity Map

Once the data has been received it is time to understand and organize this information. We do this by using the Affinity Map which allows us to organize our user data into different categories and highlight the common patterns and trends.

Value Proposition Canvas

Once we organize our data it is time to understand our customers and what they need. Here is where we list the customers jobs while using the app. We also highlight some of the potential pains and gains that might come from using the app during a customers experience.

As-Is Scenario

Now that we have learned about our customers through user research, here is where we will walk through a typical scenario of someone experiencing depression and the steps they would take before figuring out they need help. Since there are not many depression dedicated apps I organized this scenario using the 5 stages of depression.

User Journey Map

Once I complete my scenario, I then create a journey map which shows the different emotional experiences the customer is dealing with while going through the stages and also shows areas of opportunities.

Feature Prioritization

Here is where I will begin to organize some potential features that may possibly make it into the heat map and organize the features into different categories of must have, should have, could have, and won’t haves.

Value Proposition Canvas

Now we will review the gain creators and pain relievers from the business side. Here is where we will add the potential benefits and downfalls of the features we might choose to add.

MVP

Jaded is an app that is designed to help user communicate their emotions effectively while dealing with depression. Users are able to share their entries with friends and family, schedule appointments with coaches, and chat within a safe and trusting community.

I brainstormed ideas to help resolve the problem statements which I turned into How Might We’s. Here are some of the potential solutions to some of the common issues that came up during the research phase.

Lo-fi Prototype

The first step in the deliver process is to create a lo-fi prototype which will show a potential layout of the design.

Usability Testing

I was able to conduct 5 usability test with a 0% completion rate. It took users an average of 31.7 seconds to get through the task before leaving the page. As you can see those who attempted to complete the task were experiencing similar problems by not knowing where to click on the page. Users were also selecting the logo which did not have an action attached to it.

Mid-fi Prototype

When creating the Mid-fi’s I decided to remove the log from the middle of the page and instead added it to the top left corner. This is a brief preview of what I would like the app to look like.

Visual Competitive Analysis

Here are some visuals of different mental health apps

Atomic Design

These are some of the items that I created to use in my design.

Mood Board

Based on the Brand Attributes I selected I chose to go with the following picture for my mood board in order to get a better idea on the color palette I would choose. When conducting desirability testing, people expressed that the mood board made them feel both welcomed and vulnerable.

Style Tile

Based on the mood board, these are the color palettes and typeface I decided to go with. I was also able to design a logo based on the story behind the app.

Hi-fi Prototype

Here are the final results for the Jaded App. I added and defined the buttons for an easier selection process and I decided to remove the logo from all pages. I also added a splash page and I was able to add illustrations to the prototype and buttons. In addition, I added 3 happy paths which included scheduling appointments, updating mood journals, and community chat.