web-dev-qa-db-fra.com

Qu'est-ce qu'une bonne icône pour illustrer tout développer (et réduire)?

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.

35
alastairs

Allez avec un chevron. Il est largement utilisé pour l'effondrement et l'expansion, et c'est assez explicite.

enter image description hereenter image description here

31
Matt Rockwell

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.

enter image description here

enter image description here

9
Roger Attrill

J'irais vers une solution visuellement plus propre, c'est-à-dire avec moins d'artefacts/d'encombrement.

Google Mail - Collapse AllGoogle Mail - Collapse AllExample2

Example1

9
herkulano

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.

3
Darren Chan

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.

0
Jack.ak.Hsu