status-im / status-desktop

Status Desktop client made in Nim & QML
https://status.app
Mozilla Public License 2.0
303 stars 79 forks source link

Onboarding: Start fresh - 6. Beta modal #16701

Open glitchminer opened 3 weeks ago

glitchminer commented 3 weeks ago

Onboarding screen 6 - Welcome to Status Desktop Beta Screen

1. Figma

https://www.figma.com/design/Lw4nPYQcZOPOwTgETiiIYo/Desktop-Onboarding-Redesign?node-id=281-25537&m=dev

2. Screen Description

This screen is part of the onboarding flow for the Status Desktop Beta. It informs users of the current limitations and advisory notices for using the beta version of Status Desktop. Users must acknowledge the risks before proceeding.

3. Trigger

This screen is shown after the user completes the Enable Biometrics screen.

4. Screen Components and Modals

Component ID Component name Component description Actions
C1 Beta Advisory Title Displays "Welcome to Status Desktop Beta" at the top of the modal. No
C2 Wallet Advisory Section Advises users not to use real funds or accounts containing tokens of value. No
C3 Status Desktop Advisory List Lists current limitations and potential issues with the beta version. No
C4 Acknowledgement Checkbox Checkbox for users to confirm they understand the risks. Yes
C5 Confirm Beta Usage Button Main action button labeled "I'm ready to use Status Desktop Beta." Yes

5. Actions

Action ID Component ID Action Description Expected Outcome
A1 C4 Check "I’ve read the above and understand the risks" checkbox Enables the "I'm ready to use Status Desktop Beta" button.
A2 C5 Click "I'm ready to use Status Desktop Beta" button Closes the advisory modal and enters the main wallet screen.

6. Standard properties and behaviours

Note: Refer to Figma for definitive styling and positioning.

C1 Beta Advisory Title

Property ID Value
text "Welcome to Status Desktop Beta"

C2 Wallet Advisory Section

Property ID Value
text "Wallet advisory: Don’t use real funds or accounts that contain tokens of value"

C3 Status Desktop Advisory List

Properties Property ID Value
list-item-1 "Is incompatible with Status Mobile versions 1.x"
list-item-2 "May break or stop working without warning"
list-item-3 "Communities may be broken by future releases"
list-item-4 "Currently consumes large amounts of bandwidth"
footer-text "We are working to fix all these issues ASAP."

C4 Acknowledgement Checkbox

Properties Property ID Value
label "I’ve read the above and understand the risks"
default-state Unchecked
Behaviour Behaviour ID Trigger Expected outcome
C4B1 User checks the checkbox Checkbox is checked, enabling the confirm button
C4B2 User unchecks the checkbox Checkbox is unchecked, disabling the confirm button

C5 Confirm Beta Usage Button

Properties Property ID Value
text "I'm ready to use Status Desktop Beta"
default-state Disabled
style Blue background with white text, rounded corners
Behaviour Behaviour ID Trigger Expected outcome
C5B1 Enabled when checkbox is checked Button becomes clickable and enabled
C5B2 Disabled when checkbox is unchecked Button is not clickable and disabled