web-dev-qa-db-fra.com

Quelles sont les règles d'utilisation d'Ellipsis sur les boutons

J'ai lu sur les règles d'utilisation des points de suspension (trois points ...) dans une commande de men :

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.

Je me demande s'il existe des règles/conventions/recommandations de les utiliser sur l'étiquette d'un bouton, en dehors d'un menu.

Il semble que Ellipsis dans les rubans des produits Microsoft ne soit pas utilisé, même si certains boutons déclenchent un processus qui nécessite des informations supplémentaires (voir l'exemple ci-dessous).

Donc, lorsque vous considérez l'étiquette d'un bouton de commande qui nécessite des informations supplémentaires dans une boîte de dialogue contextuelle, recommanderiez-vous d'ajouter des points de suspension à la fin?

Ellipsis is missing from the "Header and Footer" button

19
Dvir Adler

La page à laquelle vous créez un lien indique:

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 exemple, les commandes À propos, Avancé, Aide, Options, Propriétés et Paramètres doivent afficher une autre fenêtre lorsque vous cliquez dessus, mais ne nécessitent pas d'informations supplémentaires de la part de l'utilisateur. Ils n'ont donc pas besoin d'ellipses.

c'est-à-dire - dans votre exemple: En-tête et pied de page est un bouton qui fait ce qu'il dit - il affiche les informations d'en-tête et de pied de page. Il n'a pas besoin d'informations supplémentaires sur l'ordre pour faire apparaître cette boîte de dialogue - il le fait juste - donc il n'a pas besoin de points de suspension.

L'état Mac OS X Human Interface Guidelines (Et je n'ai pas inclus tout le texte ici)

Utilisez des points de suspension dans le nom d'un bouton ou d'un élément de menu lorsque l'action associée

  • Nécessite une entrée spécifique de l'utilisateur.

    Vous pouvez penser à des commandes de ce type comme nécessitant la réponse à une question spécifique (telle que "Trouver quoi?") Avant de l'exécuter.

  • Est effectuée par l'utilisateur dans une fenêtre ou une boîte de dialogue distincte.

    Pour voir pourquoi ces commandes doivent inclure des points de suspension, considérez que l'absence de points de suspension implique que l'application exécute l'action pour l'utilisateur. Par exemple, si la commande Personnaliser la barre d'outils n'inclut pas de points de suspension, cela implique qu'il n'y a qu'une seule façon de personnaliser la barre d'outils et que l'utilisateur n'a pas le choix en la matière.

  • Affiche toujours une alerte qui avertit l'utilisateur d'un résultat potentiellement dangereux et propose une alternative.

    Par exemple, Redémarrer, Arrêter et Déconnecter utilisent tous des points de suspension car ils affichent toujours une alerte qui demande à l'utilisateur une confirmation et lui permet d'annuler l'action. Notez que Fermer n'a pas de points de suspension car il affiche une alerte uniquement dans certaines circonstances (en particulier, uniquement lorsque le document ou le fichier en cours de fermeture a des modifications non enregistrées).

19
Roger Attrill

Les directives de conception de Microsoft expliquent à peu près pourquoi il n'y a pas d'ellipses sur le ruban:

Commandes: indiquez qu'une commande a besoin d'informations supplémentaires. N'utilisez pas de points de suspension chaque fois qu'une action affiche une autre fenêtre, uniquement lorsque des informations supplémentaires sont requises. Pour plus d'informations, voir Boutons de commande.

http://msdn.Microsoft.com/en-us/library/windows/desktop/aa974176.aspx

Mais votre question concerne les "règles d'utilisation des ellipses ..." qui varient d'une plateforme à l'autre. Les règles les plus utilisées pour les ellipses sont les suivantes:

  • Les ellipses, en elles-mêmes, ne devraient pas être interactives. Par exemple, si vous avez "plus ..." comme étiquette, ne faites pas en sorte que les ellipses se comportent différemment du texte.
  • N'utilisez pas les ellipses seules comme étiquettes
  • Les points de suspension dans les étiquettes indiquent souvent que quelque chose est en cours ou que les informations sont incomplètes ou tronquées. Les utiliser d'une autre manière crée de la confusion.
5
mawcsco

La dernière orientation (début 2017) sur MSDN se trouve sur la page Web Windows Desktop Guidelines> Command Buttons: https://msdn.Microsoft.com/en-us/library/windows/desktop/dn742402 (v = vs. 85) .aspx

Il y a une section explicite sur l'utilisation des ellipses (en soulignant les leurs):

Utiliser 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 .

+------------+
|  Print...  |
+------------+

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

+------------+
|  Print     |
+------------+

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.

Notez également:

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.

Voici donc un programme humain simple à suivre:

Do you wish for the user to invoke an "immediate action"?
If yes then:
    Does this immediate action *always require* additional information before starting?
    If yes then:
        Use a command button with trailing Ellipsis
    If no then:
        Use a command button without trailing Ellipsis
If no then:
    Use a different UI control
3
Dai