Clôturé. Cette question est hors sujet . Il naccepte pas les réponses actuellement.

Commentaires

  • Nous ' utilisons une petite icône avec un signe + et – à côté dune image de dossier. (nos nœuds darbre sont généralement des dossiers)
  • Cest ' une question de conception. Voté pour fermer.
  • @Phil: De nombreuses questions sont formulées " Quest-ce quune bonne icône? " qui ont beaucoup de votes positifs et de réponses. Je ne peux ' rien voir dans la FAQ indiquant que les questions de conception sont interdites.
  • @Phil Comment le design ne fait-il pas partie intégrante de lexpérience utilisateur …? Je peux voir à quel point une question purement stylistique est indésirable, mais UX consiste à concevoir correctement des choses …
  • @alastairs: La FAQ ne dit pas non plus ' que les questions sur les girafes sont interdites;) Une bonne question serait: peut-on y parvenir avec une icône? Et si oui, quel ' est le plus courant? Et ma réponse serait que seules très peu dicônes sans étiquette fonctionnent pour un large public et quune approche différente pourrait être meilleure (pourrait être facilement testée avec un test dutilisation rapide).

Réponse

Allez avec un chevron. Cest largement utilisé pour réduire et agrandir, et cest plutôt explicite.

entrez la description de limage ici entrez la description de limage ici

Commentaires

  • Je les aime. Où les avez-vous trouvés?
  • Je me suis créé moi-même, nhésitez pas pour les utiliser.
  • Je crée ceux avec un guillemet ( en.wikipedia.org/wiki/Guillemet ) que je fais ensuite pivoter de 90 degrés . Cela me permet de choisir une police spécifique pour obtenir un look spécifique.
  • Oui, cest plus intuitif pour moi que les triangles qui pivotent à 90 degrés pour représenter ce qui est essentiellement une glissière verticale plus quune rotation. Un idiome que jai ' vu est dutiliser un seul chevron vers le bas pour en développer un, et le double vers le bas pour tout développer. Monter et doubler pour réduire.
  • Je pense que ce sont des actions de page en bas, de page en haut. Nest-ce pas ' quelque peu déroutant? ou suis-je le seul?

Réponse

Jai déjà utilisé ce genre didé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.

entrez la description de limage ici

entrez la description de limage ici

Commentaires

  • Merci, javais vu quelque chose de similaire au " expand " icône ailleurs.
  • Cela a du sens, car les nœuds individuels consistent vraisemblablement en une seule boîte contenant soit un signe plus ou moins. Si OTOH vous utilisiez un chevron unique sur chaque nœud de larborescence, la version " all " pourrait être des chevrons doubles, qui est une icône plus simple à analyser visuellement.

Réponse

Je voudrais aller à un visuellement solution plus propre, cest-à-dire avec moins dartefacts / dencombrement

Google Mail - Tout réduire Google Mail - Tout réduire Exemple2

Exemple1

Commentaires

  • Je ne ' Je ne pense pas que ' ai déjà vu cela auparavant, donc personnellement je ne ' t appeler il a été largement adopté!
  • Je viens de vérifier Gmail et il utilise une icône similaire à celle-ci pour le bouton Développer / Réduire lors de laffichage dune conversation par e-mail.

Réponse

Y a-t-il donc consensus? Sur le Web, même au sein des mêmes organisations, je les ai vus utiliser des icônes différentes. Sur Google Groupes, ils utilisent la combinaison flèche vers la droite / flèche vers le bas. Dans Gmail, ils utilisent le signe + / -. Dans Google Plus, ils utilisent le Double flèche Chevron. WTF? Je comprends que différents groupes créent ces applications et quune icône peut avoir plus de sens contextuel à un endroit quà lautre, mais sérieusement, la standardisation serait bien.

En dehors de la double flèche Chevron, je « Jai toujours hésité à utiliser la flèche orientée vers la droite / vers le bas. Je pense quil sera perdu / confondu avec toutes les zones de liste déroulante de la page.

Réponse

Je ne sais pas tout à fait le contexte dans lequel vous avez besoin de la conception à implémenter. mais jai toujours trouvé des cas comme ceux-ci nont pas nécessairement besoin de réinventer la roue.

une bonne référence à utiliser est http://patterntap.com/ Je « lai toujours trouvé utile, jespère que cela » vous aidera.

Commentaires

  • Malheureusement, le lien patterntap est rompu.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *