Overview
About the project
This project showcases the gallery on the Meta glasses companion app. People use the Meta Ray Ban (MRB) glasses to take photos and shoot video. Later, they use the companion app on their watch or phone to edit and share their captures.
Why we built this
The app gives users greater flexibility to edit their captures through AI, metric layers and photo editing tools. When people feel more confident about their photos taken on the MRBs they are more likely to use their glasses and share their photos.
People generally use the companion app a few hours after they have taken photos or video on their glasses.
People are more likely to take accidental photos, bursts, or blurry action photos.
There are many layers to editing the photos: Meta AI, edit with AI, and regular photos editing tools (adjusting saturation, brightness, cropping etc.). So designing navigation and hierarchy will be important.
Design considerations
First features
Larger grid since users tend to take fewer photos on their glasses
Worked with the PM to determine crop as the first form of edit since glasses often did not focus on what the user intended.
Added standard edit with AI
AI filters added a layer of fun and personality to the photos
Gave the app a differentiating factor from the native camera roll
Worked with another designer here to incorporate the Edit with AI layout they had been working on
The initial gallery screen evolved to be more scannable while scrolling
Added Meta AI
Added voice and text editing
This feature had high utility and could be used to translate menus, tell you about historic sites, and identify subjects in the photos more precisely
Added sharing
Sharing added a social component. Users could enter a dialog to edit the photo back and forth with a friend
Metric layer
Many of the videos taken on the Meta glasses are hands-free action videos so metrics added a cool layer that felt very sharable
Adding metrics opened up a partnerships with Garmin and Strava
Design team collaboration
I primarily worked with another designer on Media Gallery who focused on the experience within the Meta Ray bans themselves.
I also collaborated with the design manager, design system product designers, the media wearables design team through office hours, and various levels of design crits. The project allowed me to add components to the design library as well as refine and stanardize some of the components already being used.
XFN collaboration
I worked closely with a PM and two pods of engineers. We worked through pushback on cropping prioritization, navigational hierarchy of editing and sharing, and how we surface metrics for partners like Garmin or Strava.
I also worked with legal to handle ethics with AI conversations.