[tor-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 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.
 * 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
 * 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).
 * 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
 * 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).

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