web-dev-qa-db-fra.com

Les contours d'icônes uniques aident-ils les utilisateurs à numériser?

Il y a plusieurs années, j'ai rencontré un bon tutoriel de conception d'icônes. Il a déclaré que le fait d'avoir des contours uniques pour les icônes aide les utilisateurs à rechercher l'élément qu'ils recherchent. Si cela est vrai, pourquoi l'iPhone et les icônes d'application Android utilisent des contours uniques?

iPhone

les icônes iPhone sont toutes des carrés arrondis. Le seul indice visuel pour la mise à zéro dans une application est la conception intérieure. Je ne sais pas pour vous, mais il me faut parfois 5 secondes pour trouver l'application Map.

iphone

Android

Les icônes Android n'ont que quelques variantes de contour: carré, cercle, bulle de conversation, ... À mon avis, l'ensemble limité de contours d'Android est pire que les contours uniformes de l'iPhone. Il incite les gens à utiliser les contours pour les aider à analyser, même si cela ne les aidera pas. Par exemple, je suis souvent confus lorsque j'essaie de trouver l'icône du haut-parleur de musique, car elle a les mêmes cercles concentriques que l'icône de l'appareil photo et des paramètres.

Android app icons

Les fenêtres

Qu'est-il arrivé aux bonnes vieilles icônes de style Windows? Je pense que les icônes de Windows élèvent la numérisation par rapport à la cohérence/style. Je ne me retrouve jamais à regarder sans but les icônes Windows car presque tous les contours sont uniques.

Windows start menu

112
JoJo

Il y a plusieurs années

C'est probablement le facteur clé. La technologie de rendu que nous avons maintenant est considérablement différente de celle que nous avions en 1985 ou 1995.

Maintenant, cela ne devrait pas vraiment changer les principes d'une bonne conception d'icônes, mais cela a changé les tendances au fil des ans. OS X et Windows sont devenus progressivement plus brillants au fil des ans, mettant parfois en œuvre des illustrations et des rendus 3D presque complets en tant qu'icônes. Et les gens peuvent être drôles de brillants… y compris ceux d'entre nous qui conçoivent les icônes. ; o)

Heureusement, il semble que nous ayons obtenu cela principalement de notre système et nous nous dirigeons maintenant vers un langage d'icônes visuelles plus sain. Windows Phone 7 est un retour intéressant vers les concepts traditionnels de conception d'icônes.

Maintenant, tout cela dit, la question portait davantage sur les icônes d'application. Une icône d'application concerne autant l'UX que ce que le service marketing veut/a besoin. Je peux être un peu plus indulgent envers l'icône de l'application que les icônes d'interface utilisateur internes de l'application. Les icônes d'application sont vraiment de petites publicités. Mais je suis d'accord, certaines des icônes (y compris les cartes), se perdent car il s'agit moins d'une véritable icône que d'une petite photo.

25
DA01

Sur une note légèrement liée; il y a eu quelques études sur les coins arrondis par rapport aux coins pointus et si les coins arrondis aident la cognition.

"Un rectangle aux arêtes vives demande en effet un peu plus d'effort cognitif visible que par exemple une ellipse de même taille. Notre" œil-fovéa "est encore plus rapide à enregistrer un cercle. Les bords impliquent des outils d'image neuronale supplémentaires. Le processus est donc ralenti."

Source: http://www.uiandus.com/blog/2009/7/26/realizations-of-rounded-rectangles.html

26
JonW

Il existe deux principales voies visuelles qui nous aident à reconnaître les objets: la voie dorsale, qui consiste à déterminer où se trouvent les choses et comment nous pourrions interagir avec elles. ; et la voie ventrale, qui est à propos de à quoi ce genre de choses ressemble réellement. ( ngerleider & Mishkin, 198 ; Goodale & Milner, 1992 ). Les preuves des études de neuroimagerie suggèrent que même lorsque vous n'avez pas l'intention de capter ou d'avoir une quelconque interaction motrice avec des objets, votre cerveau est toujours, à un certain niveau, probablement en train de déterminer comment (par exemple Faillenot et al, 1997 ).

Comme vous l'avez souligné, il existe un certain nombre de façons de distinguer les éléments individuels d'un tableau (forme, couleur, contour, etc.). J'imagine que le contour serait un excellent moyen d'améliorer l'identifiabilité: si toutes les icônes ont les mêmes contours, comme sur l'iPhone, alors dans une perspective de `` préparation à saisir '', elles invitent toutes à une préparation motrice identique. Cependant, lorsque les contours des icônes varient, la préparation doit donc être comprise: en d'autres termes, vous avez donné au cerveau une façon (motrice) de distinguer les icônes, et qu'il ne nécessite pas beaucoup d'attention consciente pour y parvenir.

La voie dorsale "où" est également impliquée dans la localisation spatiale des objets. Je suis d'accord sur les éléments de position discutés ci-dessus: les informations de position sont un excellent moyen de se souvenir où chercher quelque chose, mais lorsque vous considérez que les utilisateurs peuvent avoir plusieurs applications presque identiques pour mémoriser des emplacements, cette information spatiale peut être dilué (c'est spéculatif, cependant; je ne peux pas pointer vers des données au-delà d'un consensus général que l'unicité est mémorable). De plus, comme je pense que quelqu'un d'autre l'a souligné, nous sommes nombreux à déplacer les icônes de nos applications à mesure que nous en acquérons plus ou réévaluons leur utilité, de sorte que les indices de navigation spatiale ne sont pas nécessairement très stables dans le temps.

Si nous limitons les contours des icônes à la norme Apple carrés aux coins arrondis, cela doit se résumer à l'autre élément moins moteur: la fonction "quoi" de la voie ventrale. Je suis surpris personne ne frappe plus fort le tambour de la `` couleur '' ici; la couleur est l'un des principaux moyens que je distingue les icônes sur mon téléphone lors de leur recherche (c'est pourquoi je suis tellement gêné par de nombreux développeurs d'applications choisissant des nuances de bleu) .Je suis d'accord que l'application Map sur l'iPhone est vraiment difficile à trouver, et je ne peux pas m'empêcher de penser que c'est parce qu'elle n'est pas visuellement frappante: c'est presque un camouflage du désert de l'armée dans sa palette de couleurs (comparez cela à la possibilité de trouver des applications de couleur bijou) Je me demande s'il y a une évolution dans ce domaine: alors que nous avons développé des systèmes visuels hautement sophistiqués qui peuvent discriminer très finement (du moins, avec suffisamment d'expertise et de temps de traitement), attirer notre attention sans réellement bouger est beaucoup plus facile. atteint en nous donnant quelque chose d'inhabituel et aux couleurs vives à regarder.

Enfin, juste un petit côté: il est intéressant de dire que cela peut vous prendre plusieurs secondes pour trouver celui que vous voulez: la voie ventrale est généralement plus lente que la dorsale.

13
finiteattention

Je suis d'accord à 100%, les bords des icônes andriod sont agréables chacun en soi mais lors du balayage, l'œil devient très confus.

Cependant, les conseils de ce tutoriel sont toujours solides. Ils parlent de dans l'icône. Les formes audacieuses et les contours uniques attirent l'attention des gens.

Quelques conseils de plus que j'ai glanés d'une présentation de Bess Ho: (Vous pouvez le vérifier ICI )

  • Réaliste
  • utilisation de textures
  • petit aperçu de l'application
  • mini version de l'interface utilisateur
  • Utilisation de couches pour montrer la profondeur
  • utilisation de petites bannières pour afficher gratuitement ou la version #

et il y a aussi quelques pointeurs là-dedans.

12
jonshariat

Je sais que cette question reçoit une réponse et tout, mais je viens de voir cela et je pensais que c'était pertinent.

Mouvement UX | Pourquoi une icône distincte aide les utilisateurs à numériser plus rapidement

Les contours uniformes donnent la même forme à vos icônes. Puisqu'ils se ressemblent tous, il est difficile pour une icône particulière de se démarquer lorsque les utilisateurs les numérisent. Au lieu de cela, ils doivent se concentrer plus attentivement sur les images d'icônes en raison du bruit visuel entourant les icônes. Le chemin visuel de l'utilisateur atteindra d'abord les bordures d'arrière-plan avant de pouvoir fixer l'icône.

enter image description here

9
Sam K

L'utilisation des contours d'Android limite définitivement l'espace de recherche par rapport à l'absence de changement de contours (et le but du scan est de limiter l'espace de recherche en effectuant une vérification préliminaire facile). Je peux tout à fait comprendre pourquoi l'icône du haut-parleur et de la caméra prête à confusion car elles sont très similaires, MAIS vous n'avez toujours besoin de différencier que deux icônes facilement repérables dans le plus grand ensemble lors de la numérisation, plutôt que d'évaluer chaque icône, ce qui rend les chances de manquer il est complètement plus petit.

Pour l'instant, je n'ai pas de chance de trouver des documents de recherche sur les tâches de discrimination visuelle, mais la recherche a été effectuée (généralement avec des mots et des couleurs, pas des icônes, mais le principe est le même puisque la vérification des mots est généralement aussi une sorte de vérifier la forme de choses comme la longueur et les propriétés facilement repérables, avant que le mot ne soit entièrement lu.)

7
Inca

Je ne sais pas si la forme de l'icône est vraiment si importante, sauf pour la première utilisation. Les gens se souviennent souvent l'icône devrait être, c'est beaucoup plus rapide que la numérisation. Ainsi, pour les utilisateurs de smartphones, l'uniformité de la forme n'est peut-être pas un problème de convivialité mais donne un attrait esthétique.

4
ftt

Cela dépend de la façon dont vous affichez les icônes - avec un petit nombre d'icônes largement espacées, la forme les rend plus faciles à reconnaître. Rassemblez-les et vous avez une collection écrasante de choses différentes, dont aucune ne se démarque.

Le problème avec les icônes Android Android n'est pas que les formes sont dupliquées mais que les formes irrégulières masquent la grille qui faciliterait la numérisation.

3
Tom Clarkson

Je me suis immédiatement senti plus efficace pour scanner le tremplin iPhone que l'ensemble des icônes Android que vous avez présentées.

Les icônes de forme cohérente dans iOS suppriment le besoin de réfléchir à la forme de l'icône et de se concentrer sur les couleurs et les motifs du "carré". Quand je regarde les icônes Android Android, je trouve mon premier point de focalisation est les formes des icônes, et cela me distrait de regarder les couleurs et les motifs internes utilisés dans l'icône, rendant la recherche d'une application spécifique fastidieuse.

2
Nick Bedford

Cela pourrait être lié à ce que James Kalbach dans son livre "Designing Web Navigation" fait référence à forme d'information (à partir de la page 40 dans la première édition).

Ici, il mentionne que les chercheurs Andrew Dillon , Misha Vaughan et Elaine Toms a effectué des recherches sur ces questions.

0
agib