Mettre l'accent sur l'étiquette ou la valeur?
Je me suis souvent demandé quel est l'élément recommandé à souligner - l'étiquette ou la valeur de l'élément - lorsque vous souhaitez attirer l'attention d'un utilisateur sur une information spécifique. Par exemple, notre application dispose d'une boîte de dialogue de confirmation après la réservation d'une commande qui contient le numéro de confirmation de la commande. Il est souvent important que l'utilisateur prenne note du numéro de confirmation pour une utilisation ultérieure - par ex. communication avec le client; recherche de données; etc.
L'application affiche actuellement la boîte de dialogue avec l'étiquette mise en surbrillance comme suit:
Une alternative serait de mettre en évidence le numéro de confirmation lui-même:
J'ai toujours pensé que la première approche était préférée car elle est plus numérisable - elle aide l'utilisateur à trouver le numéro de confirmation, mais la dernière approche que j'ai souvent vue aussi et elle fait ressortir le numéro de commande lui-même une fois qu'il a été identifié.
Une autre considération est que les mêmes pratiques s’appliqueraient si plus d’un élément devait être souligné.
Des bonnes pratiques ici?
Je pense que cela dépend de la situation.
Dans votre cas (boîte de dialogue de confirmation de réservation), je pense qu'il serait préférable de mettre la valeur en gras car c'est le résultat de l'opération de réservation et c'est CETTE valeur que les utilisateurs devront noter ou mémoriser. La boîte de dialogue est petite et le nombre est l'élément d'information le plus important. En outre, il s'agit d'une fenêtre contextuelle de résultat unique qui présente une seule information: elle n'est pas utilisée pour rechercher des informations. Par exemple:
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Cependant, si vous avez une autre page qui est accessible ultérieurement par l'utilisateur et qui présente un résumé de la réservation (plus d'une information), alors il serait préférable de faire le étiquettes en gras. Par exemple:
...
Numéro de confirmation
TL118755483
Itinéraire de vol
Lun.29 oct.2012 15:20
De Bangkok à Phnom Penh
Passagers
Bill Cosby
Passeport ABC12345DEF
...
Dans ce cas, l'utilisateur peut numériser plus facilement pour trouver les bonnes informations. En combinaison avec des paragraphes/groupes d'informations alignés à gauche, ils sont plus faciles à identifier. Il peut être utilisé pour rechercher une information.
Bien que je convienne avec Riche que l'utilisateur recherche plus de contenu que le "fluff" autour comme des étiquettes, je pense que les étiquettes sont ce que tout utilisateur utilise pour trouver le contenu. En regardant les deux exemples, j'ai immédiatement "grog" celui avec "numéro de confirmation" souligné, alors que j'ai besoin de regarder deux fois celui où ce numéro lui-même est souligné. Il a attiré mon attention sur le nombre, mais a immédiatement fait surgir la question "quel est ce nombre", me faisant regarder autour de moi pour trouver la réponse.
Généralisant un peu la structure du document, les titres sont généralement mis en valeur, pas le corps du texte. Maintenant, mis à part le fait que le corps du texte en gras détruirait en quelque sorte l'objet de l'exercice dans n'importe quel document de taille suffisante, mettre l'accent sur les titres vous aide à vous déplacer dans le document et à trouver la partie qui vous intéresse. Cela aide également lorsque déjà dans une partie spécifique du texte, pour savoir où vous vous trouvez dans la structure du document.
Je dirais donc de souligner l'étiquette car elle aide quelqu'un à trouver ce qu'il cherche et à trouver le nombre réel à partir de là, une action sera effectuée sur le pilote automatique.
Je pense que cela dépend du cas spécifique:
- Si l'utilisateur s'attend à voir une valeur spécifique, mettez cette valeur en surbrillance, pas son étiquette.
- Si l'utilisateur ne s'attend pas à une valeur spécifique ou si plusieurs valeurs sont affichées, mettez en surbrillance les étiquettes.
Je suppose que dans la plupart des cas, cette dernière variante s'appliquerait. Voici des exemples de mise en évidence de la valeur:
- une recherche dans le carnet d'adresses: mettez en surbrillance "John Doe", pas "Nom:" (mais mettez en surbrillance "Code postal:", pas "12345")
- résultats de la recherche de produits: mettez en surbrillance "17 €", pas "Prix:" (mais mettez en surbrillance "Poids", pas "1,7 kg")
Après avoir relu cela, je pense que je dirais: Si l'étiquette pourrait être omise, mettez la valeur en surbrillance. Mais si vous avez plusieurs paires étiquette-valeur, soyez cohérent et mettez en surbrillance toutes les étiquettes (et omettez probablement l'étiquette pour la valeur la plus importante, s'il y en a une).
Je ne suis pas sûr qu'il y ait là une réponse définitive. Une grande partie de l'interface utilisateur plus moderne met l'accent sur la valeur par rapport à l'étiquette. L'étiquette est vraiment un type d'interface utilisateur, alors que ce que l'utilisateur veut obtenir, c'est le contenu. S'il a besoin de trouver le contenu, il regardera autour de lui et trouvera l'étiquette. Dans ce contexte, je m'attends à ce que la plupart des utilisateurs répétés fassent probablement une estimation précise de ce nombre.
Un exemple de bonne visualisation des données que j'ai vu circulatine sont les rapports Feltron, qui, comme vous pouvez le voir, ont de petites étiquettes pour les mégadonnées: http://feltron.com/ar11_04.html
Tout d'abord, les labels ne sont pas des titres! Comme @ marjan venema l'a dit dans autre question , les étiquettes ne sont presque jamais des titres .
Nous pourrions parler de titres si nous avions un formulaire avec des sections, et les sections avaient des titres. Les mettre en évidence est une bonne chose qui aide à numériser le formulaire.
Cela dit, parlons des étiquettes.
Je pense que les formulaires devraient mettre l'accent sur la saisie de l'utilisateur, ce qui est le but ultime du formulaire.
Au moyen d'une expérience gedanken, comme permettre aux utilisateurs de gérer la visibilité relative des étiquettes par rapport aux valeurs, je conclus qu'au fil du temps, les utilisateurs préfèrent ne pas mettre l'accent sur les étiquettes.
Cela ne se produira pas la première fois qu'ils verront le formulaire, alors qu'ils doivent encore lire attentivement les étiquettes.
Mais après quelques fois, quand ils n'ont qu'à jeter un bref coup d'œil sur une étiquette pour comprendre clairement ce qu'elle demande, alors les juger serait l'option choisie.
D'un autre côté, personne ne jugera le contenu au fil du temps.
En fait, j'ai vu ce comportement dans la vraie vie, il y a des années, avec des utilisateurs peaufinant le contraste et la luminosité du terminal pour obtenir cet effet: des étiquettes très attachées aux champs de saisie normalement visibles.
Ces utilisateurs utilisaient fréquemment ces interfaces utilisateur pendant des heures dans le cadre de leur travail.
J'aimerais voir une interface utilisateur Web offrant un mode expert plus minimaliste .
La raison derrière tout cela est que le fait de rendre les artefacts d'interface utilisateur plus "invisibles" réduit un peu la charge cognitive nécessaire pour masquer la disposition de l'écran, et que ces petites réductions, lorsqu'elles sont répétées suffisamment de fois, font une différence.
Au contraire, une charge cognitive plus élevée, fatigue les utilisateurs plus tôt.