top of page

Don't Mind Me OCD

A mental wellbeing app for long-term OCD management
LOGL_edited.jpg

Role:
UX design

Duration:

8 months

Skills:
Research
User experience
Wireframing
Prototyping
Usability testing
A/B preference testing

Tools:
OptimalSort 
Balsamiq
Figma, Adobe XD
UsabilityHub
Fiverr, Pixlr

Context

Context

  • Many people with OCD recognize their behaviour is excessive or unreasonable but the distress caused cannot be resolved by logic or reasoning
png_edited_edited.png
  • The condition can cause frustration and conflict in familial relationships. A well meaning relative can accidentally exacerbate OCD symptoms. 
  • The World Health Organization ranks OCD as one of the 10 most handicapping conditions by lost income and decreased quality of life

Problem Statement

Families and friends of people living with OCD need a way to learn about the condition and how to support their loved ones constructively whilst practicing self-care, because this will improve the mental health of all people involved.
We will know this to be true when we the metrics reflect the app is successfully being installed and used by 200 people within the first 6 months of release.

 

The Design Process

Discover
Define
Ideate
Competitive analysis
SMART objectives
User stories
Interviews 
Affinity mapping
User personas
User journeys
User flows
Card sorting
Site maps
Low-fi wireframes
Mid-fi wireframes
Test / Reiterate
Usability tests
A/B preference tests
Reiterations
Final Mock-up
UI style guide
Clickable prototype
1. DISCOVER

1. Discover

Competitive Analysis

I analyzed key objectives and marketing profiles, as well as created SWOT profiles and a UX analysis for two key competitors: 'nOCD' and 'InnerHour'.​​​​​​​ 
innerhour logo.jpeg
nocd logo.jpg
Below, I focus on the SWOT analysis for 'nOCD'
nocd logo.jpg
SWOT analysis
Strengths
  • Lock app ability: data privacy 

  • Emphasis on therapy specifically for OCD (meets gaps in generic therapy)

  • Free ERP and mindfulness therapy (via insurance partners)

  • Info and resources via blog

  • Self-guided ERP in ‘tools’

  • SOS buttons for different OCD types: advice by psychologists

Weaknesses
  • Misused unmoderated forums (reassurance seeking compulsions)

  • Video therapy unavailable outside US

  • Reportedly crashes on Samsung S10

  • Cluttered UI experience

  • Therapists scheduled on separate site: cannot be viewed on app nor be sent to personal calendar.

Opportunities
  • No online therapy outside US

  • nOCD is specifically for people with OCD: gap in the market to provide self-care for loved ones emotionally affected i.e. family and friends who support those with OCD

  • No education platforms for family members, who have a big role 

Threats
  • Hundreds of competing mental health apps for mindfulness (Headspace, Lojong, Calm...)

  • Direct competitor private mental health apps incl.: Shine, ePsyClinic

  • In person ERP / medication remains gold standard treatment

User stories illustration.png
Here are a few key examples of  user stories that emerged 
  • As an existing user, I want the app to recognize my info so that I needn't re-type my personal details every time I log in.
  • As a user with a relative suffering from severe ‘harm OCD’, I want to easily see where I can find resources on this OCD subset, so that I learn more about it.

User Stories

  • As an emotionally burnt-out user, I want the menu to have unambiguous and simple signage, so that I do not experience any frustrations when using the app for respite.
  • As a user who is confused by relative’s OCD symptoms, I want to see a list of the types of OCD and information on these, so I can understand my loved one better.  

User Interviews

Interviews took place with two people who have OCD, one family member and one healthcare professional. Recordings were transcribed, labelled and organised into an affinity map

Affinity Map

Group 211.png
Group 210.png

Key Insights:

  • People with OCD find it traumatic , even though they are seen to be driving it: Miscommunication between partners and families is common
  • People want resources: information and directories
  • People do not bother with desktop platforms in stressful circumstances on the go
  • Interviewees with OCD were aware their OCD is not rational but bargaining with them makes them feel more isolated
  • Loved ones expressed the need for guidance in how to respond in helpful ways
  • Interviewees want something simple to use since they'd use it at low points
  • People with OCD can find meditation / advice to ‘clear their mind’ unhelpful and need options that keep them busy
  • Loved ones often need a means to manage their own frustrations and anger
2. DEFINE

2. Define

User Personas

Throughout my work, I referred back to Lauren, who has OCD as well as Mark, a family member of someone with OCD. Below I focus on Lauren.
Lauren.jpg

User Journeys & User Flows

Having developed my personas, I worked on considering their emotional journeys and practical navigation through the app features
Lauren-user journey (1).jpg

Information Architecture

Card Sorting

5 volunteers were presented with 7 pre-determined categories and asked to organise 20 cards into their most intuitive categories.

Group 35.png

Site Mapping

Card sorting informed my navigational structure. For instance, the distinction between ‘My Health info’ and ‘My OCD management’ was unclear. Signposting was amended to reflect that OCD specific features of the app are separate from logging meds & appointments. 

revised site map_edited.png

3. Ideate

Low to mid fidelity Wireframing

Homepage

Version 1

Subtract_edited_edited_edited.jpg

Version 2

iPhone 8 Plus - 2.jpg

Version 3

image 16.jpg

Logged compulsions page

Version 1

0001.jpg

Version 2

iPhone 8 Plus - 6.jpg

Version 3

image 23.jpg

4. Testing

Usability Tests

I handled the data for usability tests using a rainbow spreadsheet.
This helped me to visually identify how frequently an issue occurred and the severity of each.

MacBook Pro 14_ - 1.jpg

Reiterations

Below I illustrate some key changes informed by the usability tests

Homepage

image 16.jpg

Test participants overlooked the OCD SOS button at the bottom of the page. 
They were also intimidated by the red colour of SOS button: without an explanation of what this button did people were reluctant to press it.

Arrow 10 (1).png
Android Large - 3.jpg

People wanted separate areas for family: “It would creep me out if they could log my OCD”.  (Drop down option to switch)

Family area

SOS Button
 

Simple vector images desired. Boxes different widths OR the same, lined up.

UI issues

Logged Compulsions Page

image 23.jpg
Arrow 10 (1).png

Accessibility

During usability tests, it became clear that the text on the visual 'Behaviour Map' was too small to be accessible.

This format of behaviour mapping was not viable and limited users to only a few logged compulsions.

In the solution, the same OCD cycles are still represented, but individually in a list. This also gives the user the ability to log as many incidences of compulsions as they like.

If the user wishes to see higher levels of detail, they can tap on the card, without being overwhelmed with small text.

Android Large - 43.jpg
Android Large - 44.png

5. Final Mockup

Sign In Screen.jpg
Android Large - 132.jpg
Android Large - 12.jpg
Externalise OWN OCD.jpg
Find a therapist 1.jpg
Find a therapist 3.jpg
Logging compulsion 1.jpg
Logging compulsion 2.jpg
Med reminder.jpg
Supporting main page.jpg
Tools activites SUPPORTING.jpg
Advice page SUPPORTING.jpg

UI Style Guide

MacBook Pro 14_ - 2.png

Reflections

Designing for both people living with a condition and for their families added a new level of complexity in terms of user needs, data privacy, shared and unshared features and information architecture. In future, I would treat this as two separate apps and research both areas independently of each other before finally bringing them together.

Clickable prototype

Feel free to explore the app below

Photo credit: Unsplash and Adobe Stock

bottom of page