Beginner's walkthrough when installing Bonjourr for the first time

[morceaudebois]

Here's a feature we had in the very early days we're thinking of bringing back: a guided tour for new users. It would explain very basic features and invite people to customize a little.

At first it would take the shape of an unobtrusive popup/notification in the bottom left corner that would welcome users and suggest them to click on it if they need a tour. If the user doesn't interact with it after five tabs, it goes away, this way the current minimalist flow stays intact.

Then it could take one of two forms:

• Something like Shepherd.js that opens the settings automatically and highlights how some of them works.
• A full on modal window like we did in the past.

The settings I think make sense to explain are the following:

• How to create a few quick links and import them. Maybe allow the user to import Google Apps right away if they're using Chrome.
• Ask the user's name to personalize the welcome message.
• Maybe change the backgrounds/blur, this will depend on how our new background features are implemented.
• Maybe choose between a monochrome and regular favicon (as mentioned in Use a Monochrome icon as the default favicon #543).

For fun I went back to a really old version to see how we did it back then:

old-welcome-modal.mp4

I think the idea would be very similar if we go the modal route, just updated and more refined! Food for thoughts 🧠

[victrme]

With this type of modal, maybe we could have all the startup settings on the same page instead of clicking "Next" every time. It would be like a mini version of the settings menu, with dropdowns.

What I'm thinking is that it would not appear on first startup, but there would be a notification at the top of the settings menu like the supporters icon. If the user clicks on the notification, it could be either this modal, or a guide like shepherd.js !