Il existe désormais tellement d’options dans le menu de l’éditeur de publication que l’icône d’engrenage pour les actions supplémentaires s’affiche en dehors de la zone attendue. La capture d’écran ci-dessous provient de mon iPhone 8.
Hmm, oui, cela se produit sur les petits appareils chaque fois qu’un bouton supplémentaire au-delà de l’ensemble par défaut est ajouté… dans ce cas, il s’agit du basculement de la direction du texte mixte. Je suppose que, puisque cette barre peut contenir un nombre quelconque de boutons ajoutés, le minimum que nous puissions faire est de permettre un défilement horizontal.
Ou peut-être ajouter un bouton à trois points qui affiche plus d’options ?
Je préférerais opter pour le défilement horizontal, car cela permet d’accéder et de voir le menu de mise en forme plus facilement, plutôt que d’avoir à appuyer sur un bouton supplémentaire.
Eh bien, c’est tout à fait juste.
Il s’avère que nous ne pouvons pas facilement ajouter un défilement horizontal ici, car cela impliquerait de masquer le contenu débordant, tandis que le menu d’engrenage nécessite que ce débordement reste visible.
@pmusaraj a toutefois apporté une amélioration qui permet de mieux adapter la barre d’outils aux petites tailles :
…mais à un moment donné, nous devrons trouver un moyen de prendre en charge davantage de boutons. Peut-être faudra-t-il transformer l’icône d’engrenage en un élément … comme sur les publications et y masquer davantage d’éléments par défaut.
J’aimerais connaître vos retours sur la solution actuelle : les boutons sont-ils toujours assez faciles à toucher sur les petits appareils (comme l’iPhone 8) maintenant que l’espace entre eux a été réduit ?
@awesomerobot Je pense que nous devrions déplacer les boutons « Citer l’intégralité du message » et « Inverser la direction » dans le menu d’engrenage. Ils ne sont sûrement pas utilisés assez fréquemment pour justifier une place permanente dans la barre d’outils. (Ce dernier, « Inverser la direction », est présent ici sur Meta, mais il est masqué par un paramètre du site, ce qui signifie qu’il est probablement utilisé sur très peu de sites.)
Je suis sur un iPhone 8. Je pense que le nouvel espacement convient bien (12 boutons et deux séparateurs), mais je crois que c’est probablement la limite de ce qui peut raisonnablement tenir dans la barre d’outils. Je n’imagine pas que ce soit facile à toucher si on ajoutait quoi que ce soit de plus.
Je suis tout à fait d’accord pour la bascule de direction. La citation complète est limite. Je l’utilise certainement moins que des choses comme le gras et l’italique, mais je l’utilise plus que les deux options du menu à puces. Honnêtement, je ne trouve pas les options du menu à puces utiles du tout. Je trouve beaucoup plus facile de taper manuellement les astérisques ou les numéros. (En note secondaire, appuyer plusieurs fois sur les icônes de liste à puces ou de liste numérotée bascule l’état de ce qui est surligné, tout comme pour le gras et l’italique, mais cela ne fonctionne pas entre les deux types de listes. Ce serait bien si appuyer sur les icônes de liste à puces ou de liste numérotée remplaçait l’autre type de liste s’il était déjà présent.)
Pour ma part, les options de menu de la barre d’outils que j’utilise le plus sont celles déjà cachées derrière l’icône engrenage : Masquer les détails et Flouter le spoiler. Je pense que cela tient surtout au fait que les listes à puces, le gras et l’italique (les autres que j’utilise beaucoup) consistent essentiellement à ajouter un *, donc je peux facilement les taper, tandis que les autres impliquent de taper des balises beaucoup plus longues de style BBCode, donc appuyer sur un bouton est plus rapide.
N’avez-vous aucune donnée sur la fréquence à laquelle les utilisateurs cliquent sur chaque option de menu sur divers appareils ? Je pensais que les décisions concernant ce qui doit être affiché directement et ce qui doit être caché derrière l’icône engrenage pourraient être prises sur cette base.
Quelques autres remarques/suggestions :
- Je supprimerais les séparateurs. Les séparateurs impliquent qu’il existe des groupes logiques, mais qu’est-ce que la citation complète a à voir avec le gras et l’italique ? Qu’est-ce que l’hyperlien a à voir avec le texte préformaté ? Qu’est-ce que les listes à puces ont à voir avec les émojis ? Cela semble plutôt arbitraire pour l’instant, et cela gaspille simplement de l’espace.
- Je suppose que les options de menu visibles/cachées sont configurables au niveau de l’installation, mais avez-vous envisagé de les rendre configurables au niveau de l’utilisateur ? Je sais que chacun travaille différemment, donc être capable de personnaliser complètement l’ordre de la barre d’outils pourrait avoir du sens. Par exemple, vous pourriez permettre aux utilisateurs de classer les options de la barre d’outils, et c’est exactement dans cet ordre qu’elles apparaîtraient. Tout ce qui ne peut pas tenir en fonction de l’appareil utilisé par l’utilisateur serait automatiquement déplacé vers le menu engrenage, ainsi sur un ordinateur de bureau, un utilisateur pourrait voir ses 15 premières options, mais sur mobile, peut-être seulement ses 12 premières. (Ou peut-être qu’ils ne se soucient que de 3 et que le reste est toujours dans l’icône engrenage, si cela peut être pris en charge également.) Cela peut être plus compliqué que ce que cela vaut, mais je pensais mentionner l’idée.
Merci pour ton retour, @seanblue, c’est très apprécié. Je trouve excellente ta suggestion de déplacer les boutons de liste à puces et numérotée vers le menu des engrenages (uniquement sur mobile). Je suis également d’accord avec toi concernant les séparateurs : sur ordinateur, ils ont une certaine utilité, mais beaucoup moins sur mobile. Je pourrais expérimenter leur suppression sur mobile également.
J’ai ajouté ces trois modifications à ma liste. Une fois cela fait, les boutons devraient avoir plus d’espace sur mobile.
Tous les boutons ne sont pas configurables au niveau de l’installation, et je ne pense pas qu’il soit utile de les rendre configurables au niveau de l’utilisateur. Pour la grande majorité des utilisateurs, c’est une personnalisation trop fine dont seuls les utilisateurs très avancés auraient besoin de modifier. (Et les utilisateurs très avancés trouvent d’autres moyens de faire la même chose, par exemple en utilisant des feuilles de style personnalisées dans leur navigateur.)
Deux modifications (mobile uniquement) ont désormais été intégrées (PR) : le déplacement des boutons de listes à puces et numérotées vers le menu d’engrenage et la suppression des séparateurs. Merci encore pour vos retours, @seanblue.
Ce sujet a été automatiquement fermé après 20 heures. De nouvelles réponses ne sont plus autorisées.
