Assurez-vous que les utilisateurs sachent qu'un aperçu est en cours de génération sous le panneau

Je suis en train d’accueillir de nouveaux utilisateurs sur notre site Discourse et je note comment ils interagissent et où ils rencontrent des difficultés.

Un problème majeur que j’ai remarqué est que les nouveaux utilisateurs manquent facilement le fait qu’un aperçu de leur publication est généré à droite de la fenêtre de rédaction, car il est complètement masqué par le panneau éducatif / jaune.


[Description de l’image : Capture d’écran de la situation décrite ci-dessus.]

Pour les personnes nouvelles en markdown, quelque chose comme
![Capture d'écran de Google Chrome (10-13-20, 2-49-45 PM)|690x197](upload://3OvVqVJ86INccIlpsOKv6ZbE98a.png)

ou

[Écrire comment nous communiquons FAQ](https://hub.youthpowercoalition.org/t/write-how-we-communicate-faq/451/2)

surtout lorsqu’il est copié depuis un autre texte, semble vraiment étrange et ne donne pas l’impression intuitive que cela fonctionnera, car l’aperçu n’est pas affiché. Ma nouvelle utilisatrice a copié quelque chose, puis a immédiatement commencé à supprimer des éléments comme les * dans *texte en gras*. Elle n’a jamais cliqué sur échappement pour fermer le texte d’aide et découvrir que les caractères étranges produisaient en réalité la publication qu’elle souhaitait.

Donc, d’un point de vue UX, je pense qu’il devrait y avoir quelque chose qui rende évident qu’un aperçu EST généré et que le texte d’aide peut être fermé. Ce n’est pas assez évident pour l’instant.

12 « J'aime »

Je taggue @tobiaseigen car nous avons lancé cette conversation en dehors de Meta.

Voici la réponse initiale de Tobias :

Je n’avais pas réalisé que cela ne disparaissait pas tout seul, car j’utilise systématiquement le X pour le fermer. Si les gens ne réalisent pas qu’on peut le fermer et ne le ferment pas, alors la fonctionnalité de composition risque effectivement d’être très confuse et difficile à utiliser. Si vous pouviez répondre à How to disable the yellow panels for first two posts? avec ce retour, nous pourrions travailler à son amélioration. Une idée que j’ai serait d’ajouter un bouton de fermeture sur la fenêtre contextuelle et d’interdire la saisie tant qu’elle n’a pas été fermée ? Ou de la fermer automatiquement après un court délai ?

Quelles sont vos idées ?

5 « J'aime »

Que diriez-vous de le positionner horizontalement au-dessus des volets de modification et d’aperçu, plutôt que directement au-dessus du volet d’aperçu ?

5 « J'aime »

Peut-être un peu de transparence pour l’arrière-plan du panneau ?
Je placerais aussi un bouton (un autre ?) Esc x sur le côté gauche du panneau, celui de droite, l’emplacement habituel, est vraiment loin de l’action « œil » :grin:

1 « J'aime »

Voici un excellent article sur les solutions potentielles !

https://medium.com/tap-to-dismiss/tap-to-dismiss-fbc66bdf500a

Pourrait-il s’agir plutôt d’une fenêtre modale qui s’ouvre depuis le bas ?


[Description de l’image : Capture d’écran de l’article montrant ce que j’ai décrit ci-dessus]

Je me demande à ce sujet, car je pense qu’il existe de nombreux endroits où des croix sont placées en haut à droite. Ce que je souhaiterais, c’est que le x et le raccourci esc soient d’une couleur beaucoup plus sombre et que le x corresponde à cette icône de croix dans un cercle à laquelle je suis habitué. Voir l’article ci-dessus.

2 « J'aime »

J’aime l’idée que cela émerge du bas.

3 « J'aime »

Je ne suis pas sûr de savoir à quel point c’est un problème important, car

  • il y a un bouton de fermeture très clair et le texte « Échap » dans la zone supérieure droite traditionnelle de l’élément d’interface utilisateur

  • cela n’apparaît que pour vos deux premiers messages (et vos deux premiers sujets, si vous créez des sujets), de toute façon

Tu as raison, ce n’est objectivement pas un gros problème, mais je peux témoigner que dans certains cas rares où les utilisateurs ne sont vraiment pas habitués à… aucune interface utilisateur du tout, tout devient un obstacle majeur sur la route pour arriver à écrire quelque chose. La subtilité même de Discourse, que nous aimons tous, peut être perçue comme effrayante. Je sais que mon cas est marginal, mais j’ai dû convaincre certains de mes utilisateurs de passer directement du papier et du crayon à Discourse, sans passer par la case départ ! Donc oui, ce panneau représentait une friction (minime).
Je pense qu’un éditeur en deux parties est un concept assez difficile (relativement bien sûr) à appréhender ; le panneau « obscurcit » un peu la première impression (en masquant uniquement la partie droite, pendant un court moment, je suis d’accord).

Ah oui, à ce sujet :thinking: J’ai toujours trouvé étrange de voir encore ce panneau, en tant qu’administrateur, après des centaines de messages et de sujets, mais cela ne m’a jamais vraiment dérangé…
mais je viens de vérifier, le résumé indique que j’ai créé -313 messages ! :anguished: Un comptage négatif ?

J’ai constaté que les nouveaux utilisateurs le manquent plus souvent qu’autrement.

Les nouveaux utilisateurs sont ceux qui seront le plus confus.

2 « J'aime »

Vous supposez également que ces utilisateurs ne posteront jamais plus de deux fois. Est-ce généralement le cas dans votre communauté ?

Nous sommes une petite équipe pour le moment et nous sommes en train de refondre notre forum, d’où les tests d’intégration et d’utilisabilité en 1:1. Je ne m’inquiète donc pas pour nos utilisateurs actuels.

Je pense que vous sous-estimez l’importance de la friction pour les nouveaux utilisateurs, surtout pour les communautés qui n’existent que via un forum. Le Markdown peut sembler très intimidant pour certaines personnes. Je suis très à l’aise avec la technologie et je m’appuie encore fortement sur le panneau d’aperçu pour savoir si je suis sur la bonne voie. Les personnes qui sont découragées de poster ne se manifesteront évidemment pas comme des utilisateurs publiant plus de deux fois.

J’ai changé d’avis. Je pense qu’il vaut vraiment la peine d’essayer si déplacer le x et le Esc vers la gauche améliore l’expérience des utilisateurs. De plus, j’ai depuis remarqué qu’ils sont placés à gauche sur beaucoup plus de sites web que je ne le pensais.

3 « J'aime »

L’autre option consiste à désactiver complètement ce message ; ainsi, les nouveaux utilisateurs ne verraient que l’aperçu. Je pense que c’est possible dès aujourd’hui via les paramètres existants du site Discourse.

2 « J'aime »

Je vais essayer et voir ce qui se passe. Pourrais-tu m’indiquer le bon paramètre ? Je n’ai pas réussi à déterminer exactement où il se trouve.

1 « J'aime »

Je pense que c’est « éduquer jusqu’aux publications »

4 « J'aime »

Merci. J’ai modifié ce paramètre à 0 et je verrai comment cela se passe.

3 « J'aime »

Faites-le nous savoir si cela ne fonctionne pas, car je pense que c’est la solution la plus simple.

1 « J'aime »

Je peux tout à fait confirmer le problème. Je viens de passer 5 minutes à chercher une réponse et j’ai trouvé ce sujet en faisant une recherche Google.

Il est raisonnablement clair comment fermer le panneau. Mais le problème n’est pas que l’utilisateur essaie de fermer le panneau et ne parvient pas à trouver comment. Au lieu de cela, l’utilisateur ne voit aucune raison de le fermer car il ne sait pas qu’il y a quelque chose d’intéressant qui se cache derrière. Ensuite, il est submergé par la modification de la syntaxe markdown sans aperçu.

Je pense que c’est un obstacle potentiel pour les utilisateurs qui ne sont pas familiers avec les éditeurs markdown, et les premiers messages sont précisément le moment où l’apprenabilité de l’interface utilisateur compte le plus.

4 « J'aime »

Il est possible que nous puissions faire un panneau d’éducation « juste à temps » la première fois que l’utilisateur voit l’éditeur. Mais alors, c’est le but de ce panneau… il y a déjà une éducation « juste à temps » qui se déroule ici, pour éduquer les gens à être civils lorsqu’ils participent dès qu’ils commencent à taper leur première réponse :

Voici ce qu’il dit :

Bienvenue sur {sitename} – merci de votre contribution !

  • Votre réponse améliore-t-elle la conversation d’une manière ou d’une autre ?
  • Soyez aimable avec les autres membres de la communauté.
  • Les critiques constructives sont les bienvenues, mais critiquez les idées, pas les gens.

Pour en savoir plus, consultez nos directives communautaires. Ce panneau n’apparaîtra que pour vos 2 premiers messages.

C’est… des conseils très, très importants. Certains des plus critiques que nous fournissons. Maintenant, ce panneau de conseils doit être ignoré si vous indiquez « Ignorer les trucs pour nouveaux utilisateurs » lors de l’intégration initiale, comme ceci – ce paramètre a été introduit dans Discourse 2.6 fin 2020 :

Il est également disponible en tant que préférence utilisateur.

Cela dit, je ne pense pas que taper des mots, comme je le fais ici, nécessite généralement beaucoup (voire aucune) mise en forme, et les gens sont généralement à l’aise pour taper des mots dans des boîtes sur Internet de nos jours, 30 ans plus tard.

(En fait, la principale « mise en forme » dans la plupart des messages consiste à ajouter des images, ce que les gens ordinaires font sur leur téléphone et leurs appareils tous les jours ; je suppose que la grande majorité du monde comprend comment le faire, en appuyant sur le bouton « ajouter une image » dans la barre d’outils ou l’éditeur.)

2 « J'aime »

Eh bien, je viens d’un nouveau site Discourse qui remplace deux anciens sites. Nous sommes encore en train de l’ajuster et l’une des premières choses que j’ai rencontrées a été l’absence de prévisualisation. Je veux dire, chaque site sensé pour la publication de texte a une sorte de prévisualisation et j’ai cherché frénétiquement un bouton pour la révéler. J’ose dire que je suis un utilisateur expérimenté de forums, mais il m’a fallu des minutes pour avoir l’idée de fermer les panneaux jaune et bleu subséquent (sujets similaires).

Nous avons souvent des utilisateurs qui collent de longs extraits de code ou des URL mal formatées. Une prévisualisation est déjà nécessaire et surtout pour les nouveaux utilisateurs. Veuillez considérer cela comme un retour d’expérience utilisateur et non comme une idée abstraite.

Une correction (je suppose) facile consiste simplement à réduire le panneau de bienvenue à 2/3 de sa largeur pour rendre le panneau de prévisualisation sous-jacent visible. Il deviendra alors clair que la fermeture du panneau réalisera quelque chose.

5 « J'aime »