Facebook Messenger
Giving users more control over their experience
Introduction
As part of my UX learning journey, I decided to take a look at an app my friends and I use most - Facebook Messenger. This was a fun personal research project done with no affiliation Meta.
Fun Fact: Facebook actually stole implemented a lot of these ideas.
Client
Personal Project
Year
2020
Category
Social Media
Role
Researcher & UX/UI Designer
Discovery
I started by gathering some quantitative data via a 10-question Google Form and then went on to interview five participants for more qualitative information. Both of these research methods were used to learn more about the daily habits of Messenger users.
Key Survey Findings
Based on the 30 responses, here are some of the key findings on user behaviors:
80% never post to their Facebook Story, and 75% never check/view Stories or only view them by accident.
82.8% are indifferent about knowing which of their friends are currently online.
82.8% have never used the People tab on Facebook Messenger.
Only about 25% use group chats every day.
Initial Feature Feedback
During the user interviews, participants were presented with a few initial designs to determine which features to move forward with.
These wireframes showed three variations of a new “floating” draft button and three variations on a new navigation.
The winning features were the floating button with the pencil icon and the bottom navigation with Chats, Camera, and Stories. Both of these were favored because of their familiarity to the existing UI.
The Breakthrough
The majority of the feedback from the user interviews aligned with the survey results. However, the greatest takeaway from the interviews was that the Messenger app should be customizable. The Facebook app already is — users can choose which shortcuts get displayed in their navigation bar such as Marketplace or News. Why shouldn’t Messenger also offer its users the opportunity to personalize their app?
Usability Testing
After analyzing the key findings from the surveys and the feedback from the interviews, I prepared a high-fidelity prototype for usability testing. I conducted with six usability tests. Of the six participants, four were in the age range of 25-34, one was in the 18-24 range, and one was in the 45-54 range.
The participants were given four tasks:
Send a new message.
Add to your Story.
Customize your app so that you have a tab for group chats.
Customize your app so that you can hide Stories from the top of the Chats page.
All of the participants were able to smoothly navigate the new version of Messenger. The conclusion was that the design was fairly familiar and straightforward, but the language could be more clear for the new settings.
After the first round of testing, a few tweaks were made to clean up the UI of the app, but the main adjustment for the second round of usability testing was to restructure the task list. The first two stayed relatively the same, but the last two questions were switched to better reflect the user flow pattern seen during the first round of testing. The second round of usability testing saw a 100% success rate on all four tasks.
Final Designs
Floating New Message Button
The “new message” pencil icon in the top right was replaced with a floating button for easier access with the thumb.
Stories Tab
The People tab was replaced with a Stories tab because the majority of users surveyed have never used the People tab.
On the current app, Stories are displayed both at the top of the main Chats page and on the People tab. In this revised design, Stories have their own tab, so they can live there instead of taking up space on the other page.
Settings Icon
A gear icon was added to take the user to a settings page where they can toggle on different shortcuts in their navigation bar to customize their app.
On the current app, one has to tap on their profile picture to get to Settings, which was not clear how to most participants.
Stories Toggle in Settings
The option to hide Stories from the top of the main Chats page was added and can be used whether or not a user has the Stories tab toggled on. Most of the users interviewed did not want to see Stories on the Chats page.
Summary
Before starting my research, I had made three hypotheses:
Users are struggling to draft new messages.
Users do not care to see Stories on the main page.
Users want a place to view all of their group chats.
The first hypothesis was not validated, though I did discover that most users used the search bar to start a new conversation, rather the pencil icon. Should the floating button be installed in the new design, it still might not get as much usage as the search bar.
My opinion that Stories are unwanted and unnecessary on the main Messenger screen was somewhat validated. Most users are not interested in posting or viewing Stories on the main page, however, because 17% said they do view stories, it seems important to keep the option available.
Third, my assumption about group chats was not validated either. The research determined that most users are not in a lot of group chats on Messenger anymore. Though the participants interviewed did not necessarily want to separate them out, none of them were opposed to having the option to do so.
Overall, the participants in this user experience research project found the design revisions to the Facebook Messenger app straightforward and were excited about the ability to customize their app to best fit the way they want to use it.
Check out the final prototype!