Objectifs
Nous avons progressivement mis en place de petites modifications préparatoires, telles que le déplacement de l’interrupteur d’aperçu, l’intégration des suggestions d’IA et l’ajout des GIF dans la barre d’outils. 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 composant de composition (composer) conformément à nos changements généraux visant à moderniser notre apparence et notre interface.
- Améliorer l’expérience de composition sur mobile.
Nous aimerions beaucoup que vous nous aidiez à le tester avant qu’il n’aille plus loin.
Comment l’essayer
- Accédez à votre Administration → Modifications à venir à l’adresse
/admin/config/upcoming-changes - Trouvez Refonte du composer et activez-la
- Ouvrez le composer (réponse, nouveau sujet ou nouveau message) et testez-le à la fois sur ordinateur et sur mobile
Vous pouvez le désactiver à tout moment depuis le même endroit. Ici sur Meta, vous pouvez rejoindre le nouveau groupe de test composer-testers.
Nous avons particulièrement besoin de retours de la part de ceux qui exécutent des composants de thème ou des plugins qui personnalisent le composer — cette refonte modifie légèrement la structure du composer, et pas seulement son style. Plus de détails ci-dessous.
Ce qui a changé
Mise en page et 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 reconnaîtront ce style).
- La barre d’outils a été déplacée dans le pied de page. Cela nécessitera un petit ajustement de la mémoire musculaire (ça m’a aussi agacé pendant les premiers jours
). - Refonte des champs de saisie de la catégorie et des tags (y compris une icône de tag et un affichage minimal de la sélection).
- Moins de bordures, sensation plus aérée.
Markdown
- Le titre, la catégorie et les tags sont désormais situés dans une zone de métadonnées pleine largeur au-dessus du panneau éditeur + aperçu, au lieu d’être limités à la colonne de gauche.
Mobile
Un facteur majeur de ce projet est la volonté d’améliorer l’expérience mobile. Il y a eu une abondance de plaintes justifiées à ce sujet sur Meta au fil des années [1] [2] [3].
Pour augmenter l’espace disponible lors de la composition, nous expérimentons un éditeur extensible, qui se déploie vers le haut au focus, couvrant les champs du composer, et reste déployé tant que l’éditeur est au focus. Cela s’applique lors de la création d’un nouveau sujet ou d’un nouveau message privé, et non 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
- L’interrupteur de la barre d’outils est supprimé dans la nouvelle mise en page.
- Balayez vers le bas pour fermer le clavier et replier l’éditeur à sa taille normale.
- Les tags choisis ne sont visibles que lorsque le menu est ouvert. L’icône est colorée pour indiquer qu’une sélection a été effectuée.
Retours
C’est encore très expérimental et je suis principalement intéressé par la découverte de son comportement sur les tailles d’écran standard (ordinateur et mobile) sur Foundation. Les tablettes, les téléphones 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 points de connexion (outlets) du plugin composer ou si vous mettez en forme le composer, veuillez tester avec la refonte activée. Le DOM a changé, et certaines personnalisations peuvent nécessiter des ajustements :
- Le bloc des champs du composer 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 le point de connexion
composer-fieldsapparaît désormais au-dessus du titre (entre le groupe catégorie/tags et le titre), en pleine largeur. - Le champ du titre est rendu comme une ligne distincte, séparée du groupe catégorie/tags et située en dessous au lieu d’au-dessus.
Aucun point de connexion n’a été renommé ou supprimé (bien qu’ils puissent l’être plus tard pour s’ajuster sémantiquement aux changements) — vos connecteurs s’attacheront toujours. Ce qui a changé, c’est où et avec quelle largeur votre contenu est rendu.
Si vous remarquez quelque chose de cassé dans votre thème ou votre plugin, veuillez répondre ici avec le composant/plugin et une capture d’écran. C’est exactement à cela que sert cette phase de test.
Design 
Voici certains compromis ou décisions de design sur lesquels je suis moi-même hésitant et qui pourraient bénéficier de vos avis. Tout le reste est bien sûr le bienvenu.
A) Pourquoi le champ du titre est-il si grand ?
L’idée est qu’il est augmenté à une taille supérieure à celle d’un H1 ajouté manuellement, pour s’assurer qu’il est toujours visuellement le titre du document. Parfois je le regarde et je pense “c’est moche”, d’autres fois je me dis “oui, ça marche”.
Une autre idée serait de réduire légèrement les titres existants pour obtenir le même effet.
Rétabli dans une itération suivante.
B) Les tags masqués sont-ils un problème…
…assez important 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 saccadé ? Suffisant ? Une amélioration ? Idées alternatives ou ajustements pour le rendre meilleur ?
D) Et le bouton de suggestion de titre par IA~~ ?~~
Je n’aime pas trop moi-même le fait qu’il flotte tout seul là-bas. Comment cela se sent-il pour les autres (qui l’utilisent) ? Très ouvert aux idées de design.
Déplacé pour ne pas gêner, voir Les suggestions de titre par IA se déplacent vers l’assistant du composer
Merci de nous aider à bien faire les choses avant qu’il ne soit déployé plus largement. 
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.
