Loading

Meta's Messenger App seems to be doing everything...

Many users discover the Messenger App through its integration with Facebook ,but often users defect to other apps such as iMessage as their main communication platforms.

The plethora of features makes finding information and using it to its full capacity, difficult.

I redesigned the Messenger App

Facebook’s messaging app, Messenger, has been one of the most downloaded apps for years. In the span of 6 weeks, my team and I redesigned Messenger for users to amplify successful communication features.

Awarded Most Customer Centric UX & Netflix XD Enterprise

Timeline:

April 2022- June 2022

Role:

User Research Lead & Visual Designer

Skills

Design Sprint  Process, Components, Agile Methodology

Overview:

I was the User Research Lead and the Visual Designer on the Messenger Redesign Team.

I contributed to redefining messenger as an app for simple communication in personal chats, video calls, and marketplace features.

Buy and sell items at your convenience

Marketplace chats is a widely used feature on the current messenger. Now, you can manage all Marketplace Chats as a buyer and seller.

Video call your loved ones

There are ways on the platform for more self-expression, including identity based questions relating to diversity and inclusion

Organize Personal and Group Chats

We get it, you are a popular one. We organized chats into personal and group messages to declutter all bunched messages.

DISCOVERY

I collected qualitative & quantitative data

I needed to understand the current situation for gamers identifying in underrepresented backgrounds. People are unique in their own way, and its our priority to educate and empathize with their current experiences in this problem space.

Here are our main questions to answer in our research.

DISCOVERY

Literature Reviews

After Literature Reviews, I communicated with my team members to create early goals for our user interviews and surveys to better understand specific pain-points and experiences of the current messenger redesign.

DISCOVERY

User Surveys

I wanted the survey to be quick and simple so our participants would be able to answer the questions to the best of their ability. I also made sure to eliminate any biases in our questions. I questioned their familiarity with Messenger and what they use Messenger for.

Total Responses:

96

Tool:

Google Surveys

96%

of users have used/currently using Messenger

90%

of users use Messenger for Texting

32%

of users use Messenger for Video Call

17%

of users use Messenger for Phone Call

DISCOVERY

User Interviews

I conducted User Interviews to empathize with their current experiences using Messenger.After, I narrowed down the findings using what they Say, Feel, Do, and Think about the current Messenger

To understand the logistical applications of the app, we used sticky notes to denote our insights and to find a pattern. It helped me understand the concerns/questions from the user’s perspective.

DISCOVERY

Personas

From understanding our user’s standpoint, my team and I created a persona to narrate the experiences of how a certain user would use messenger.

"Meet Walter Rodriguez, a first-generation college student who struggles with maintaining communication with his family outside of the U.S. From learning to live alone, Walter seeks affordable options to be more financially secure. Walter is a popular kid, so he finds difficulty communicating with all of his friends at once."

SYNTHESIS

There was a lot of information, so we did a lot of affinity mapping

After our research, I used a few analysis strategies, including affinity mapping, HMOs, and pain points to narrow our findings.

We narrowed down our thinking into chat organization, improving the video call feature, and emphasizing the connection with others.

SYNTHESIS

Affinity Mapping

This is a sample of how we collected data and feedback from user interviews, surveys, and other SWOT analysis.

DEFINE

Insights turned to a defined statement

DEFINE

Key Insights

We stickied the notes that felt compelling to our intial user goals

Key Insight #1

Target users consists of university students who use messenger primarily for the marketplace.

Key Insight #2

There's a shared appreciation for international students who use messenger to connect with those overseas

Key Insight #3

With many friend groups, some with androids, messenger allows everyone to be in the same room altogether.

Problem Statement

“How do we repurpose Messenger as a goal-oriented messaging app through amplifying successful communication features, such as Marketplace and Rooms, while also streamlining user interactions by deprioritizing less favored features.”

IDEATE

It started with sketches

IDEATE

Sketches

My team and I sketched out possible solutions to address certain pain points from our affinity mapping.

This is to expand our ideations together, and communicate closely which features to focus on during our wireframes

Video Call Functions
Marketplace
Personal Video Rooms

IDEATE

Mid-Fidelity Screens

Areas to Improve on:
Wording for the Marketplace Chats is a bit confusing, Groups feature seemed to be a little redundant, Videos Feature felt a little too similar to Face-time.

TEST

After receiving feedback from mid-fidelity, we created our high fidelity

FEEDBACK #1

Groups and chats seemed too clumped

We decided to expand the tabs to be full width, and removed clutter from the screen

FEEDBACK #2

Text and height hierarchy was unbalanced

We changed the spacings, headers, and text sizes for specific modals to reduce visual friction

FEEDBACK #3

Utilize current Meta's design patterns

When we iterated on new designs, there was no patterns that we followed. So, we reviewed meta's design system to replicate specific sizes and patterns for these new components.

FINAL

The feedback helped create our final redesigns

Buy and Sell with ease

We wanted Marketplace to organize conversations to help streamline transactions and bidding

Room Rooms

We redefined Messenger's Rooms to make it easy for people to connect with their close ones n video and audio calls together

Find chats more easily

Redesigned landing page from personal vs group for a better experience while using Messenger chats

REFLECTION

Communication is Key

I loved this case study because there were so many clear and open communication especially when narrowing down ideas.Huge thanks to my team because we all worked harmoniously on different aspects of messenger in only 6 weeks.

Together, we were the only team to win not just the Most Customer Centric UX Award, but also highly recognized by a Netflix Product Designer and received a Netflix XD Enterprise Award!

For our next steps, my team and I would like to refine the UI, and make further adjustments to the Rooms features. We also want to make changes to the bidding and selling aspect of Marketplace. This will all be done through more usability tests and user interviews.

Content

Back