UX préféré pour un élément vide mais sélectionnable dans un menu

Question

Dans un projet sur lequel je travaille, nous avons un menu de navigation dans lequel les éléments sont colorés lorsque la section correspondante contient des informations, ou s'estompent lorsque l'utilisateur ne dispose d'aucun élément. Dans le cas d'un administrateur, ces éléments peuvent ne pas contenir d'informations utiles, mais peuvent toujours être cliquables (des éléments tels que "Ajouter une actualité" ou "Ajouter un fichier" sont implémentés sous forme de sous-menus).

L’appel de On High est tombé pour que ces éléments d’administration se distinguent d’une manière ou d’une autre. Puisque nous utilisons déjà le texte estompé pour les éléments non cliquables, je me demandais s’il existe une convention d’interface utilisateur établie pour indiquer qu’un élément est cliquable, mais ne contient aucune information.

Et oui, j'ai déjà demandé pourquoi nous prenions la peine d'afficher des éléments qui ne sont pas disponibles pour l'utilisateur. Bref, parce qu’On High veut le faire.

Answer 1

Réponse courte, non, je ne pense pas qu'il existe une convention pour cela. Beaucoup de gens diraient que si ce n'est pas applicable, ne le montre pas. Cependant, il y a un débat à ce sujet. L’une des raisons pour lesquelles Microsoft a commencé à utiliser le ruban dans MS Office est qu’ils voulaient s’éloigner des menus dynamiques dans lesquels les options étaient masquées et affichées «intelligemment». Les utilisateurs ne pouvaient pas comprendre les règles pour ce qui apparait où, et quand.

Peut-être séparez les préoccupations ici: 1) comment indiquer que l'élément est cliquable, puis 2) comment indiquer que l'élément ne contient aucune information.

Le premier est relativement bien établi - le texte souligné en bleu. Vous pouvez également le faire ressembler à un bouton. Bien sûr, si vous avez un look spécifique à votre site pour vos hyperliens, utilisez-le. Fondamentalement, ne rompez pas les attentes des utilisateurs quant aux éléments cliquables.

Deuxièmement, comment montrer que rien ne vaut la peine de cliquer. Je pense que ce que vous voulez est une indication visuelle de la priorité / utilité de ces liens d’administrateur par rapport aux autres. Quelques options:

• Pouvez-vous déplacer les liens d'administration au bas de la liste?
• Ajouter un nombre indiquant combien d'éléments sont situés de l'autre côté du lien?
• Barré sur le texte?

Answer 2

Puisqu'il n'y a pas de convention stricte sur ce type de choses, rappelez-vous que tout ce que vous faites et qui est cohérent fonctionnera. Certaines choses fonctionneront mieux que d’autres.

Quoi que vous choisissiez, l'utilisateur apprendra après quelques essais quelle est la nouvelle méthode d'indication de vide.

S'il est bien pensé et cohérent, il l'aura probablement après quelques clics.

N'oubliez pas non plus que trop de rehauts, de couleurs, de fondus et de soulignements gâcheront toute efficacité quant à l'organisation visuelle de votre menu afin qu'il soit facile à utiliser. À un moment donné, il peut devenir difficile à utiliser en organisant trop les choses.

Pensez-y de cette façon: il y a deux boîtes sur une étagère virtuelle. L'un est rouge et l'autre est bleu. La case sélectionnée est identifiée par une couleur différente de celle de l'autre case ... Maintenant, quelle est la case sélectionnée?