lightning-browser-extension
lightning-browser-extension copied to clipboard
getAlby
Onboarding flow improvements
Is your feature request related to a problem? Please describe
The onboarding flow has some flaws that we want to address with this issue.
Remove benefits page
- Users might not see the "Get started" button at the very top
- Users do not read this page
Remove progress bar
Remove the page where we ask people to send us SATS.
- Most of our users don't have any sats in their wallet
- Don't ask them to spend (will add a "fund you wallet" guide later)
Questions
- Where should we send users after they have setup their account? Should we maybe open the extension startpage?
this is the PR that removes the first welcome page: https://github.com/getAlby/lightning-browser-extension/pull/1432 @dvoroneca should that get merged?
and we need a demo page or something, the user flow should not end after the onboardig
We can direct the users to the following materials:
- How to top up your account manual in GitBooks
- How to top up your account landing page with a link to GitBooks article with all the manuals
- A list of places where they can use the wallet.
If we could know if they have connected an existing wallet with Bitcoin on it it would be perfect to show what they can do with it. And if we see that the wallet is empty we would show how to top up or how to connect to earn.
But for the purpose of this update we should decide wether we show show either landing or the GitBooks. What do you guys think?
I really like the idea of having contextual contents (top up when wallet balance is 0)! 💯
So for this issue we would at least need the designs for those buttons in the extension popup and how that should look like on the websites screen:
- We could remove the "Your Websites" section completely if there are none
- Rename "Other Websites" to something more recognizable like "⚡ Lightning Apps on the web"
- Create a new section where we educate users about how to fund their account
I'd go for the gitbook for now as we already have them and don't need to invent / build anything new on the website. I could think of a comprehensive guide here:
https://app.gitbook.com/o/uiUeRqI074apbV0PWsyf/s/Fc98arDakfIy96P4JqRN/
Contents should contain:
- Buy (new users)
- Fund wallet with on-chain
- Fund wallet with lightning
- Earn bitcoin (maybe a link to some other site)
/cc @MoritzKa
The idea of the demo page was to guide the user through the functionality and allow them to use and learn it.
Johns had done some journey mapping on this before, and I think it is important to guide the user through the journey and make sure that there is no dead-end.
@bumi There should definitely be no dead end. We could take it to our extension start page ("websites") where they will see some "fund your wallet" content. (if they have no funds in it)
The idea of the demo page was to guide the user through the functionality and allow them to use and learn it.
The problem I see here is that it's not an interactive tutorial where they would actually work with the extension (also they have never seen the extension UI before and can't really imagine how that would work) The only action they can really try with Alby is the button at the very bottom of the page which most of the new users can't use because they have no funds. 😕
The problem I see here is that it's not an interactive tutorial where they would actually work with the extension (also they have never seen the extension UI before and can't really imagine how that would work) The only action they can really try with Alby is the button at the very bottom of the page which most of the new users can't use because they have no funds.
sure, that page like it is currently is shit. I mean I made it in no time...and for sure it would be good to have something interactive. but here is the general problem that we have to work on: how do we ship things fast? having something tomorrow is better than having something in a month. So what is the first step to improve?
If we don't have the topup page ready we could tackle the first 2 points from the original issue (Remove benefits page and remove progress bar) and add remove the "Try now" page / add the conditional buttons in a separate step.
we can just create a top up page. the most simple version is a page with text...
Tasks:
- Remove "progress bar"
- Remove "benefits page" -> So we start at "password", yes?
- Remove last page and go directly to "Websites"
- Improve content for empty "your websites"
- New headline for "Other websites"
- Banner for "topup guide"
Adding this information here for further discussion:
- Add a "Pin extension" screen to onboarding
- Add a link to getalby.com for getalby.com users (where they can login with the extension and can use it for the first time)
- The onboarding flow could continue from there (lighting address, tipping site, etc)
/cc @dvoroneca
Welcome designs can be found here: https://github.com/getAlby/getalby.com/issues/231#issuecomment-1282236973
hello, sup? Do you guys have any Figma doc open to the community to add suggestions? I did the onboarding today again after some time ago, and there is a lot of improvement, -Congrats- but some room for little improvements according to your needs and who is your user persona o target audience.
Hey @dulcedu! Thanks for your feedback, we're glad you like the recent changes.
For design-related discussions it might be good to connect on the bitcoin.design slack. We're hanging out in the #lightning-browser-extension channel. Feel free to say hi there and let's discuss what we could improve further in the onboarding! Looking forward to hear from you!
@dulcedu Here is a file with onboarding designs that were implemented lately - we highly appreciate your suggestions!
