Using tooltips and modals, introduce how to Stake on NEAR Web Wallet to a new user

[think-in-universe]

Description

Use tooltips and modals, to introduce to a new user how to stake, after a new account is created on NEAR Web Wallet.

Context

To help a new user understand how NEAR work as a Proof of Stake blockchain, it is important to guide them through the staking process via tooltip and letting them practice how to stake via NEAR Web Wallet UI after a new account is created.

GitHub Repository

• NEAR Web Wallet

Intended Outcome

1. Through the guided staking journey via tooltip, new users will learn why staking is beneficial and how to stake via NEAR’s web wallet UI;
2. Users will benefit from an improved on-boarding experience because they will learn how the wallet works when they join. This guides workflow will also be extended to other tabs such as Wallet and Account if necessary.

How will it work

1. A URL parameter such as guide, will be used to indicate that the account creation process requires a guided tour after the account is successfully created, e.g. https://wallet.near.org/create/:fundingContract/:fundingKey?guide=staking . There could be multiple types of guide such as staking, transfer, account, etc. But in this feature, we only need to implement staking UI workflow
2. Tools like https://www.trychameleon.com/tours (or any other feasible solutions or libraries) could be used to integrate the education process into the wallet UI.
3. Users could receive some extra rewards and incentives, after they complete the staking process

Staking UI Workflow

The guided steps of staking can be found in this document

Acceptance Criteria

• Submit a PR that incorporates the guided staking workflow into the NEAR Web Wallet;
• The users need to spend less than 3 minutes understanding why staking is helpful and how to stake $NEAR in wallet UI;
• The performance of the web wallet (e.g. page loading time) doesn’t decrease after merging the new feature.
• The user experience of the guided staking process is intuitive and smooth.

Deadline

A valid PR should be submitted before 12:00 PM, Apr 30th, UTC.

Bounty

$500 USD in NEAR or DAI

[duythien0912]

Hi, @think-in-universe I can do it can you assign it to me 🙌

[cameron-NEAR]

Hey @duythien0912, it's assigned and you seem like a great fit!

Do you have an idea of when the bounty will be completed?

[think-in-universe]

@duythien0912 nice, thanks for your interest!

Here is some update for this bounty.

Based on our recent review, we may want to hold on adding the tooltip into wallet directly as mentioned in this bounty.

Instead, we plan to convert this bounty into a standalone staking app similar to this one https://staking.dokia.cloud/staking/near/validators, but with UI that also educates users why and how to stake with $NEAR as described here.

Are you interested to help?

We may need a bit time to finalize the UI design of the standalone Staking app, but we'd encourage contributors to make their own design and build a really cool Staking experience for new users of NEAR. Please let me know if you have any questions or thoughts on this project.

[cameron-NEAR]

Hey @duythien0912, did you get a chance to read @think-in-universe's message about the change of scope? If so, are you still interested? If not, I will unassign you and create a new bounty for the new proposal

[duythien0912]

@cameron-NEAR
I am currently unable to schedule a job to do this task. So I already unassign myself. Sorry because can't tell you earlier

[ducviet00]

@duythien0912 nice, thanks for your interest!

Here is some update for this bounty.

Based on our recent review, we may want to hold on adding the tooltip into wallet directly as mentioned in this bounty.

Instead, we plan to convert this bounty into a standalone staking app similar to this one https://staking.dokia.cloud/staking/near/validators, but with UI that also educates users why and how to stake with $NEAR as described here.

Are you interested to help?

We may need a bit time to finalize the UI design of the standalone Staking app, but we'd encourage contributors to make their own design and build a really cool Staking experience for new users of NEAR. Please let me know if you have any questions or thoughts on this project.

Hi, do I make a UI design or you have made one?
If you want to make a standalone staking app, can you increase the bounty?

[alikonuk1]

Hey, is this still on going

[uplaw]

@cameron-NEAR @think-in-universe Since it seems like is is unavailable at the moment, you can assign the task to me. Thank you.

[alikonuk1]

I am also still available