Objectifs
Nous avons progressivement introduit des ajustements préparatoires, tels que le déplacement du bouton de prévisualisation, l’intégration des suggestions IA, l’ajout des GIFs dans la barre d’outils, et nous sommes désormais prêts à tester le changement plus important, disponible en tant que modification expérimentale à venir.
Nos principaux objectifs sont :
-
Mettre à jour le rédacteur de messages (composer) en accord avec nos modifications générales visant à moderniser notre apparence et notre ergonomie.
-
Améliorer l’expérience de rédaction sur mobile.
Nous serions ravis de compter sur votre aide pour le tester avant qu’il ne progresse davantage.
Comment le tester
- Rendez-vous dans Admin → Modifications à venir à l’adresse
/admin/config/upcoming-changes - Trouvez Refonte du rédacteur et activez-le
- Ouvrez le rédacteur (réponse, nouveau sujet ou nouveau message) et testez-le sur desktop et mobile.
Vous pouvez le désactiver à tout moment depuis le même emplacement. Ici sur Meta, vous pouvez rejoindre le nouveau groupe de test composer-testers.
Nous avons particulièrement besoin de retours de la part des personnes utilisant des composants de thème ou des plugins qui personnalisent le rédacteur — cette refonte modifie légèrement la structure du rédacteur, pas seulement son style. Plus de détails ci-dessous.
Les changements
Mise en page & structure
Général
- Le titre a été intégré au contenu, ce qui lui donne l’apparence d’un titre de document (les utilisateurs de Notion trouveront cela familier)
- La barre d’outils a été déplacée en bas. Cela nécessitera un petit ajustement de la mémoire musculaire (cela m’a aussi irrité les premiers jours
) - Entrées de catégorie et de tag retravaillées (incluant une icône de tag et un affichage de sélection minimal)
- Moins de bordures, une sensation plus aérée
Markdown
- Le titre, la catégorie et les tags se trouvent désormais dans une zone de métadonnées pleine largeur au-dessus du panneau éditeur + prévisualisation, plutôt que restreints à la colonne de gauche.
Mobile
Un facteur moteur majeur de ce projet est l’amélioration de l’expérience mobile. Il y a eu une abondance de plaintes justifiées à ce sujet sur Meta au fil des ans [1] [2] [3].
Pour augmenter l’espace disponible lors de la rédaction, nous expérimentons un éditeur extensible, qui remonte au focus, couvrant les champs du rédacteur, et reste développé tant que l’éditeur est focalisé. Cela s’applique lors de la création d’un nouveau sujet ou d’un nouveau MP, mais pas lors d’une réponse.
Cela plus que double l’espace d’écriture disponible, passant de 103px à 212px (lors des tests sur mon appareil – les résultats réels peuvent varier).
Autres
- Le basculeur de barre d’outils est supprimé dans la nouvelle mise en page
- Balayez vers le bas pour fermer le clavier et réduire l’éditeur à sa taille normale
- Les tags sélectionnés ne sont visibles que lorsque le menu est ouvert. L’icône est colorée pour indiquer qu’une sélection a été faite.
Retours
Ceci est encore très expérimental et je suis principalement intéressé par la façon dont cela fonctionne sur des tailles d’écran standard (desktop & mobile) sur Foundation. Les tablettes, les pliables, les autres thèmes, etc. n’ont pas encore été optimisés.
Appel aux auteurs de thèmes et de plugins 
Si vous vous connectez aux sorties de plugin du rédacteur ou stylez le rédacteur, veuillez tester avec la refonte activée. Le DOM a bougé, et certaines personnalisations peuvent nécessiter des ajustements :
- Le bloc de champs du rédacteur est désormais rendu comme un enfant pleine largeur du conteneur de l’éditeur, et non plus à l’intérieur de la colonne de texte de l’éditeur
- Le contenu injecté dans la sortie
composer-fieldsapparaît désormais au-dessus du titre (entre le groupe catégorie/tags et le titre), en pleine largeur - Le champ titre est rendu comme sa propre ligne, séparé du groupe catégorie/tags et en dessous plutôt qu’au-dessus
Aucune sortie n’a été renommée ou supprimée (bien qu’elles puissent l’être plus tard pour s’ajuster sémantiquement aux changements) — vos connecteurs se raccorderont toujours. Ce qui a changé, c’est où et à quelle largeur votre contenu est rendu.
Si vous remarquez quelque chose de cassé dans votre thème ou plugin, veuillez répondre ici avec le composant/plugin et une capture d’écran. Ces retours sont exactement l’objectif de cette phase de test.
Design 
Voici quelques compromis ou décisions de design sur lesquels je suis moi-même indécis et qui pourraient bénéficier de vos avis. Tout autre retour est bien sûr le bienvenu.
A) Pourquoi l’entrée de titre est-elle si damnement grande ?
L’idée est qu’elle est agrandie par rapport à un H1 ajouté manuellement, pour s’assurer qu’elle soit toujours visuellement le titre du document. Parfois, je la regarde et je pense " beurk ", d’autres fois je me dis " oui, ça marche ".
Une autre idée est de réduire légèrement les titres existants, pour obtenir le même effet.
B) Les tags cachés posent-ils problème…
…assez pour ne pas valoir le compromis sur mobile (plus d’espace pour la catégorie).
Si oui, pourquoi ?
C) Comment fonctionne l’animation de l’éditeur extensible sur votre appareil ?
Est-ce que c’est le royaume des saccades ? Assez bon ? Une amélioration ? Des idées alternatives ou des ajustements pour l’améliorer ?
D) Et le bouton de suggestion de titre IA ?
Je n’aime pas particulièrement qu’il flotte tout seul là-bas. Comment cela se ressent-il pour les autres (qui l’utilisent) ? Très ouvert à entendre des idées de design.
Merci de nous aider à mettre cela au point avant son déploiement plus large. 
Cela me semble être une façon bien plus moderne et élégante de composer. J’ai aussi essayé par le passé de déplacer la barre d’outils en bas, et je trouve que c’est beaucoup plus confortable ainsi.
