[tbb-bugs] #25695 [Applications/Tor Browser]: Activity 5.1: Redesign Tor Browser homepage ("about:tor") - create an user onboard

[Tor Bug Tracker & Wiki]

#25695: Activity 5.1: Redesign Tor Browser homepage ("about:tor") - create an user
onboard
-------------------------------------------+---------------------------
 Reporter:  isabela                        |          Owner:  antonela
     Type:  defect                         |         Status:  assigned
 Priority:  High                           |      Milestone:
Component:  Applications/Tor Browser       |        Version:
 Severity:  Normal                         |     Resolution:
 Keywords:  ux-team, TorBrowserTeam201804  |  Actual Points:
Parent ID:                                 |         Points:
 Reviewer:                                 |        Sponsor:  Sponsor17
-------------------------------------------+---------------------------

Comment (by antonela):

 Alo!

 This ticket includes four related tasks:

 a) redesign current about:tor
 b) think about critical messages eg. "Update Tor Browser"
 c) onboarding for new users
 d) onboarding for new features

 Check here
 https://trac.torproject.org/projects/tor/attachment/ticket/25695/25695-about.png

 All this components or flows are living or are triggered at about:tor
 page. This is why we are thinking about them right now. On my last
 delivery, I included a narrative and low-res mocks for onboarding new
 users. Also, during our meeting, we talked about having a walkthrough like
 onboarding for new features.

 So, I'm including now

 a) **About:tor** > We talked a lot about to have a dark theme here. Having
 a purple background reminds users of safe private browsing mode in regular
 browsers which is a feeling that we want to recall here.

 b) **Critical Messages** > We have a separate task for the browser update
 flow, but I'm just introducing it here. I'm going to work deeply on it at
 their respective ticket.

 c) **Onboarding New Users** > The F60-like onboarding for new users will
 be triggered for first-time users. Also will be persistent at the left top
 icon. Content is not defined yet, but I opened a pad to work with the
 comms team on it https://pad.riseup.net/p/about-tor-copy

 d) **Onboarding for New Features** > Based on Firefox's UX
 [https://www.mozilla.org/en-US/firefox/59.0.2/tracking-protection/start/].

 This flow must be used for onboarding new features. The walkthrough style
 allows us to drive the user through each feature per time and also to show
 them in their context.

 Try the New Circuits Display here: https://marvelapp.com/3djhfhh

 Also a static version here:
 https://trac.torproject.org/projects/tor/attachment/ticket/25695/25695
 -about-new-feature-walkthrough.png

 New users on their onboarding can trigger the features that have walk-
 through tutorials. So, the call to action we have at the user onboarding
 popup will trigger the specific feature walkthrough.

--
Ticket URL: <https://trac.torproject.org/projects/tor/ticket/25695#comment:8>
Tor Bug Tracker & Wiki <https://trac.torproject.org/>
The Tor Project: anonymity online