Content Design

Meta

Messenger, Color Filters, and Active Status Feature

Accessibility Screens for Messenger

OVERVIEW:

I collaborated with a product designer to create and layout the screens for the first accessibility feature for Messenger. This is one of the main projects I contributed to that got launched and patented so it could be extended and built out across the Facebook and Instagram platforms. This project took aprox. three weeks and quickly passed through leadership, several few rounds of content and design reviews, and was launched on the mobile app.

CHALLENGE

• Messenger platform is the third largest communication app and aprox. 8-9% of the world’s global population, 624 million people have color blind, sight needs. This translates to almost 10 million users on the platform.

• Create an option under the home accessibility screen for people to select color options for the active status feature.

SOLUTION

• Describe to users the color options, leading with the color terms for clear understanding and secondary clinical terminology for the people familiar and accustomed to that terminology.

• The active status green dot was not a match for users’ sight needs if they experienced color blindness. To change that limitation, we created three options to change the color spectrum based on the sight needs: (tritanopia, protanopia, deuteranopia).

• The three screens below are part exemplary of the final solution. Each color term selected shifts the colors a the top spectrum bar to match.

MY ROLE

• Collaborated with the product designer on the UX, language, and design review feedback.

• Wrote content for the content below and slide decks.

• Developed new copy and presented to content design teams and leadership for review.

• Check-in with the product manager for updates and communication on timelines and direction.

Other projects at Messenger

Figma, sample review of UX for facebook groups wireframes.

I worked with a group of Content Designers on Messenger’s end-to-end encryption projects. I supported the entire internal documentation upgrade for e2ee, integrating the product work of five content designers on the team and tracking all the product team projects.

I worked on the content for screens linked to the EU’s DMA (Digital Markets Act) with the Head of Content Design to prepare the screen/content options for the future possibility of various data deletion requirements. I was also on the connections team, envisioning new, dynamic, and creative communication features to expand and develop on the platform.

An Instagram project I took on involved upgrading the mail sorting system and adding new terms and variables for the filter feature. The issues impacted accounts with ~50K+ messages daily, and it was a high-priority and in-demand project.

In addition, I was often in workflows of content projects that required unblocking notifications and QPs, and checking with localization teams for product terminology changes across the platforms.