[Android] Onboarding V2

[anthonypkeane]

Description

Please search for the spec called "Mobile Onboarding (Retention Focused)" and implement per those details.

Sub-issues:

• Onboarding Notification

Design

The new onboarding experience is broken up into smaller parts that are spread out over the course of a user lifecycle.

Day 1 - Limited feature tour

Users are introduced to privacy messaging and Brave Stats.

**Note
During development we updated each stats highlight treatment to look like this:

Day 1-30: Just-in-time Onboarding

Users are introduced to search engine alternatives (and setting a default) the first time they search.

Users are introduced to Brave Shields the first time it blocks something. Introductory popover only shows once.

The popover has a gradient background.
background: linear-gradient(316.3deg, #BF14A2 0%, #F73A1C 98.59%);

The popover slides in as soon as the page is finished loading y-10, 0.3s with opacity:

Prototype: https://www.figma.com/proto/atoL4LN2kd8ILnPGwohUoV/Mobile-onboarding-v2?node-id=403%3A300&viewport=545%2C466%2C0.7327766418457031&scaling=min-zoom

Users can discover the Brave Rewards feature by tapping on the BR icon or seeing a sponsored image on the new tab page.

Day 4

Users are forcefully introduced to Brave Rewards on Day 4 - they see BR opt-in and Brave Ads onboarding on app open.

Push notifications

Deliver push notifications per: https://docs.google.com/spreadsheets/d/1D_RnP1cQVNf3szSCKcYCqcIN3IjrlXnQwoLTxjEt3V0/edit?ts=5ea0a287#gid=0

Assets

All motion graphics will be done using Lottie files.

• Privacy protection preview: https://lottiefiles.com/share/7tYphH
  https://assets8.lottiefiles.com/packages/lf20_7tYphH.json
• Save data and battery preview: https://lottiefiles.com/share/QVdrmA
  https://assets2.lottiefiles.com/packages/lf20_QVdrmA.json
• Websites load faster preview: https://lottiefiles.com/share/wclijk
  https://assets5.lottiefiles.com/packages/lf20_wclijk.json

Figma for CSS, sizing, layout, spacing:
https://www.figma.com/file/atoL4LN2kd8ILnPGwohUoV/Mobile-onboarding-v2?node-id=0%3A1

Related Issues

• Remove 'get paid' verbiage on Sponsored Images and make BRE update
• Update NTP Brave Stats to 'Trackers & Ads Blocked'
• Update existing onboarding

[karenkliu]

@deeppandya All the design specs except for the Day 1 privacy intro modals have been added.

[srirambv]

Verification passed on OnePlus 6T with Android 10 running 1.13.83 x64 nightly build

Clean Install

• Verified privacy stats onboarding is shown the moment browser is launched

First info card about Privacy protection highlights Trackers & Ads blocked	Second info card about Save data and battery highlights Data Saved	Third info card about Websites loads faster highlights Est. Time saved	Fourth info card about Get weekly updates

• Verified clicking Turn on privacy reports on the first screen and following through brings up the privacy reports modal once onboarding is completed

Light theme	Dark Theme

• Verified swiping across the privacy onboarding brings up the fourth info card and clicking on Learn more starts the onboarding again

Light theme	Dark Theme

• Clicking on individual stats on NTP brings up Privacy report modal when enabled
• Clicking on Individual stats on NTP brings up the fourth card when privacy stats is not enabled

Search Engine discovery

• Verified clicking on the URL bar brings up the SE onboarding
• Verified changing default search engine via onboarding is retained
• Verified changing/retaining default search engine is set for both normal and private tabs

Brave Shields

• Verified visiting a page for the first time where nothing is blocked doesn't bring out the shields message
• Verified visiting a page for the first time shows shields onboarding message when the page load is done
• Verified clicking on the shields message opens the Shields panel
• Onboarding message is dismissed when a tap is recorded anywhere on the app

Rewards

• Verified on clean install clicking on the rewards button brings up rewards onboarding as per spec
• Verified if not enabled, Rewards onboarding is shown upon launch after 4 days
• Clicking on sample ad notification sets focus to rewards panel

Brave Desktop intro

• Verified Brave Desktop intro card is shown after 12 days
• Verified intro card is shown on a private tab if the browser is launched via a private tab on the home screen

Light	Dark

Upgrade Install

• Verified stat button is shown on an upgrade on NTP
• Verified interaction hotspot is shown on the stats button on NTP
• Verified clicking it loads the privacy stats onboarding

---

Verification passed on Samsung Tab A with Android 10 running 1.13.83 x64 nightly build

Clean Install

• Verified privacy stats onboarding is shown the moment browser is launched

First info card about Privacy protection highlights Trackers & Ads blocked	Second info card about Save data and battery highlights Data Saved	Third info card about Websites loads faster highlights Est. Time saved	Fourth info card about Get weekly updates

• Verified clicking Turn on privacy reports on the first screen and following through brings up the privacy reports modal once onboarding is completed

Light theme	Dark Theme

• Verified swiping across the privacy onboarding brings up the fourth info card and clicking on Learn more starts the onboarding again

Light theme	Dark Theme

• Clicking on individual stats on NTP brings up Privacy report modal when enabled
• Clicking on Individual stats on NTP brings up the fourth card when privacy stats is not enabled

Search Engine discovery

• Verified clicking on the URL bar brings up the SE onboarding
• Verified changing default search engine via onboarding is retained
• Verified changing/retaining default search engine is set for both normal and private tabs

Brave Shields

• Verified visiting a page for the first time where nothing is blocked doesn't bring out the shields message
• Verified visiting a page for the first time shows shields onboarding message when the page load is done
• Verified clicking on the shields message opens the Shields panel
• Onboarding message is dismissed when a tap is recorded anywhere on the app

Rewards

• Verified on clean install clicking on the rewards button brings up rewards onboarding as per spec
• Verified if not enabled, Rewards onboarding is shown upon launch after 4 days
• Clicking on sample ad notification sets focus to rewards panel

Brave Desktop intro

• Verified Brave Desktop intro card is shown after 12 days
• Verified intro card is shown on a private tab if the browser is launched via a private tab on the home screen

Light	Dark

Upgrade Install

• Verified stat button is shown on an upgrade on NTP
• Verified interaction hotspot is shown on the stats button on NTP
• Verified clicking it loads the privacy stats onboarding

---