[tbb-bugs] #26961 [Applications/Tor Browser]: implement new user onboarding

[Tor Bug Tracker & Wiki]

#26961: implement new user onboarding
--------------------------------------+------------------------------
 Reporter:  mcs                       |          Owner:  mcs
     Type:  defect                    |         Status:  needs_review
 Priority:  Very High                 |      Milestone:
Component:  Applications/Tor Browser  |        Version:
 Severity:  Normal                    |     Resolution:
 Keywords:  TorBrowserTeam201808R     |  Actual Points:
Parent ID:  #25695                    |         Points:
 Reviewer:                            |        Sponsor:
--------------------------------------+------------------------------

Comment (by antonela):

 Replying to [comment:5 mcs]:
 > Here are a few notes for the UX Team / Antonela:

 > * The onboarding requires a window that is at least 960 pixels wide;
 otherwise, it is not shown. Hopefully most of our users have a display
 that is wide enough.

 Is this a Firefox's media query break up? What happens with smaller
 screens? We could think in a responsive version for next iteration :)

 > * We need a "watermark" icon (64x64 PNG). This is shown on about:tor
 after the user has completed all of the onboarding tasks. For now, Kathy
 and I put in a grayscale version of the Tor Browser globe icon (we know
 that a new browser icon is coming, so we didn't spend much time on this).
 The image that Firefox uses is here: https://dxr.mozilla.org/mozilla-
 esr60/source/browser/extensions/onboarding/content/img/watermark.svg

 Great, perfect. Thanks.

 > * Firefox has a small icon for each of the onboarding tasks, shown to
 the left of the task name (see a screenshot here) https://techdows.com/wp-
 content/uploads/2017/06/Firefox-Photon-onboarding-tour-min.png). Your
 design has no icons, so we omitted them (but they could be added).

 Yes, we can think about to include them or not on the next iteration.

 > * The Firefox onboarding code adds a checkmark to the left of the
 completed task's titles. Kathy and I made a PNG that is 15x15 pixels from
 Mozilla's image: https://dxr.mozilla.org/mozilla-
 esr60/source/browser/extensions/onboarding/content/img/icons_tour-
 complete.svg

 Ok.

 > * We disabled onboarding notifications since we do not have a
 specification for the text (if enabled, these would appear at the bottom
 of the about:tor window to prompt users to look at onboarding tasks). Do
 we want notifications in a future version of this feature? We would need a
 notification title and message for each of the onboarding tasks. The
 English strings used by Firefox ESR60 are in the following file (search
 for `onboarding.notification.onboarding-tour`): https://dxr.mozilla.org
 /mozilla-esr60/source/browser/extensions/onboarding/locales/en-
 US/onboarding.properties There is also a button for each notification but
 in all cases Firefox ESR60 uses "Learn More" as the label (from
 `onboarding.button.learnMore` in that same properties file).

 We might do it. I'll keep it in mind for the next iteration.

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