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