web-dev-qa-db-fra.com

Comment montrer correctement que le logiciel est connecté à un instrument?

Permettez-moi de commencer par dire que je suis un développeur de logiciels, pas du tout un concepteur ui/ux, mais dans mon entreprise, je dois également couvrir ce rôle.

Je développe un logiciel de bureau qui gère certains périphériques matériels particuliers.
Il est possible de connecter ces appareils au PC et d'établir une "connexion en temps réel" avec l'instrument. Tant que cette connexion est active, davantage de fonctionnalités sont disponibles.

Les boutons principaux de mon logiciel ont des icônes, et l'icône du bouton "Connect" est un cercle rouge qui, dans mon esprit, rappelle le bouton "REC" des caméras:

Connect button

Ensuite, sur ma fenêtre principale, je dois montrer en quelque sorte qu'une connexion en temps réel est vivante. Et je l'ai fait en plaçant un cercle rouge clignotant dans le coin de ma fenêtre:

Connection alive

Un des bêta-testeurs (un sur une douzaine, plus ou moins) a cependant indiqué que

Le bouton de connexion est toujours rouge! Donc je pense qu'il y a un problème avec ma connexion

Ma question est: puisqu'un seul testeur bêta a signalé cette interprétation, dois-je l'ignorer ou mon icône est vraiment fausse? Si oui, que puis-je faire pour l'améliorer?

Edit: je sais que le rouge a une signification précise, mais dans ce cas, il imite un élément existant, c'est-à-dire le bouton REC sur les caméras et les enregistreurs.
De plus, dans ce cas, un simple cercle blanc ne serait-il pas dénué de sens ou trompeur?

1
farfetched

Je pense que dans votre cas, et puisque vous avez affaire à des instruments, vous devez être conscient de quelque chose:

1- Le traitement des instruments consomme beaucoup de couleurs dans le système, et je connais la nécessité d'utiliser la couleur rouge. Je pense donc que pour la déconnexion, il vaut mieux éviter la confusion et utiliser le gris clair. Cela donne l'impression d'une connexion désactivée.

En général, la couleur rouge signale une erreur ou un problème. l'utilisation du rouge pour la déconnexion est donc écrasante pour l'utilisateur. Pour cette raison, la déconnexion est une action pilotée par l'utilisateur qui peut être représentée par une couleur grise. Certaines personnes utilisent la couleur rouge mais dans des systèmes qui n'utilisent pas beaucoup la couleur rouge.

2- Je pense qu'il est très important d'utiliser des mots qui supportent les icônes. et dans votre système, je pense que le besoin d'utiliser des mots est très important. il aide l'action à être perceptible et à l'aide du mot " Connecté! " ou " Non connecté "est utilisable et facile à voir et à reconnaître. GOOGLE se déplace de nos jours pour implémenter des mots plutôt que des icônes afin de rendre les actions claires pour les utilisateurs.

Dans l'image ci-jointe, j'ai utilisé deux échantillons: soit en utilisant l'icône du câble pour représenter la connectivité, soit en utilisant des icônes abstraites connues comme des points et une coche verte.

enter image description here

2
Khalil Hanna

Le rouge est une couleur utilisée pour avertir et afficher les erreurs. Pensez aux feux rouges, aux panneaux d'arrêt rouges et à des trucs comme ça.

Je pense que votre icône ne devrait être rouge que lorsque quelque chose ne va pas avec la connexion, bien sûr, un cercle rouge ne suffit pas, vous devez également fournir l'état actuel de la connexion "Connexion perdue", "Connecté" etc.

Si vous souhaitez vous fier aux couleurs, utilisez le vert pour une connexion qui fonctionne et le rouge pour une connexion/erreurs qui ne fonctionne pas.

Ma question est: comme un seul bêta-testeur a signalé cette interprétation, dois-je l'ignorer ou mon icône est vraiment fausse?

Si vous n'avez qu'un seul testeur, cela signifie que ce testeur représente 100% de votre groupe de test, ce qui signifie qu'en ce moment, 100% des personnes qui ont testé votre application disent qu'elles pensent que votre icône ressemble à une erreur.

Si vous n'êtes pas sûr (ce que je ne ferais pas avec un seul testeur), testez votre application avec plus de personnes.

Je pense que vous pouvez trouver une meilleure icône qu'un simple cercle qui ne fournit absolument rien aux utilisateurs. Les points bonus si vous utilisez une icône ont deux états, un pour connecté et un pour déconnecté.

-> si votre application est faite pour enregistrer des trucs comme un écran, vous pouvez ignorer cela car votre icône conviendrait vraiment.

0

J'ai une autre question qui aiderait à clarifier votre cas.

  1. Ce bouton est-il un bouton basé sur l'action?
    Demandez-vous aux utilisateurs s'ils souhaitent que l'application exécute l'action "se connecter"?
  2. Ou s'agit-il plutôt d'un indicateur d'état, qui indique l'état actuel de l'appareil?

Si votre cas tombe sous le no. 2 option, je pensais montrer le statut avec une icône qui pourrait être plus largement comprise, comme suit.

enter image description here

Estimez-vous que cela aiderait?

0
Adriano