Design of alpha onboarding for Tor Browser for Android

added TorBrowserTeam201808R component::applications/tor browser owner::antonela parent::26531 priority::very high resolution::fixed severity::normal sponsor::8 status::closed tbb-mobile type::defect ux-team labels

Ccing the tbb-team.

Trac:
Cc: N/A to tbb-team

Trac:
Keywords: N/A deleted, tbb-mobile added
Description: N/A

to

This can be a temporary onboarding until all the experience has been built and we can do a final one covering all the features.

Trac:
Cc: tbb-team to tbb-team, dmr

Trac:
Cc: tbb-team, dmr to tbb-team

Trac:
Username: tseretni-rmd
Cc: tbb-team to tbb-team, tseretni-rmd

Required for first alpha.

Trac:
Parent: N/A to #26531 (moved)

Trac:

Hi! I worked around two options for TBA onboarding.

Notes:

I'm using the same content we have for Desktop (#25695 (moved)). It is quite long for mobile reading, but I'll keep it the same for now. Some of them, are not going to be part of the first alpha like 'circuits.'
The illustrations working for the Tor Browser onboarding have desktop computers floating in those compositions. We could a) remove devices b) change them for a mobile phone. I have it noted as a review for the illustrator.
Will the onboarding work inside the browser content(2) or before the top nav load(1)? What do you think?

https://trac.torproject.org/projects/tor/attachment/ticket/25696/TBA-Onboarding%201.png https://trac.torproject.org/projects/tor/attachment/ticket/25696/TBA-Onboarding%202.png

Replying to antonela:

Hi! I worked around two options for TBA onboarding

Hi Antonela!

Thanks for the amazing work!

Notes:

I'm using the same content we have for Desktop (#25695 (moved)). It is quite long for mobile reading, but I'll keep it the same for now. Some of them, are not going to be part of the first alpha like 'circuits.'

The illustrations working for the Tor Browser onboarding have desktop computers floating in those compositions. We could a) remove devices b) change them for a mobile phone. I have it noted as a review for the illustrator.

Will the onboarding work inside the browser content(2) or before the top nav load(1)? What do you think?

It runs inside the browser content(in fact it is not a browser content[HTML], it is an android stuff).

https://trac.torproject.org/projects/tor/attachment/ticket/25696/TBA-Onboarding%201.png https://trac.torproject.org/projects/tor/attachment/ticket/25696/TBA-Onboarding%202.png

I like the TBA-Onboarding 2 because it follows the same look'n feel of the Firefox Mobile. However, as I said in the irc, they use tabs in the onboarding, should We use the same pattern?

Trac:
Cc: tbb-team, tseretni-rmd to tbb-team, tseretni-rmd, igt0, sysrqb, gk

Is the onboarding Mozilla backed extension for Desktop the same as the one for Android https://searchfox.org/mozilla-central/source/browser/extensions/onboarding ?

Trac:
Username: ProTipGuyFWIWWeLoveARMA

Firefox mobile uses https://searchfox.org/mozilla-central/source/mobile/android/base/java/org/mozilla/gecko/firstrun

Replying to ProTipGuyFWIWWeLoveARMA:

Is the onboarding Mozilla backed extension for Desktop the same as the one for Android https://searchfox.org/mozilla-central/source/browser/extensions/onboarding ?

Trac:

hey! I made an onboarding version using the current tabs https://trac.torproject.org/projects/tor/attachment/ticket/25696/TBA-Onboarding%203.png

I'm working with the content here https://pad.riseup.net/p/tba-alpha-onboarding

let me know what do you think!

Looks good to me! I went over the content as well and made some suggestions.

Trac:

Design of alpha onboarding for Tor Browser for Android

Child items ...

Activity