Exploiter la puissance des standards d'icônes

Aussi efficace que puisse être la métaphore d'une icône, les icônes réellement puissantes tirent leur force de leur reconnaissance universelle et de leur utilisation conventionnelle - une sorte de standardisation. Nous discuterons plus en détail de la standardisation des icônes dans cet article, puis nous proposerons quelques mouvements de normalisation des icônes que vous pourrez explorer et intégrer à vos propres projets..


Pourquoi utiliser des icônes?

Les icônes et les symboles sont des outils visuels puissants. Normalement, ils représentent des objets de la vie réelle en les représentant dans la réalité ou en utilisant une métaphore. Ils peuvent communiquer en un seul objet ce qui nécessiterait sinon beaucoup de caractères ou de mots, ce qui explique en partie pourquoi les icônes sont si souvent exploitées dans la conception de logiciels. Utilisés correctement, ils peuvent communiquer efficacement un message dans un minimum d'espace..

De plus, les icônes et les symboles permettent aux utilisateurs d’identifier un message ou une métaphore sans alourdir leur charge cognitive. Par exemple, imaginez si le dock sous OS X utilisait du texte au lieu d’icônes. Cela obligerait les utilisateurs à lire et à traiter mentalement le texte de chaque application jusqu'à ce qu'ils trouvent ce qu'ils veulent..

Voir l'utilisation du texte ici rend la mise en œuvre des icônes une évidence, et pour une bonne raison. L'utilisation d'icônes, notamment pour représenter les éléments fréquemment consultés, réduit la quantité d'informations que le cerveau des utilisateurs doit traiter et leur permet de numériser et de localiser plus facilement ce qu'ils veulent..


Pourquoi utiliser les standards d'icônes?

Une utilisation puissante des icônes et des symboles est leur capacité à transcender le langage humain.

Une autre utilisation puissante des icônes et des symboles est leur capacité à transcender le langage humain. Les icônes fonctionnent le mieux et sont plus puissantes lorsque les concepteurs exploitent l’universalité et la reconnaissabilité des concepts du monde réel. C’est une autre raison pour laquelle les icônes sont si souvent utilisées dans les logiciels: elles transcendent les barrières linguistiques et empêchent souvent la localisation et la traduction..

Lors de la conception d'icônes destinées à être utilisées dans des applications logicielles et d'autres supports, les concepteurs doivent déterminer s'il existe déjà une convention ou une norme en vigueur pour ce qu'ils tentent de communiquer..

Utilisation standardisée des icônes: un exemple

Par exemple, supposons que vous deviez concevoir des boutons d’action sexospécifiques. Vous pouvez commencer par créer un bouton qui dit "Hommes" et un autre qui dit "Femmes". En outre, vous pouvez ajouter des couleurs traditionnellement associées aux sexes masculins et féminins..

Mais que se passe-t-il si ces boutons sont destinés à un large public de plus de 50 pays et langues? Vous devrez probablement créer une solution de localisation prenant en charge la traduction linguistique..

Vous pouvez également exploiter le pouvoir de communication des icônes et des symboles. Alors, comment représentez-vous visuellement les "hommes" et les "femmes"? Plutôt que de comprendre comment amener les gens de 50 pays à comprendre vos symboles, vous pouvez rechercher une métaphore normalisée universellement comprise. Vous n'aurez pas à penser longtemps avant que les symboles couramment utilisés «Hommes» et «Femmes» ne viennent à l'esprit.

Il est probable que vous puissiez exploiter le pouvoir derrière la reconnaissance universelle de ces symboles dans vos boutons d'action. Maintenant, cela a simplement été utilisé à titre d'exemple et non pas comme une solution de conception, mais cela permet de représenter le pouvoir d'utiliser des symboles et des icônes pour communiquer.


Découverte des normes et conventions d'icônes

Les symboles "hommes" et "femmes" vus ci-dessus ne sont pas nécessairement des "normes", car ils ont été officiellement approuvés et autorisés à être utilisés par un comité international de professionnels du design. Ils sont devenus des normes en raison de leur utilisation prolifique et répandue. Parce que beaucoup de gens les ont vus, beaucoup de gens savent ce qu'ils veulent dire.

La familiarité et l’universalité aident à rendre les icônes reconnaissables par un large éventail de personnes. Cependant, découvrir des icônes véritablement universelles peut être très difficile. Certaines métaphores normalisées que vous pouvez reconnaître, telles qu'un morceau de papier avec un angle plié pour "document", une loupe pour "recherche" et un panier d'achat pour, ainsi, un panier d'achat "numérique". Il est plus difficile de reconnaître rapidement d'autres métaphores telles que "réputation" ou "vue".

Une bonne méthode pour déterminer si une métaphore donnée a une norme ou une convention consiste à rechercher simplement dans Google image le terme que vous souhaitez communiquer. Si vous voyez un motif répétitif d'icônes similaires, vous pouvez probablement supposer qu'il s'agit d'une métaphore classique. Une autre option pour découvrir l'universalité d'un symbole ou d'une icône est de le montrer à un éventail de personnes et de leur demander ce qui leur vient à l'esprit quand elles le voient..

De nombreuses normes et conventions relatives aux icônes ne sont pas propriétaires. Cela signifie qu'ils ne sont pas officiellement choisis et approuvés par un organisme désigné. Un grand nombre d'icônes standardisées deviennent bien connues parce que les concepteurs ou les entreprises choisissent de les utiliser dans leurs produits. À mesure que les métaphores emblématiques deviennent de plus en plus homogènes dans tous les systèmes logiciels, elles deviennent de plus en plus communes pour devenir des normes ou des conventions dans la communauté des concepteurs. L’icône du fil (communément appelée RSS) est un bon exemple de la manière dont une icône est devenue un standard..


Comment une icône est devenue une norme

Dans les premiers temps du Web, avant 2004 environ, les utilisateurs commençaient à suivre le train RSS s’abonnant aux flux syndiqués. En l'absence de métaphore ou de méthode standard permettant de représenter visuellement ce qu'est un flux, les éditeurs Web ont conçu une grande variété d'icônes énigmatiques afin d'indiquer aux utilisateurs que leurs sites Web proposaient des flux..


Gracieuseté du conseil RSS

L'une des méthodes les plus courantes pour représenter les flux était le bloc orange avec le texte "RSS" inscrit dessus. Cependant, même si RSS était plus court et plus simple que l’écriture de "syndication", il ne représentait fidèlement qu’un format dans lequel les flux pouvaient être insérés. Ce qu’il fallait, c’était une métaphore pour décrire le concept de flux, plutôt que le texte (RSS) d’un fichier. mise en œuvre de l'alimentation particulière.

adaptation généralisée… a été le catalyseur nécessaire pour faire de l'icône de fil orange une norme reconnue.

Dans le but de créer une simple icône pouvant représenter tous les protocoles de syndication, Stephen Horlander a conçu ce que nous connaissons aujourd'hui sous le nom d'icône de fil orange. L'icône a été créée à l'origine pour Firefox 1.0. Cela n’a en aucun cas fait de l’icône un standard. Sa conception, cependant, représentait clairement l’aspect de la radiodiffusion et devait être adopté par les équipes d’Internet Explorer et d’Outlook. Opera a rapidement emboîté le pas et cette adaptation répandue (en particulier par les grandes entreprises de technologie) a été le catalyseur nécessaire pour faire de l'icône de fil orange une norme reconnue..

L'icône de flux est un excellent exemple de la puissance des icônes. Plutôt que de présenter de minuscules boutons avec des mots technologiques que les utilisateurs ne comprendront pas (RSS, Atom, Blogline, XML, etc.), la simple icône de flux peut indiquer le but de la pile complexe de technologies de flux en disant: "Nous diffusons quelque chose. il".


Normes d'icônes spécifiques à la plate-forme

Vous trouverez un autre exemple d'icône devenant une norme grâce à une utilisation généralisée dans l'icône "Partager" initialement proposée par Apple. Vous pouvez reconnaître l'icône telle qu'elle apparaît dans de nombreuses applications Apple, d'iOS à OSX. Cependant, cette icône trouve également une utilisation généralisée par des développeurs tiers au sein de l'écosystème d'Apple..

Comme vous pouvez le constater, l'icône "Partager" apparaît dans de nombreuses applications exécutées sur la plate-forme logicielle d'Apple. Ainsi, si vous développez pour iOS ou OSX et que vous avez besoin d’une icône de partage, il peut être judicieux de suivre le modèle adopté par de nombreux autres concepteurs (au lieu de créer votre propre icône pour "partager"). Les utilisateurs de l'écosystème Apple (et de plus en plus souvent en dehors de celui-ci) comprendront plus facilement ce que vous essayez de communiquer si vous utilisez ce symbole, car il y a des chances qu'ils l'aient déjà vu..


Icon Standards: Exprimez votre vote

Vous pensez peut-être que les icônes deviennent des normes car de grandes entreprises telles que Microsoft ou Apple choisissent de les utiliser, ce qui est partiellement vrai. Mais en réalité, les grandes entreprises ne font qu'accélérer le processus de normalisation, car leur présence sur le marché contribue à exposer un grand nombre d'utilisateurs aux icônes. L'exposition répétée à la métaphore d'une icône est ce qui aide à établir sa familiarité avec les utilisateurs et donc un message normalisé visuellement..

Quand les gens normaux voient une icône et savent ce qu’elle représente, c’est un outil extrêmement puissant. Cela signifie que vous, en tant que concepteur, pouvez aider à choisir les icônes qui deviendront des normes. En choisissant les icônes que vous utiliserez dans votre prochain projet de conception, vous voterez essentiellement comme suit: "Oui, cette icône est une bonne représentation de la métaphore de ce que j'essaie de transmettre et je vais y exposer mes utilisateurs. . "


Icônes utilisables dans votre prochain projet

Vous trouverez ci-dessous des références à quelques projets d'icônes qui se proposent comme candidats à une utilisation conventionnelle standardisée..

Icône OMPL

  • Objectif: Le langage OPML (Outline Processor Markup Language) est un format XML pour les contours les plus couramment utilisés lors de l'échange de listes de flux Web entre des agrégateurs de flux. (Pour voir un exemple de flux OPML, cliquez ici).
  • Licence: Licence Creative Commons Attribution-Share Alike 3.0 Unported
  • Page d'accueil: http://www.opmlicons.com/

Icône Geotag

  • Objectif: Pour ceux qui ne le savent pas, la géolocalisation ajoute essentiellement des méta-informations géographiques à des contenus tels que des photos. Semblable à l'icône de fil, la métaphore d'icône Geotag est conçue comme un standard Web permettant de communiquer le but d'une technologie complexe à des humains ordinaires via un symbole visuel..
  • Licence: Creative Commons ou GNU Lesser GPL
  • Page d'accueil: http://geotagicons.wordpress.com/

Icône de la langue

  • Objectif: Créez une icône abstraite, reconnaissable dans le monde entier, pouvant être utilisée dans des applications logicielles et sur le Web pour sélectionner des traductions dans différentes langues..
  • Licence: Licence Creative Commons Attribution-Share Alike 3.0 Unported
  • Page d'accueil: http://www.languageicon.org/index-icon.php

Open Share Icon

  • Objectif: Aidez les utilisateurs à identifier facilement le contenu pouvant être partagé. L'icône elle-même tente de communiquer l'acte de partage à travers la métaphore visuelle d'une main qui passe quelque chose sur une autre main..
  • Licence: Licence Creative Commons Attribution-Share Alike 3.0 Unported
  • Page d'accueil: http://www.shareaholic.com/openshareicon

Icône ShareThis

  • Objectif: Représente l'action générique de partage d'une page Web à partir de n'importe quelle source vers plusieurs destinations telles que la messagerie électronique, les réseaux sociaux, etc..
  • Licence: GPL, LGPL, BSD, Creative Commons Attribution 2.5
  • Page d'accueil: http://www.shareaholic.com/openshareicon
  • Remarque: Introduit à l'origine avec un plugin Wordpress, cette icône est quelque peu controversée car elle est maintenant officiellement enregistrée (par conséquent, de nombreuses personnes préconisent l'utilisation de l'icône "open share" à la place)..

Icône Markdown

  • Objectif: "Utilisez cette marque pour identifier les zones de saisie utilisateur prenant en charge la sortie HTML compilée par Markdown ou pour identifier la prise en charge générale de Markdown." - http://dcurt.is/the-markdown-mark/
  • Licence: LICENCE UNIVERSELLE DE DÉDICACE DE DOMAINE PUBLIC CC0
  • Page d'accueil: https://github.com/dcurtis/markdown-mark