Phase 2 of onboarding

[kellective]

Context: In October 2019 we redesigned and implemented new oboarding step by step screens more focusing on setting up your account and showing the settings available.

Part 2 of improving onboarding is to introduce features. When the user is in the app for the first time we want a step by step introduction of the core features available. We would also like to potentially re-introduce the 'try it' functionality that we had where a user could jump into wikipedia and take a note.

Tasks

• [ ] Implement a step by step component
• [ ] This is dismiss-able and will stay off unless re-activated via the help menu
• [ ] In the help menu where we have 'Onboarding help' this needs to reactivate the steps here instead of reactivating the account setup steps.
• [ ] The 'try it now' feature needs some discussion. Is there something that can break with this flow if the user had set their settings in a particular way? e.g if someone deselects 'Show Highlighter when selecting text' how might we approach this.
• [ ] Update the welcome copy and design for empty state
• [ ] Do more user testing. Compare with previous tests

[kellective]

Updates:

I've created a branch where i added all of these items as styled storybook components so that it is easier for someone to pick up and implement the logic.

Seems from Slack chats that the team might prefer time or action based messaging rather than a step by step feature as proposed. The components I've made can definitely still do that just remove the ProgressSteps component and then it all looks the same.

Someone will have to decide how and when these notes appear and save that state so people don't see them again.

I've done a small bit of refactoring on the Results List where this note appears to add in the Welcome message. While i was here i turned the NoResultsBadTerm partial into a styled-component too. I noticed a bug and UX issues where with the logic surrounding the conditions of the NoResults messages. I'll add these as tasks to do to a draft PR for this i guess.