web-dev-qa-db-fra.com

Quelle est la signification des trois points "..." sur les menus et les boutons et comment les utiliser correctement?

L'ajout de trois points après le titre des éléments dans un menu déroulant semble être une pratique courante (comme vous pouvez le voir sur l'image d'un menu déroulant dans Google Chrome). Ils signifient généralement qu'il y a quelque chose après avoir cliqué dessus.

Google chrome dropdown menu (french version)

Ces points sont également parfois présents dans le texte de liens d'action et boutons.

Je m'interroge sur leur utilité et leur pertinence ...

À votre avis:

  • Quel type d'informations doit être transmis par ces points?
  • Comment et quand dois-je les utiliser?
  • Est-il vraiment pertinent pour l'utilisateur et facilement compréhensible par lui?
79
Alex Fernandez

Ces points, appelés points de suspension , signifient toujours qu'il existe options supplémentaires . Par exemple, lorsque vous voyez "Imprimer ...", cela indique qu'il y aura une autre étape avant d'envoyer quoi que ce soit à l'imprimante.

Extrait de The Microsoft UX Guidlines :

Concepts de conception utilisant des ellipses

Bien que les boutons de commande soient utilisés pour des actions immédiates, davantage d'informations peuvent être nécessaires pour effectuer l'action. Indiquez une commande qui nécessite des informations supplémentaires (y compris une confirmation) en ajoutant des points de suspension à la fin de l'étiquette du bouton.

Dans cet exemple, la commande Imprimer ... affiche une boîte de dialogue Imprimer pour recueillir plus d'informations.

En revanche, dans cet exemple, la commande Imprimer imprime une seule copie d'un document sur l'imprimante par défaut sans aucune autre intervention de l'utilisateur.

Une bonne utilisation des ellipses est importante pour indiquer que les utilisateurs peuvent faire d'autres choix avant d'effectuer l'action, voire l'annuler complètement. Le repère visuel offert par un Ellipsis permet aux utilisateurs d'explorer votre logiciel sans crainte.

Cela ne signifie pas que vous devez utiliser des points de suspension chaque fois qu'une action affiche une autre fenêtre, uniquement lorsque des informations supplémentaires sont nécessaires pour effectuer l'action. Par conséquent, tout bouton de commande dont le verbe implicite est de "montrer une autre fenêtre" ne prend pas de points de suspension, comme avec les commandes À propos, Avancé, Aide (ou toute autre commande reliant à une rubrique d'aide), Options, Propriétés ou Paramètres .

En général, les ellipses sont utilisées dans les interfaces utilisateur pour indiquer l'incomplétude. Les commandes qui affichent d'autres fenêtres ne sont pas incomplètes: elles doivent afficher une autre fenêtre et aucune information supplémentaire n'est nécessaire pour effectuer leur action. Cette approche élimine l'encombrement de l'écran dans les situations où les ellipses ont peu de valeur.

93
Matt Rockwell

De l'article: Comment utiliser les flèches et les points de suspension

Parfois, un bouton ou une option de menu ouvrira une fenêtre modale au lieu de terminer une action. Une accessibilité Ellipsis dit aux utilisateurs que c'est ce qui se passe. Dans la langue anglaise, les écrivains utilisent des ellipses pour des pensées inachevées. Sur une interface utilisateur, les concepteurs utilisent des points de suspension sur les boutons et les menus pour les actions inachevées. L'utilisateur termine l'action sur la fenêtre modale.

7
Flyski