web-dev-qa-db-fra.com

Sur la base de quels critères ajoutez-vous / n'ajoutez-vous pas d'icônes aux étiquettes dans une barre d'outils?

Certaines barres d'outils ont des icônes pour chaque étiquette, et certaines barres d'outils n'ont d'icônes pour aucune étiquette. Il y a assez de discussion à ce sujet.

Cependant, certaines barres d'outils attacheront des icônes à l'étiquette de manière sélective, et je ne trouve aucun type de discussion à ce sujet. Voici un exemple d'Intellij:

enter image description here

La barre d'outils la plus à gauche attache seulement quelques étiquettes avec des icônes, tandis que la barre d'outils la plus à droite attache presque toutes les étiquettes avec des icônes.

La majorité de la discussion porte sur la question de savoir s'il faut se fier uniquement aux icônes, uniquement aux étiquettes ou les combiner. Il n'y a pas de discussion ni de recherche sur l'utilisation sélective des icônes dans la même barre d'outils.

Bien que l'on puisse affirmer que "tout enregistrer", "imprimer" et "ouvrir" sont "iconifiés" en raison de l'omniprésence de ces actions avec des visualisations facilement identifiables, la "structure du projet" ne satisfait pas cette idée. Il existe également de nombreuses autres fonctionnalités comme "exporter" et "importer" avec des visualisations faciles qui peuvent être iconifiées.

Je me demande s'il y a une pratique qui guide quand ajouter une icône à une étiquette de texte, et dans quelle mesure on pourrait ajouter des icônes aux étiquettes avant est l'encombrement (s'il existe une telle limitation).

23
Bar Akiva

Il y a plusieurs raisons:

  1. S'il existe une icône généralement acceptée pour cette fonctionnalité. Exemples, enregistrer, couper, copier, etc.
  2. Si la fonctionnalité est empruntée à une autre application dotée d'une icône d'application. Par exemple, le partage sur Facebook peut utiliser l'icône Facebook.
  3. Contexte d'utilisation, si de nombreuses icônes similaires sont affichées ensemble, les icônes perdront leur fonction. Cependant, s'il était le seul de ce type sur l'interface actuelle, il sera utile. Une façon de résoudre ce problème consiste à regrouper des fonctionnalités similaires et à les désigner par une seule icône.
23
Kernan Kobaya

Je ne pense pas qu'il existe une méthodologie "officielle" pour cela, mais j'ai remarqué une tendance à travers un certain nombre de programmes. De nombreux programmes - en particulier les IDE - ont un certain nombre de commandes accessibles à la fois via des menus déroulants et des boutons de barre d'outils. Une icône est requise pour un bouton de barre d'outils, et la même icône est généralement utilisée pour cette commande dans le menu déroulant. Cela donne à l'utilisateur une référence visuelle commune et permet de comprendre plus facilement que le bouton de la barre d'outils et l'entrée de menu représentent la même chose.

22
bta

Je recommanderais seulement d'ajouter des icônes lorsqu'elles apportent de la valeur, c'est-à-dire de différencier les fichiers javascript et HTML. En regardant votre capture d'écran, vous devez créer une tonne d'icônes d'aspect similaire pour l'ouverture, les paramètres et les exportations uniquement. Quelle valeur cela aurait-il pour l'utilisateur? Je dirais que cela confondrait les choses.

2
Calum

Réponse simple, "Oui".

Ils ont choisi de fournir des icônes pour des actions omniprésentes et, le cas échéant, ils ont utilisé des icônes qui peuvent être tirées d'une utilisation existante, telles que des icônes de fichiers.

Il n'est pas nécessaire d'iconifier les actions qui ont une signification ésotérique et qui différeraient d'une application à l'autre.

Consultez le développeur SQL d'Oracle pour plus d'exemples sur ne pas tout iconifier:

SQL Developer toolbar -> view icons

2
MonkeyZeus

Chaque équipe de conception/développement aura ses propres critères pour ce faire et, espérons-le, est alignée sur une sorte de système de conception ou de convention qu'elle a établi pour son produit/service.

En bref, il peut y avoir un certain nombre de raisons et il est fort probable qu'elles soient combinées, certaines sont liées au design tandis que d'autres sont probablement plus subjectives.

Quelques problèmes liés à la conception qui auraient pu être pris en compte:

  • cohérence de l'iconographie qui peut être créée selon le style ou la convention existante
  • difficulté à créer le symbole/l'icône de la fonction/étiquette
  • nombre d'articles qui doivent être pris en charge (maintenant et à l'avenir)
  • conventions existantes (internes) pour l'utilisation de l'iconographie

Quelques questions subjectives qui auraient pu être prises en compte:

  • importance de l'article/de l'étiquette (s'il doit être souligné ou différencié d'une manière ou d'une autre)
  • s'il existe de bonnes conventions existantes (par exemple, impression, copie) qui devraient être appliquées

Il convient de noter que, parfois, vous n'avez pas nécessairement besoin de très bonnes icônes pour une étiquette, car de nombreuses personnes l'utilisent également comme point de référence de l'emplacement de l'élément réel dans une liste d'éléments, ce qui semble justifier l'utilisation de des icônes qui ne ressemblent pas à l'élément qu'il est censé représenter.

1
Michael Lai

Les icônes sont inversement proportionnelles à leur fréquence.

Si tout a du texte et des icônes, l'interface devient encombrée. Je voudrais seulement ajouter des icônes aux actions courantes.

À mon humble avis, votre sous-menu et le menu dans l'exemple SQL Developer sont trop encombrés.

0
Colin 't Hart

Les icônes doivent signifier quelque chose quelque part. par exemple:

enter image description here

L'icône d'enregistrement ci-dessus apparaîtra sur la barre d'outils sans le texte et les utilisateurs pourront l'utiliser pour la mapper à l'action d'enregistrement.

Un autre exemple:

enter image description here

Les fichiers TypeScript ont l'icône dans votre Finder ou système de fichiers pour le mapper au script de type.

Ceux comme:

  • Exporter vers la nomenclature
  • Séparateur de ligne
  • Diagramme

La pratique générale est de toujours se rappeler que votre utilisateur ne sait pas ce que signifie votre icône. Donc, à moins que l'icône ne soit réutilisée, sans le texte, il n'est pas nécessaire de l'iconiser.

0
Nodnin