Création/modification d'un post sur mobile : discutons de l'expérience Discourse 2026

Discourse est censé être conçu en priorité pour le mobile (bien que mon expérience m’ait prouvé le contraire à plusieurs reprises) : cela est indiqué ici et ici.

Mais au fil des ans, Discourse a également ajouté de plus en plus de fonctionnalités (souvent utiles !).

Il est un peu difficile de trouver une capture d’écran de l’apparence du compositeur mobile il y a 10 ans, mais il en existe une ici, fournie par @codinghorror sur un iPhone 5 :

Voici à quoi cela ressemble aujourd’hui (j’ai volontairement ajouté du contenu dans la zone de texte, car l’ajout de contenu fait apparaître de nouvelles icônes et fonctionnalités à l’écran… :sparkles:)

Cela semble écrasant. Il y a l’icône en haut à gauche qui change selon que je crée, modifie ou fais autre chose.
Il y a une icône dont le but m’échappe, car je n’ai jamais essayé de cliquer dessus (déclenche-t-elle une fonction ou affiche-t-elle un infobulle ?).
Il y a l’icône , dont je ne sais pas non plus ce qu’elle fait. Je connais les deux autres icônes sur la même ligne et je les utilise de temps en temps :slight_smile:

En tout cas, la toute première ligne de ce que nous voyons lors de la création d’un sujet contient du texte et 5 icônes différentes, dont certaines sont un peu cryptiques jusqu’à ce qu’on les essaye (je suppose).


Ensuite, il y a les champs :sheaf_of_rice::sheaf_of_rice::sheaf_of_rice:.

Le sélecteur de catégorie étroit peut à peine contenir un nom de catégorie parente court. Les catégories enfants seront presque toujours tronquées ou simplement hors de vue.
Les deux champs alourdissent encore plus le contenu car ils contiennent :

  • l’icône ou le point de catégorie,
  • une icône ou ,
  • et une icône .

Ensuite, le compositeur qui affiche de force la barre d’outils.

Je ne pense pas qu’on puisse l’activer ou la désactiver ? Quoi qu’il en soit, une barre d’outils est certainement utile. On peut faire défiler horizontalement pour révéler plus d’options de mise en forme, et je pense que vous manquerez cette fonctionnalité si vous ne la connaissez pas déjà (l’indication en dégradé est trop subtile).

Avoir le bascule enrichi/markdown comme la toute première icône (et la plus large, et la seule colorée) de la barre d’outils semble être un choix étrange. Je suis plus susceptible d’utiliser le gras ou l’italique que d’alterner constamment entre les deux éditeurs.

Enfin, sur la dernière ligne, nous avons des options qui ont du sens.

Mais, encore une fois, il y a du texte et 5 autres icônes, mais je n’ai pas grand-chose à redire à leur sujet… Sauf peut-être l’option Gif. De nombreux claviers de smartphones proposent une recherche de Gif. Elle pourrait être supprimée ou déplacée dans la barre d’outils.

Je ne connais rien au design, donc je ne vais pas essayer de suggérer des améliorations, je partage simplement mon expérience, ce que je vois lorsque je crée un sujet, et surtout, quelle quantité d’informations mon cerveau doit traiter. Et je dois dire qu’il y a un peu trop à voir et à traiter.

J’aimerais que la mise en page soit plus épurée, avec moins d’icônes et de fonctionnalités superflues, et davantage centrée sur la tâche que nous demandons : écrire du contenu, publier du contenu, être heureux.

4 « J'aime »

L’expérience est horrible sur iPhone et iPad. Je ne sais même pas par où commencer. Impossible de télécharger une image la moitié du temps, les menus déroulants ne s’affichent pas correctement ou sont hors de l’écran, et l’éditeur se fige. J’utilise le mobile uniquement pour la lecture et les publications basiques, car toute autre chose devient un casse-tête.

3 « J'aime »

Il est difficile de s’y retrouver car la plupart de ces fonctionnalités ont été ajoutées par nécessité ou à la demande… mais il est utile de prendre du recul pour voir ce que tout cela représente.

Il existe certainement des moyens de simplifier, et nous ne contestons aucun des commentaires ici, mais Meta représente un peu le pire des scénarios où nous testons absolument tout… l’option par défaut est au moins un peu plus calme. L’IA, les traductions et les GIF sont tous désactivés.

Pour rester sur une voie actionnable, que devrions-nous retirer de cette expérience par défaut ?

Voici quelques possibilités que je vois :

  • L’icône hamburger pour afficher/masquer la barre d’outils… devrions-nous toujours afficher la barre d’outils si votre appareil dépasse une certaine taille, afin de pouvoir supprimer l’interrupteur ? (nous devons le rendre basculable sur les très petits appareils, car sinon le compositeur est parfois limité à une seule ligne de texte)

  • Je sais que x signifie fermer et :wastebasket: signifie supprimer… mais ils semblent certainement relever du même domaine fonctionnel. Nous en avions un seul et demandions de sauvegarder un brouillon via une fenêtre modale… ce compromis valait-il la peine d’avoir moins de boutons ici ?

  • Peut-on réduire la saisie des tags en un bouton plus petit et ne l’étendre qu’au tapotement et lorsque des tags sont présents ?

Cela commence-t-il à orienter les choses dans la bonne direction ? Y a-t-il davantage à retirer ?

2 « J'aime »

balisage - toucher un endroit aléatoire pour fermer un menu ne semble pas intuitif.

1 « J'aime »

Je trouve que l’UX visuelle en elle-même est correcte — je me soucie moins de l’UX que de la fonctionnalité réelle. Si je clique sur le bouton de réponse, je ne m’attends pas à ce que le champ de saisie se bloque et ne réponde plus. Si je veux utiliser un menu déroulant pour sélectionner des utilisateurs ou des groupes, si je veux télécharger un fichier, ou si je sélectionne du texte pour le citer, je m’attends à pouvoir le faire sans avoir à tourner l’écran ou à passer à mon ordinateur de bureau.

1 « J'aime »

Je suis d’accord, l’UX mobile n’est vraiment pas terrible. Nous avons beaucoup de choses en cours…

Je sais que @chapoi avait partagé avec moi l’année dernière quelques idées pour rendre cette expérience mobile beaucoup plus épurée.


En ce qui concerne les retours, j’aimerais partager quelque chose avec vous, mais vous êtes libres de l’accepter ou de l’ignorer.

« L’expérience est horrible » venant d’un utilisateur assidu de Discourse me semble un peu peu utile. Je ne veux pas faire le policier des mots ici, mais je propose quelques conseils pour formuler des retours.

Je pense que le message de canapin est un bon exemple de la manière de donner un retour produit sans utiliser de termes excessivement descriptifs et émotionnels.

Qu’est-ce qui est spécifiquement « horrible » pour vous ?

J’ai donné une présentation sur la discussion autour du design à laquelle j’aime revenir de temps en temps. (Je ne m’en attribue pas le mérite, c’est simplement une présentation avec des informations tirées d’un livre :smiley:)

Je me demande si ce serait utile de la parcourir. Qu’en pensez-vous ?

Discussing-Design-Printable.pdf (7,6 Mo)

2 « J'aime »

Désolé si les mots forts ont blessé. Mais l’expérience est médiocre et souvent frustrante, donc ce sentiment reste valable. Je ne pense même pas que ce soit vraiment une question de Discourse, c’est beaucoup lié à iOS. Si vous le considérez comme une offense envers vous ou Discourse, ce n’est pas le cas. Je sais, en créant des composants et en personnalisant moi-même, à quel point il est difficile d’accommoder le mobile en général aujourd’hui.

3 « J'aime »

Cela me rappelle ce rapport de bug :

2 « J'aime »

C’est un bon point ! C’est la vitrine principale du logiciel.

En tant que nouvel utilisateur inscrit (bonjour à @Canapin2), voici à quoi cela ressemble sur mobile :

C’est mieux, bien sûr, mais cela pourrait être encore mieux. C’est toujours un peu intimidant. En tant que nouvel utilisateur, je pense que je serais très perplexe devant la première rangée d’icônes ; je ne comprendrais que le ×.

Je ne peux pas répondre à toutes les questions ouvertes de votre publication, mais j’aime beaucoup votre capture d’écran, en particulier la petite partie des tags.

Dans l’ensemble, j’aime l’élégance et la façon dont le compositeur respire enfin. Je juge simplement l’apparence, sans vraiment réfléchir aux fonctionnalités perdues. Ma première impression est : « c’est la complexité apparente maximale que le compositeur devrait afficher ».

3 « J'aime »

Deux choses que je trouve difficiles : assez souvent, les boutons cessent de fonctionner (fermer et rouvrir l’application hub résout le problème) et parfois, cliquer sur une zone de texte fait disparaître celle-ci de l’écran (abandonner l’idée et s’asseoir devant le bureau est la solution pour cela). iPhone 11.

1 « J'aime »

Je précise peut-être que je n’ai jamais utilisé l’application, donc mon expérience de Discourse sur mobile provient uniquement du navigateur de mon smartphone.

2 « J'aime »

C’était il y a un moment, donc je ne peux pas en être certain, mais je pense que j’ai basculé vers l’application car elle était meilleure.

OK i was pretty critical so i also want to “boost” (figuratively lol) the design/development improvement on mobile that i don’t think gets enough praise or attention: the deprecation of /mobile and /desktop folder paths for the views.

at first i was skeptical and even a bit annoyed, but it did not take me long to like it better. this was a great and much needed change IMO. i think i recall Moin scolding me for not liking it at first lol. but, yea, thank you for that because i love that i can target all viewport sizes in one code file, including tablet size specifically. :clap:

1 « J'aime »