J'essaie de concevoir une icône pour indiquer que lorsqu'elle est cliquée, elle réduira tous les nœuds dans un arbre. L'arbre contient des profils qui ont déjà une icône, donc idéalement je cherche un "décorateur" pour notre icône de profil (comme l'éclat d'étoile utilisé pour indiquer que cliquer sur ce bouton créera une nouvelle chose, ou le crayon qui indique que cliquer sur le bouton modifiera la chose sélectionnée).
J'ai essayé d'utiliser les icônes des nœuds de l'arborescence Windows, mais celles-ci sont codées en dur dans le style Windows Vista/7 et ne seront donc pas correctes sur Windows XP; aussi, étant donné que ce sont des triangles, ils sont un peu abstraits.
MISE À JOUR: L'icône sera affichée dans un "volet Actions" séparé à droite de l'arborescence.
Allez avec un chevron. Il est largement utilisé pour l'effondrement et l'expansion, et c'est assez explicite.
J'ai déjà utilisé ce genre d'idée ci-dessous - pas ces icônes réelles, mais quelque chose basé sur elles et en accord avec le reste du style de conception.
J'irais vers une solution visuellement plus propre, c'est-à-dire avec moins d'artefacts/d'encombrement.
Y a-t-il donc un consensus? Sur le Web, même au sein des mêmes organisations, je les ai vues utiliser différentes icônes. Sur Google Groupes, ils utilisent le combo flèche vers la droite/flèche vers le bas. Dans Gmail, ils utilisent le +/-. Dans Google Plus, ils utilisent la double flèche Chevron. WTF? Je comprends que différents groupes construisent ces applications et qu'une icône pourrait avoir plus de sens contextuel à un endroit que l'autre, mais sérieusement, la normalisation serait agréable.
En dehors de la double flèche Chevron, j'ai toujours hésité à utiliser la flèche orientée droite/bas. Je pense que cela se perdra/se confondra avec les zones de liste déroulante de la page.
Je ne peux pas vraiment saisir le contexte dont vous avez besoin pour mettre en œuvre la conception. mais j'ai toujours trouvé des cas comme ceux-ci n'ont pas nécessairement besoin de réinventer la roue.
une bonne référence à utiliser est http://patterntap.com/ Je l'ai toujours trouvé utile, j'espère que cela vous aidera.