feat: Improved onboarding flow on user signup#7089
Conversation
|
A reviewer left a comment: Upon signing up there is a flash of the home screen for a second or so before landing in the canvas - I assume this is because the user is being redirected. Is it possible to have a load screen instead? Browser metadata |
|
A reviewer left a comment: The first time landing on the canvas doesn't seem to have the MVC modal: https://www.figma.com/file/Ij6Ex7GTokfI7DThsayhkU/First-time-user-onboarding-Wed-30-June-2021?node-id=356%3A4970 Browser metadata |
|
A reviewer left a comment: This is an oversight on my part - but it would be useful here to have tooltip hover state that explains why the button is disabled. E.g 'You can only create a query once you have data to query' and 'You can only connect data to widgets once you have added data, widgets and queries' Is this something we can update? Browser metadata |
28e102a to
e651f8e
Compare
|
When a item is complete the text should change from black to a lighter grey - #4B4848 Browser metadata |
|
Can we get an SVG for the illustrations instead? They are quite fuzzy Browser metadata |
|
When closing the browser by accident and then coming back to the link in the history tab my previous progress has disappeared. In the designs someone can reset the progress within the (?) button. However we should maybe introduce for this first project the step by step doesn't go away until a user completes it or dismisses it on a project. cc: @areyabhishek Browser metadata |
|
Can we use an SVG or a bigger PNG as the image is fuzzy Browser metadata |
|
Once on canvas, if you add a widget and then delete that widget the original empty state disappears, and we only have 'drag and drop a widget here' while maintaining the 'Connect a data source' in the progress tab. Should we go back to the original screen with the illustration instead? CC: @areyabhishek Browser metadata |
|
If start the welcome tour but then change your mind to end it or go back to canvas you then lose the progress bar / onboarding experience. We should keep the onboarding experience in the application until a user completes it or dismisses it. cc: @areyabhishek Browser metadata |
|
At what point do we say a query has been created? Currently it looks like we mark it as done once someone has clicked the + query button. Do we want this to be marked as done once they have run a query? What's the pros/cons of both? Browser metadata |
|
Fuzzy image but also the wrong image. Image should be as per this design: See design file: https://www.figma.com/file/Ij6Ex7GTokfI7DThsayhkU/First-time-user-onboarding-Wed-30-June-2021?node-id=356%3A4970 Browser metadata |
|
The ability to start the process again is missing, see design file: (https://www.figma.com/file/Ij6Ex7GTokfI7DThsayhkU/First-time-user-onboarding-Wed-30-June-2021?node-id=356%3A14142) Browser metadata |
|
When using the wizard to generate the page, the progress bar disappears. See design file:(https://www.figma.com/file/Ij6Ex7GTokfI7DThsayhkU/First-time-user-onboarding-Wed-30-June-2021?node-id=356%3A4970) Browser metadata |
|
Could this pop up after a longer period of inactivity? It's distracting having both this and the CTA on the canvas. Can as have it show after 2 minutes of inactivity or if they haven't moved on from the canvas? Browser metadata |
e90f404 to
596710d
Compare
rishabhsaxena
left a comment
rishabhsaxena
left a comment
There was a problem hiding this comment.
Component unit tests on point!
Mostly nitpicks and few general comments regarding using: constants/messages and theme vars for typography, colours, spaces.
Also mentioned a couple of queries
9e429ba to
83b145a
Compare
84617a4 to
061a7de
Compare
5 participants
Description
This PR introduces a new improved onboarding flow for a new user. Once user signs up, she will be taken to a newly created application with step by step onboarding flow.
Fixes #4057
Type of change
How Has This Been Tested?
Checklist:
Test coverage results 🧪
🟢 Total coverage has increased