Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Launcher updates #3614

Closed
MariaPleshkova opened this issue Dec 15, 2021 · 1 comment · Fixed by #3690
Closed

Launcher updates #3614

MariaPleshkova opened this issue Dec 15, 2021 · 1 comment · Fixed by #3690

Comments

@MariaPleshkova
Copy link

Link to the Figma page with the updated views:
https://www.figma.com/file/EanUbqJmPs8EMqY26j9zwo/?node-id=2675%3A8911

1. Reorganized the very first page (when there are no existing wallets):
image

  • Now there are 3 long rectangle buttons: Create a New Wallet, Restore an Existing Wallet and Setup a Trezor Wallet;
  • Edit option is not displayed (because there are no wallets exist);
  • Removed the progress bar;
  • Added the section of tutorial cards;
  • Learn the Basics button was joined the links on the top right corner (Learn the Basics, Release Info, Settings, Logs);

2. If we click on a tutorial(onboarding) card, the similar view as in Tutorials within an existing wallet will be opened:
image

To go back we have to click on the arrow (same as in Tutorials). Mind to show a tooltip on hover:
image

3. The view when some wallets added (e.g. 5 wallets):
image

  • long rectangle buttons (Create a New Wallet, Restore an Existing Wallet and Setup a Trezor Wallet) were moved above existing wallets (top right) and reshaped into small square buttons with just icons inside + also Edit button was added there.
    On hover they have to stretch to the full width and show the full title:
    image

  • Wallet cards have been also redesigned. We were trying to make them more distinctive and informative. Since the last major updates, there's a fair bit of functionality that can be tied to each Wallet (Privacy, LN, Trezor, etc). This information is now displayed via icons with tooltips on hover within each and every wallet:
    image

Also there was a pretty old feature idea to make wallets visually distinctive in case the user has not properly named them, so we added a gradient line to the left side of each wallet card.
Created a palette of gradients that can be used for this purpose ( 11 gradients should be enough for regular Decrediton users, but for extra cases it would be more logical to build a simple procedural script rather than manually draw a whole lot of new appropriate not repeated gradients. So there's something to think about)
Link to the gradients: https://www.figma.com/file/EanUbqJmPs8EMqY26j9zwo/decred---piui---decrediton?node-id=3057%3A12572
image

  • Learn about Decred section with onboarding content is also there

4. When clicked on a wallet, launching is in the process
image

  • Onboarding content section is on the full page;

  • The loader element fixed into bottom of the view;

  • Progress bar is made significantly smaller, the horizontally moving box animation can be removed as it becomes obsolete at this small size;

  • SPV on/off icon placed next to the loader status icon (the animated one). On hover show tooltip message;

  • Wallet name, what is being launched, added;

  • Added option to cancel loading
    ( Ie. user clicks on a wrong wallet with SPV disabled, rather than manually close Decrediton, can return to wallet selection and change to a different wallet):
    image

  • Added Open Wallet button instead of Cancel Loading when the wallet is launched and ready to be opened
    (in case when a user started reading onboarding cards. It can be quite annoying if the thing you are currently reading will be suddenly closed in the middle of the process).
    image

Also need to add an Option ticker in the settings with "Launch wallet immediately after loading completes" (describing it in the Settings update gh issue #3613 ) and show a modal after the very first clicking on the Open Wallet button (after the very first launch) with the similar copy and a check box with save button and also with a note like "you can change this later in Settings" to make users aware of this feature at all:
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants