Introduce new user tour or tutorial guide

[matrixbot]

Created by @ matthew:matrix.org.

[ara4n]

First time you launch the app, we could do a transparent overlay-with-arrows-and-labels to spell out where everything is.

[maxigaz]

Some ideas that could be used when implementing this:

• Rather than showing it automatically, there could be a text saying "New to Riot? Click here for a quick tour.” at the top of the screen, right next to the text about using Riot as a guest and registering. This way, it remains unobtrusive, which might be especially useful to people who keep switching devices or use a computer where all the browsing settings and cookies are deleted upon logging out (e.g. on a library computer or running a Linux-based distro from a live USB).
• It could highlight one specific area at a time (e.g. all the buttons in the upper right corner) and the user could click on a button labelled “Continue” after he/she has read the description about the elements.
• Even though it’s less likely, some people may want to be able to re-enable the tour guide. So, at the end of the quick tour, a message could mention that it can be re-enabled in the settings. Or, even better, it could show a link to a full tutorial or user’s manual, where the user can read about the features in more detail.

[eNkKVS4HxHc9jaq]

Based on common practice in other apps I'd recommend implementing a ”skip tour“ button for veteran users instead of new users (which had never used the app before) to click a button just to launch an introduction.

[uhoreg]

@ara4n, is this fixed by riotbot?

[ara4n]

we still have a plan to add a joyride style tour in addition to riotbot.

[ara4n]

this is a bit less urgent now though.

[MTRNord]

In combination with element-hq/element-web#5869 I had the Idea of having a tour in new rooms like @ara4n in a way suggested already. Means when starting a new Chat and before the first lets say 5 messages/events happened we could show a "overlay-with-arrows-and-labels" in the background of the Room instead of dropping the user in a blank User. For example it could look like this:

Of course the Text Size etc. is way too big :) But I personaly like the Bulletpoints split to sections

[daniellekirkwood]

I think this belongs in Meta & Discussions. I'll move it.