Onboarding tutorial on first use of chat

On the first use of chat (mostly for students, but ok if for everyone): 2 short messages (in a modal or popup or onboarding tutorial kind of way):

• OK to make mistakes: C'est normal (et c'est utile) de faire des erreurs. N'hésitez pas écrire même avec beaucoup d'erreurs.
• Do not use tool to translate sentences in full. OK to find a word or an expression, but not a full message: Ne traduisez pas à partir de votre langue première. Si vous ne savez pas comment dire quelque chose, vous pouvez utiliser un dictionnaire (Linguee...) ou une app (Deepl) pour traduire un mot ou une expression, mais ne traduisez pas vos messages en entier. Ce n'est pas optimal pour votre apprentissage.

Also possible, if typical tutorial onboarding:

• Show where to write: "Écrivez 'Bonjour' ici"
• You can edit your messages if you made a mistake
• Your tutor can signal mistakes in messages if they want
• Recommend to put target language as display language

added 1 deleted label

changed the description

changed title from student: Tutorial on first use of chat to Onboarding tutorial on first use of chat

created branch 61-student-tutorial-on-first-use-of-chat to address this issue

changed the description

assigned to @bridubois

changed milestone to %0.1: Basic test & chat ready

changed milestone to %0.2: Essential functions ready & corrective feedback

changed milestone to %0.3: Improved User Experience

added To do label and removed 1 deleted label

added UX label

changed milestone to %0.3: Improved User Experience

unassigned @bridubois

I though about it, and saw some libraries to do that. But ultimately, as we also want to show interactive things such as the underline feature, it requires more than a box moving around. Maybe we could have a introductive video rather than a full on-boarding experience? What is your opinion?

Yes, good idea. Probably better not to complexify too much. A quick video would be a good option.

But for now, let's do even simpler: a simple modal that appears on first use with the two messages above (as bullet points, for instance). In the future, a video can complement the text of the modal.

added Open for discussion label and removed To do label