Skip to content
This repository has been archived by the owner on May 10, 2024. It is now read-only.

Add basic user onboarding experience. #1416

Closed
iccub opened this issue Aug 20, 2019 · 2 comments
Closed

Add basic user onboarding experience. #1416

iccub opened this issue Aug 20, 2019 · 2 comments

Comments

@iccub
Copy link
Contributor

iccub commented Aug 20, 2019

Description

Make a new onboarding experience for iOS.
Product spec: https://docs.google.com/document/d/1osrM-ljPmGtuV0igBcbtrG1GVXthBs1AnVNODFFv9rQ/edit?ts=5cfed804&pli=1

Designs

iPhone

loading
ios 1
ios 2 r1

iPad

12 9″ iPad Pro - screen 1
12 9″ iPad Pro - screen 2 r1

Animated transitions between screens

  1. Loading --> Search engine screen
    loading
    higher res video version: loading.mp4.zip

  2. General transitions between screens
    When the white panel changes heights between screens, the height change and content should be animated for a smooth transition, for example (this is on Android):
    welcome transition out

Animation breakdown: the content in the white panel fades out: start Opacity: 1, end Opacity: 1, duration 0.2s. The white bg resizes starting at T=0.1s to the appropriate height for the next screen, duration 0.3s. The illustration and new text content fades in starting at T=0.3s: start Opacity: 0, end Opacity: 1, duration: 0.4s.

Assets

Grab the assets:
Search engine screen PNGs
png assets.zip

Shields screen motion graphic
shields.zip

Abstract link for more CSS and plain text: https://share.goabstract.com/bdad6a90-59ac-4735-ba48-673024c9c22e?sha=7f7b11dedded4529e4ce533acba202c280094a17

@iccub iccub self-assigned this Aug 20, 2019
iccub added a commit to iccub/brave-ios that referenced this issue Aug 20, 2019
iccub added a commit to iccub/brave-ios that referenced this issue Aug 20, 2019
iccub added a commit to iccub/brave-ios that referenced this issue Aug 20, 2019
iccub added a commit to iccub/brave-ios that referenced this issue Aug 21, 2019
@karenkliu
Copy link

@iccub Design specs added for you!

@srirambv
Copy link
Contributor

srirambv commented Sep 7, 2019

Verification passed on iPhone XR with iOS 13.1 running 1.12(19.09.06.17)

  • Verified onboarding flow is shown on a clean install
  • Verified SE changes made in onboarding is retained
    iOS_Onboarding.zip

Verification PASSED on iPad Air 3rd Generation iOS 13.1 running 1.12 (19.09.10.18):

  • Verified that the onboarding experience specified under Add basic user onboarding experience. #1416 (comment) works as expected
  • Verified that tapping on Skip correctly closes the onboarding modal
  • Ensured that the onboarding experience doesn't reappear when relaunching Brave
  • Ensured that the selected SE becomes default for both Standard & Private Tabs
  • Ensured that the animations are smooth and not janky

Verification passed on iPhone 7+ with iOS 12.4.1 running 1.12(19.09.13.06)

  • Verified onboarding flow is shown on a clean install
  • Verified SE changes made in onboarding is retained

# for free to subscribe to this conversation on GitHub. Already have an account? #.
Projects
None yet
Development

No branches or pull requests

5 participants