Automate Data Sharing Experience for Advertisers
Overhauled how app advertisers build data pipelines and share data with Meta before they run targed ads. Use outcome-driven data-collecting methods to automate complex technical settings and simplify the end-to-end user experience to increase setup success rate.
Target Users:
App AdvertiserApp Developer
Personas & Design Challenges
Design Process
Current User Flow Analysis
In order to understand the full end-to-end advertiser experience, I captured all the steps and methods of how advertisers set up app signals, and pieced the full user flow together. From there, I identified the major bottlenecks and pain points.
Design Sprints
Next, I summoned cross-functional team members like content strategists, engineers, PMs, and designers across business teams to brainstorm ideas in a design sprint. We applied affinity diagramming to group solutions into different themes and voted for the priorities.
Pen and Paper Sketching
I use pen-and-paper sketching to brainstorm a variety of layout options, before creating the high-fidelity mockups and prototypes.
New E2E User Journey
The most important step in this process is to always incorporate personas (advertiser & developer) into your end-to-end user journey UI designs. I used the job-to-be-done advertiser storytelling framework here to describe advertiser's task in each UI.
Final Design
And here's the final overhauled end-to-end advertiser data-sharing setup flow UIs.
1.A new default empty state page with clear instructions and call-to-action for new advertisers.
2.In the first step of the full-page setup flow, the advertiser learns the basic context and the benefits of setting up data sharing.
3.Then she will be guided through a multi-step questionnaire, starting with selecting her app's business domain.
4.An important step here for gauging the advertiser's access to engineering resources.
5.The advertiser inputs her ad goals in this step, and our system will predict the corresponding data-sharing regulations
6.Then based on all the information the advertiser provided, our system will select the best data sharing methods for her.
7.In this step, she will have the opportunity to edit the system-generated app events.
8.For more sophisticated advertisers, they have the opportunity to use the advanced setup mode to further customize and bundle the app events.
9.The advertiser will have the opportunity to review the events, if she changed the events before and there're remaining empty slots, our system will recommend extra events to help her maximize the ad performance.
10.Finally, she can email the implementation package to her developers.
11.The advertiser can also expand the instruction details below.
12.All the advertiser tasks are done.
13.When she goes back to the landing page, she could check her developer's current implementation status.
14.Once the data-sharing method is implemented, the advertiser can see the app data live updates.
15.She can also expand the event row to see the data breakdowns, with corresponding ad spending.
16.Hovered-tooltip on the data visualization explains the breakdown.
