Support a Group

Group Admin Monetization Product

FACEBOOK  |  2019

Overview

Facebook's mission is to give people the power to build community and bring the world closer together and a large part of how people find community is through Groups. Group admins invest their time and energy to maintain their communities, and many have said that they would like tools to help them to continue to invest in their community and offer more to members. Support a group is one of the monetization tools that helps admins monetize and invest further in their communities.

Product Team

1 Product Manager, 1 Product Marketing Manager, 1 Engineer, 1 Content Strategist, 2 Researchers, 2 Community Partners.

My Role

As the lead Product Designer on this product, I established 

Problem—

Voters need access to trustworthy, engaging and accessible information about political candidates 

to cast more informed votes on Election Day. While Facebook's past Elections products were widely accessible, they were too text-heavy for major markets with lower literacy. Further, we found that people didn't trust text-based political content because it's too easy for candidates to change and lacks accountability. Finally, comparing specific candidates across topics can be taxing, or not possible, for some voters.

[ Page Admins Problems ]

  • I want to promote the visibility of the candidate and their platform with a strong social media presence.

  • I want an easy way to manage the candidate's posts. Need to easily be able to create and manage content for the candidate's page.

  • I want to differentiate the candidate from all other political candidates voters can choose from in a particular race.

How it works—

Building an Admin-facing tool where campaigns can upload an intro video plus 3 or more 20-second videos answering dynamically-generated questions from Facebook to help voters understand what candidates would do in office. This upload feature will enable us to generate a pipeline of candidate videos to surface in Ballot for major upcoming elections.

The goal of Candidate Videos is to increase voter knowledge among Facebook users by embedding short and engaging videos directly from political candidates in the elections products.

Solution—

  • Created multiple entry points to improve discovery and increase the number of candidates who uploaded videos using the tool.

  • Built new user experience to educate the candidates on the value of using Facebook videos to reach voters and share their campaign messages.

  • Enabled new video formats to give candidates more control over how they present themselves to voters on Facebook.

  • Designed a better user interface to make it easier for candidates to upload their videos.

INFORMATION ARCHITECTURE—

To build this product from scratch, I created a scalable framework to keep the video upload flow simple and make it easy for candidates to upload all their campaign videos before Election Day. Mapping out the entire app flow enabled me to figure out each step of the path that users would take from entering the product to successfully uploading their videos for voters to see on Facebook. I began my process by sketching the flow out on paper and then I digitally rendered it.

Quick Promotion

Entry Point

Landing Page

[ Null State ]

Add Intro Video

Landing Page

[ Video Added ]

Preview

Educational NUX

Add Video 1

Add Video 2

Add Video 3

Delete

Select Language

Select Language

Select Language

Select Language

Wireframes—

To help me outline the app and visually imagine it, I first made a skeletal framework of the app. This framework allowed me to arrange interface elements while I initially focused on product functionality, before thinking through visual design treatments. The simplicity of my wireframe approach allowed me to quickly test ideas and move fast, without immediately diving into product spec details. During this phase, I worked closely with the content strategist and engineers to identify potential technical and usability concerns.

Landing Page

Select Video

Select Language

Educational NUX

Landing Page

Preview

Entry Points

Design Solution

I designed the user interface to create an easy and seamless experience for candidates using this feature. I created and shared multiple prototypes across the team to showcase my user interaction proposals. Throughout the design exploration process, I continued to partner closely with the content strategist, engineers, and product manager to bring this vision to life.

Multiple Entry Points

Created multiple entry points like election bookmark, quick promotions, notifications and emails to improve discovery and increase the number of candidates who uploaded videos using the tool.

Primary bookmark navigation surface to improve discovery.

Social context feature to tell candidates how many other political candidates have uploaded the videos.

Call to Action button to navigate the candidate to video uploading landing page.

I illustrated this visual that communicates as a verbal voice for video uploading process and makes it more engaging.

Quick Promotions on candidate page to improve discovery.

Primary Action button to navigate the candidate to video uploading landing page and secondary action to set a reminder for uploading the videos later.

Educational Experience

Building an experience to educate the candidates on the value of using Facebook videos to reach voters and share their campaign messages.

Call to Action to navigate the candidate to start uploading videos.

Quick Preview to show the candidates the basic steps to upload the video as well as to ease-of-use. Once the candidates have become acquainted with the video uploading steps, the process should already seem familiar as they move through subsequent screens. 

To make this video uploading process more engaging I decided to go for an illustrative approach. I worked with the illustrator and content strategist in this process.

Video Uploading Flow

Designing a better user interface to make it easier for candidates to upload their videos.

Primary context on uploading videos format.

User Interface cards to upload videos for the questions provided by Facebook.

Language Selection

Selecting language functionality for the candidate videos to increase accessibility among voters. This work provide particularly effective growing product adoption among people with different language.

Quick Preview of the video screen.

Alternative secondary screen without preview.

Language selection feature for better accessibility among voters.

Call to action to publish videos.

More context for the candidates after the videos being uploaded.

Video thumbnail preview.

Adding a delete feature to give the candidates the ability to delete and re-upload the videos.

Adding more details to the flow. Candidates can check their video status, who posted the videos and the number of views they received once it is uploaded.

Social context feature to tell candidates how many other political candidates have uploaded the videos.

After election tooltip for better visibility for candidates videos.

Use of visual to indicate that the uploading process is closed.

Key Takeaways—

  • Designing the product has been a challenging and rewarding journey.

  • It is good to have a manager and a team that puts the trust in you with this process.

  • Ask a lot of questions when lost or feel stuck.

  • The best way to find issues and pain points is by testing.

  • It is good to involve the engineers in the beginning of the process

  • Plan the things out in advance. A of decisions were made due to time constrains on the engineering end.