Les indicateurs visuels sont utilisés pour faire ressortir certains articles de la masse. Ils n’exigent pas que l’utilisateur passe à l’action, mais agissent comme des outils de communication pour signaler quelque chose d’intéressant. Les indicateurs ne sont pas toujours présents mais apparaissent sous certaines conditions. Pour communiquer leur message, les indicateurs peuvent prendre la forme d’icônes, de styles typographiques, de formats agrandis, de variations de couleurs, d’animations, etc.

Dans le monde numérique, on trouve partout des exemples d’indicateurs. Gmail, par exemple, utilise des icônes de trombones pour montrer quels messages ont des pièces jointes et des étoiles jaunes pour marquer les flux sauvegardés. Les utilisateurs de Todoist indiquent la priorité d’un élément par la case à cocher couleur et peut facilement voir ceux qui ont l’historique des commentaires. Lorsque les mises à jour sont téléchargées, des icônes d’application de superposition d’indicateurs de progression apparaissent sur iOS pour indiquer à l’utilisateur le temps de téléchargement restant.

Une chose géniale dans le travail sur l’UX et la conception d’interfaces, c’est que les principes et les éléments vont au-delà des produits numériques. Les indicateurs, comme les moyens et les signifiants, existent dans le monde qui nous entoure, communiquant des messages sur les entités qu’ils représentent. La façon la plus explicite d’utiliser des indicateurs visuels est d’ajouter du texte, comme marquer des articles dans un grand magasin avec « 20% de rabais! ». .

Pour cette exploration, voici tous les indicateurs non textuels qui existent dans le monde physique. Plutôt que d’ajouter du texte, ils utilisent la couleur, l’orientation et le mouvement.

Statut
La « Visibilité de l’état du système » est l’une des 10 caractéristiques d’utilisabilité de Jakob Nielsen pour la conception de l’interface utilisateur, qui stipule que tout système doit toujours tenir les utilisateurs informés de ce qui se passe. Avec un but similaire dans le monde physique, les indicateurs visuels sont un moyen très commun de communiquer le statut.

Objet: Boîte aux lettres

Indicateur : Marquage en position  » haut « [Etat d’entrée/sortie].

Destinataires: Le postier

Message: »Il y a du courrier à ramasser! »

Objet: Addition au restaurant

Indicateur: Carte qui sort du porte-monnaie[État de paiement][Statut de paiement]

Destiné à: au personnel

Message: »Le mode de paiement est prêt à être traité! »

Objet: Turbine d’avion

Indicateur: Graphique en spirale en mouvement[Activé / Désactivé État)

Destinataires: Personnel au sol de l’aéroport

Message: »Attention! Le moteur de cet avion tourne. »

Bonus: Cet indicateur aide aussi à éloigner les oiseaux!

Progression
Combien [d’incréments] jusqu’ à ce que [cette chose] soit [complète]? Les indicateurs de progression sont très répandus dans les produits numériques pour communiquer le temps restant ou les étapes qu’un utilisateur a entre eux et la fin du processus. Dans le monde physique, ils se manifestent comme des marqueurs qui communiquent un incrément ou un temps restant jusqu’ à ce qu’un état soit atteint ou qu’une action soit nécessaire.


Objet: Livre

Indicateur: Marque-page placé dans une certaine page [Progrès jusqu’à achèvement].

Destiné à: le lecteur

Message: »Regardez comme vous êtes loin dans ce livre! Vous êtes à mi-chemin de la fin. »

 


Objet: Plaquettes de frein pour vélo

Indicateur: Quantité d’usure dans les rainures [temps d’usage restant].

Destiné à: Le cycliste

Message: »Ces rainures d’usure ont presque disparu. Il est temps de changer les plaquettes de freins! »

 


Objet: Avocat

Indicateur: Couleur sous la tige [Gamme de maturité] (Couleur sous la tige)

Destiné aux: Acheteurs et cuisiniers, amateurs de guacamoles affamés

Message: Couleur marron = « Je suis trop mûr / abîmé. » Couleur verte = « Je suis mûr et prêt à manger! »

Favoris personnels
Je suis toujours à la recherche de moyens créatifs pour répondre aux questions avant qu’elles ne soient posées. Anticiper ce que les gens recherchent peut éliminer les sources de confusion dans la mesure du possible. J’ai trouvé ces indicateurs utiles pour créer de la clarté pour les autres et pour moi-même en communiquant un message sans dire un mot.


Objet: Bouteille de bière

Indicateur: Pli sur la canette [Propriété].

Destiné à: Quiconque songe à voler ma bière

Message: »Ce n’est pas votre bière. »

Bonus: Les marqueurs de verre à vin (et les porte-serviettes? 4) fonctionnent de la même façon!

 


Objet: Théière de restaurant

Indicateur: Positionnement et inclinaison du couvercle[Vide / État plein]

Destiné à: Personnel

Message: »Cette théière est vide. On peut avoir plus d’eau, s’il vous plaît? »

 


Objet: Chemises à cols

Indicateur: Positionnement du crochet du cintre [avant / envers] (Etat de propreté)

Destiné à: Moi!

Message: Crochet vers l’extérieur = « Cette chemise est propre. » « Cette chemise a été portée au moins une fois. »

De tels indicateurs ne parlent pas d’eux-mêmes. Cependant, dans le bon contexte, ces repères visuels peuvent aider les utilisateurs à différencier un élément d’un autre. Ce que l’utilisateur fait avec ce message dépend de son besoin immédiat ou de son objectif final. Dans le monde numérique et physique, les indicateurs visuels sont là pour vous aider.

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.