SaFi Bank Space : FE: Create password (for onboarding)

Created by Martin Vodila (Unlicensed), last modified on Nov 03, 2022

Create password page of “sign up subflow“.

UML flows

Scenarios

  1. screen is opened and user can edit password input

  2. As user edits, strength meter is shown like this:

    1. empty password → no strength meter

    2. length under 6 → Err1

    3. not at least 2 digits → Err2

    4. not at least 2 alpha characters → Err3

    5. length is 6 or 7 → Acceptable

    6. length is 8 → Strong

  3. App navigates to next step of sub-flow (repeat password page)

Back action - navigates to “email+phone input” page (OTP page is skipped) without any confirmation prompt.

Code

Description

Handle

Err1

Too short

strength setup - tooShort

Err2

No two digits

strength setup - noTwoDigits

Err3

No two alpha characters

strength setup - noTwoAlpha

Elements

Tag

Description

Data

1

Appbar

Localization key - onboarding.signUp.appbar

2

Title

Localization key - onboarding.createPassword.text.title

3

Description

Localization key - onboarding.createPassword.text.subtitle

Info icon open “Guidelines bottom sheet“

4

Show/hide password

Localization key -

show - common.journey.passwordShow

hide - common.journey.passwordHide

5

Strength - title

Localization key:

tooShort - onboarding.createPassword.strength.tooShort.label

noTwoAlpha - onboarding.createPassword.strength.noTwoAlpha.label

noTwoDigits - onboarding.createPassword.strength.noTwoDigits.label

acceptable - onboarding.createPassword.strength.acceptable.label

strong - onboarding.createPassword.strength.strong.label

6

Strength - description

Localization key:

tooShort - onboarding.createPassword.strength.tooShort.description

noTwoAlpha - onboarding.createPassword.strength.noTwoAlpha.description

noTwoDigits - onboarding.createPassword.strength.noTwoDigits.description

acceptable - onboarding.createPassword.strength.acceptable.description

strong - onboarding.createPassword.strength.strong.description

7

Action button

Localization key - common.journey.text.continue

Action - app remembers password and pass it to repeat page

Guidelines bottom sheet

Tag

Description

Data

1

Title

Localization key - onboarding.createPassword.guidelines.title

2

Guideline 1

Localization key - onboarding.createPassword.guidelines.type1

3

Guideline 2

Localization key - onboarding.createPassword.guidelines.type2

4

Guideline 3

Localization key - onboarding.createPassword.guidelines.type3

7

Action button

Localization key - common.journey.text.close

Action - dismiss bottom sheet

Attachments:

plantuml_1662665822209.png (image/png)
plantuml_1662665822209 (text/plain)
plantuml_1662665822209.svg (image/svg+xml)
image-20221102-102514.png (image/png)
image-20221102-065420.png (image/png)
image-20221024-193612.png (image/png)
image-20221024-193454.png (image/png)
image-20221024-190008.png (image/png)
image-20220913-135822.png (image/png)
image-20221101-102121.png (image/png)
image-20221102-090522.png (image/png)
image-20221102-140453.png (image/png)
image-20221102-141602.png (image/png)
plantuml_1662665822209 (text/plain)
plantuml_1662665822209.svg (image/svg+xml)
plantuml_1662665822209.png (image/png)