top of page

MindSribe App Design

Mobile App
12 weeks // Jan - Apr 2023

MindScribe is an AI-empowered journal app to help users track and analyze their thoughts and emotions. I collaborated with a team of 5 to design and iterate the product from research to 3 rounds testing with 30+ users.

My role & Responsibility:

Tools:

Team

  • UX Research

  • UX Design

  • Ideation, Sketching

  • Wireframing and Prototyping

  • User Testing

  • Figma

  • UserTesting.com

  • Zoom

1 UX Reseacher, 3 UX Designers

Thumnail-MindScribe.png

Project Overview

MindScribe is an innovative tool designed to help users track and analyze their thoughts and emotions. The application leverages AI technology to recognize cognitive distortions in thoughts and encourage users to challenge negative thoughts. The goal is to help users identify and reframe negative thought patterns and promote mental well-being.

Mission

Our mission is to provide users with a powerful tool for improving their mental well-being through journaling. We are committed to promoting awareness of thought patterns, challenging negative thoughts, and reframing perspectives. Our values include accessibility, convenience, and personalized experiences. We strive to make a positive impact on the lives of our users and support their journey towards mental wellness. 

Process

We followed the design thinking approach, which involved discovering the needs and interests of stakeholders through research, defining the product's content, structure, and visual language, generating and exploring ideas, creating a realistic design prototype, and testing the product's usability and functionality with users at different levels of fidelity.

process-MindScribe.png

Problem Statement

01

Methodology

book.png
Literature Reveiw
Stakeholder Interview
Competitor Analysis

Literature Review

We started by reading research papers in order to learn about the techniques and strategies for maintaining and improving mental health.

Insights

Below are effective tools for managing anxiety, depression, and stress and treat different psychological disorders:

  • Actively challenging and reversing these patterns

  • Journaling and expressive writing help individuals identify negative thoughts and behaviors

  • Cognitive restructuring enables individuals to modify their faulty thoughts and beliefs

MindScribe Process.png

Stakeholder Interview

We recruited individuals who were keen on enhancing their mental well-being and mental health professionals who could provide valuable input on the negative thought patterns and cognitive distortions

Stakeholder Interview Data_edited.jpg

What users said

Participant quote.png
Participant quote-2.png
Participant quote-1.png

Insights

We found that the application is a user-approved concept, with many participants noting the benefits of journaling for their mental health. While a majority of participants had little to no experience with AI, however, they expressed a strong interest in a more personalized journaling experience.

Competitor Analysis

Our team conducted competitor analysis to gain a deeper understanding of the current market landscape for journal apps and mental health tools.

competitors.png

Most common features among our competitors

Group 48095539.png

Features selection

  • Free-form Journaling

  • Guided Journaling Experiences & Writing Exercises

  • Mental Health Resources

  • Progress and Mood Tracking

02

Information Architecture & Content Blueprint

Content Map & Wirframes

Content Map.png

03

Lo-Fi Prototype & User Testing

Task1-onboarding.gif

Task 01
Onboarding

Our aim was to ensure that users understand the application's purpose and how to use it.

Feedback:

  • Users requested more detailed explanations of how the app works

  • Explicit option to agree to the privacy policy

The task received an average rating of 5, indicating that users found it both usable and efficient.

Task2-Journal.gif

Task 02
Journal entry and reframe content

Our aim was to ensure users could create a new journal entry and review cognitive suggestion

Star 4.7.png

This task received an average rating of 4.8, indicating that users found it both usable and efficient

Feedback:

  • Users found the red color too alarming & aggressive

  • concise explanations with option to read more

Task3-emo-progress.gif

Task 03
Reviewing journaling data progress

Our aim was to understand how users perceive different types of graphs and charts when reviewing journal entries.

This task received an average rating of 4.8, indicating that users found it both usable and efficient.

Feedback:

  • Users unsure how to read the color emotion analysis

Task4-Resources.gif

Task 04
Looking for resource

Our aim was to ensure that users were able to access the application's resources.

This task received an average rating of 5, indicating users found it both usable and efficient.

Feedback:

  • Separation of media and therapy in the app's resources

Findings

Overall, users rated the app's average difficulty as 4.8. The results of the usability testing indicate that the app was generally effective in achieving users' desired outcomes and easy to use.

Regarding visual design, improving the clarity and visual appeal of the graphs was also identified as a potential area for improvement since some users found them confusing, which could impact the effectiveness of the app in helping users track their progress.

Design System

We developed the design system to maintain consistency and increase efficiency by reusing the components.

 

It was developed based on the user feedback to enhance the user experience. The color scheme was revised to use more neutral tones, which were found to be less aggressive and more visually appealing to users.

Mid-Fid Prototypes

The goal of medium fidelity prototyping was to create a more detailed version of the application by including additional screens to increase clarity throughout the app. We’ve reworked a few screens based on feedback from our previous round of user testing.

Highlights of iteration of Onboarding
1st iteration-onboarding.png
Highlights of iteration of Journaling
1st Iteration-Journal.gif
bottom of page