Brave-browser: [Android] UI changes to address Userlytics feedback in mobile onboarding v2

[karenkliu]

Description

A round of Userlytics tests for our new mobile onboarding yielded valuable feedback and surfaced UX issues. Implement minor UI changes to fix the issues.

Design

Search engine selection screen

Some people still conflate “search engine” with “browser”. Add more explanation on the search engine selection screen of why we’re letting them pick a default search engine.

Smaller devices may require the SE list to scroll:

Link Brave Shields to Privacy Reports

People could not find their way back to the “Privacy Reports” screen - nearly everyone tried to open Brave Shields when told to return to Privacy Reports. The connection is there in their head but the UI does not support the connection. Also, once finding their way to the new tab page again, they did not notice the 3-bars Privacy Reports icon in the top right corner. We should make the link between Brave Shields and Privacy Reports much clearer.

Add a link from Brave Shields directly to the detailed Privacy Reports screen.

Remove 3-bars Privacy Reports icon and highlight the new stats widget during onboarding.

Brave Shields text

A few people mentioned “...’Ads and creepy things blocked’” made them feel wary of the website. Also, this wording is a little out-of-line with our block-trackers-first stance. We should update this to “Trackers, ads, and more blocked”

Bookmarking icon

Someone thought tapping Bookmark icon again would unbookmark the page; instead it took them to edit the bookmark. Let’s fulfill user’s expectations and un-bookmark the page when tapping on the Bookmark icon again.

Assets

Figma: https://www.figma.com/file/atoL4LN2kd8ILnPGwohUoV/?node-id=1253%3A0

[deeppandya]

@karenkliu Do we have the description for most common SEs? The list we show on search engine onboarding, it depends on the region as well.

[karenkliu]

@deeppandya We don't - can I get a full list of SEs so we can come up with a short description for each?

[deeppandya]

@karenkliu android currently support google, DDG, DDG lite, Qwant, Bing, StartPage, Yahoo for SE onboarding. and i have a concern regarding how the UI would look in smaller screen as individual items would ttake more space.

[karenkliu]

@deeppandya For smaller screens we'll need to scroll the SE list. I'll mock it up

[karenkliu]

@deeppandya I added the search engine description text and small screen treatment.

[anthonypkeane]

@karenkliu android currently support google, DDG, DDG lite, Qwant, Bing, StartPage, Yahoo for SE onboarding. and i have a concern regarding how the UI would look in smaller screen as individual items would ttake more space.

DDG lite was removed BTW