Platforms
Mobile
ROLE
Solo Product Designer: Research, UX/UI, Usability Testing
Tools
Figma, Adobe Creative Suite, Maze
Timeframe
4 Weeks
PRoject overview

What are Instagram Happy Modes?

It is an added feature to the popular social media app, targeted to help alleviate common negative effects that come with extended exposure to social media content.

I approached this feature concept with mental health in mind, utilizing existing research studies, and discovering user behaviors.

The challenge

What can we design that will help users overcome negative feelings from browsing social media?

Problem

As Instagram's popularity has grown, so has criticism over its negative effects on users’ mental health, specifically through social comparison and body image concerns.

Goal

Create a feature that allows users to experience the social benefits of Instagram, while minimizing their risk of exposure to harmful or negative app engagements.

The research

Understanding the quality of Instagram experiences and how users can learn to change their behaviors

User Interviews

After interviewing seven participants, there has been validation for a need to better tailor their instagram experiences as their moods or emotional awareness changes over time. Each user has a unique experience with the app and their needs may change day-to-day depending on how they are feeling.

Key Pain Point 1

Users are unaware of all or some of the existing features (e.g. Sensitive Content Control) that help shape their instagram experience. These features are not easily accessible and have not been properly “introduced” to users.

Key Pain Point 2

Although users want to experience the benefits of Instagram (e.g. getting inspiration or feeling connected to loves ones) they are oftentimes unexpectedly exposed to negative content.

Key Findings

All participants expressed that comparison and “picture perfect” content are damaging

All participants picked Ad Topics and Time Spent as the most impactful features that they would use

All participants would like to have deeper control of the existing settings (e.g. control sensitivity to certain types of content vs. all content)

Persona Development

After synthesizing my interview results I created the following personas of users who hesitate to use the app for different reasons—one for always losing focus and the other for fear of feeling self-doubt.

Empathy Maps

I created these empathy maps to have as reference points, ensuring that my designs address the user needs that really matter.

Competitive Analysis

I assessed a variety of direct and indirect competitors, focusing on studying features related to forming habits and customization settings.

Each user has very unique experiences from one another,  but a common frustration revolves around an inability to control their feed as their moods or emotions change. We must construct a feature that enables them to easily change settings for their needs “in the moment.”

Define & IDEATE

Visualizing a potential solution to give users more control of their experience

With the personas’ frustrations and goals in mind, I ideated Happy Modes based on the iPhone's Focus Mode feature. Since it is such a popularized and well-integrated feature in Apple's OS, I thought it would be a good foundation to start concepting from.

Paying attention to the details in an existing design system

I made sure to work well within the boundaries of Instagram's design system with pop-ups, iconography, layout, and gestures. This way, my test participants have a more immersive experience when exploring the prototypes.

Prototype

Key Solutions

Seamless integration and entry point from the main feed

Providing the easiest and most accessible location for the new feature encourages users to take control of how they want to engage with the app before exposing themselves to potentially damaging content.

Grouping all settings or features relevant to managing content or time spent in one place

My interview results proved that the existing settings that users can currently take advantage of are scattered and hidden. Bringing them together increases accessibility and encourages users to actually put the settings to use.

Altered content feed in just 2 clicks

Once Happy Modes are created, they can be instantly activated without ever leaving the feed. Users can swap between modes as their emotions change throughout the day.

Usability Testing

Testing to find new insights or frustrations

Incorporating hashtags

Participants wondered why filtering out hashtags through Happy Modes wasn't available. I originally did not consider following hashtags to have a significant impact on a user's feed.

Providing confirmation of actions

Some of my participants hesitated on moving through the task since they were unsure if what they had selected was registered. I added a blue action button to help signal them to complete the task.

Quick way to add profiles to a Happy Mode

Some participants expressed concern that managing profile lists in Happy Modes would be cumbersome, so I designed a way to add or remove accounts individually from the main feed.

Validation and new insights

After usability testing, Happy Modes was well received with minor UI changes

All participants expressed that they would benefit greatly from a feature like Happy Modes. It would allow them to focus more on specific content and lighten the burden of being impacted by negative content.

Final Thoughts

Potential next steps

Explore different on-screen placements for Happy Modes

A/B test placements of Happy Mode button to address a small portion of concerns found in the first usability tests.

Test Happy Mode in conjunction with other content-curation features

Running usability tests where tasks include both Happy Mode and features like Time Spent, Ads Content, etc. will give us more insight on how the new feature impacts users’ mental health.

View more projects

UX/UI DESIGN | BLUR FASHION CO.

Increasing online shoppers' confidence with a tool that solves for inaccurate sizing

An e-commerce website for a gender-neutral fashion company with a unique virtual experience.

Read Story

UX/UI DESIGN | BROOKLYN ARTISANS CO.

Enhancing customer relationships by creating a space that promotes trust and emotional connections

A responsive website created for a local small business that is ready to expand their online presence beyond an Etsy store.

Read Story