Remarque : J'ai parcouru les questions suivantes et, bien qu'elles fournissent des informations utiles, elles sont toutes très anciennes (2010, 2012) et non vraiment un double de mon cas d'utilisation → 1 , 2 ,
J'ai un tableau dans lequel chaque ligne contient les éléments suivants:
La valeur actuelle peut être modifiée (augmentée ou diminuée) à l'aide du curseur ou simplement en tapant un nouveau numéro dans la ligne (la cellule est une zone de saisie), toutes les modifications sont enregistrées automatiquement.
Les utilisateurs peuvent naviguer, revenir à la même page (peut-être des jours ou des semaines plus tard) et continuer d'où ils sont partis, mais la seule façon de voir si une valeur a été modifiée dans une ligne donnée (alias valeur d'origine =/= valeur actuelle) est de regarder "manuellement" les deux cellules et de comparer les chiffres.
Je pense à mettre en place une sorte d'indicateur visuel qui devrait:
Je ne suis certainement pas une personne UX forte, donc je cherche des idées et des conseils sur les choses à garder à l'esprit lors de la mise en œuvre de cet indicateur.
Vous pouvez regarder différents traitements à partir d'applications comme Outlook avec de nouveaux e-mails, ils ont une bande bleue à gauche sur les fils contenant de nouveaux messages. Il existe également d'autres exemples comme Gmail avec une balise "nouveau" qui disparaît lorsque vous ouvrez l'onglet. Voir l'exemple ci-dessous:
Les nouveaux éléments de chaque onglet seront également en gras alors que les plus anciens sont sur du texte normal.
Parallèlement, ils ont également ajouté des métadonnées supplémentaires à l'extrême droite des e-mails pouvant nécessiter une attention particulière. Regarde ça:
J'espère que ça aide
Un indicateur visuel à côté de la valeur peut facilement indiquer si la valeur d'origine a été remplacée ou non. Je pense que vous devriez également supprimer la colonne de valeur d'origine et simplement inclure la colonne de valeur actuelle qui aura soit les valeurs d'origine soit les valeurs remplacées avec des indicateurs visuels
Solution
Nous avons un simple point comme indicateur visuel. Point vert si la valeur a augmenté et point orange si la valeur a diminué. Et au survol de ce point, vous pouvez voir l'indicateur de valeur d'origine plus le décalage par lequel la valeur a diminué
J'ai raillé une solution simple pour ce scénario. Découvrez l'image ci-dessous
Je suggérerais d'ajouter une colonne présentant exactement les informations que les utilisateurs recherchent: le changement entre la valeur actuelle et la valeur précédente (je supposais que le nombre pouvait être changé plusieurs fois, donc la différence serait entre la valeur précédente et la valeur actuelle).
Voici un exemple de ce que j'imagine:
Le changement est représenté à l'aide des flèches haut et bas qui ne doivent pas être confondues avec les boutons d'édition. Les couleurs se différencient de haut en bas, mais elles sont redondantes avec la forme des icônes, de sorte que le design est toujours accessible.
Le fait d'avoir une colonne distincte donne aux utilisateurs la possibilité de trier ou de filtrer le tableau en fonction de ces informations: toutes les valeurs qui ont augmenté ou diminué ou qui restent constantes (une seule valeur).
Des informations supplémentaires peuvent être présentées en survol, telles que la différence réelle, la date de la dernière valeur saisie, etc.
J'ai quelques idées différentes pour montrer qu'une colonne a été modifiée.
Je voudrais cependant également stocker une date modifiée pour la ligne dans le tableau (vous n'avez donc pas à baser quelque chose uniquement sur la valeur et toujours les comparer)
Vous pouvez utiliser cela pour savoir si une ligne a été modifiée (avec une icône ou une couleur d'arrière-plan différente)
idéalement, si la valeur actuelle est supérieure ou inférieure à la valeur d'origine (incertain à ce sujet)
Vous pouvez afficher cela de différentes manières.
Personnellement, j'aime utiliser des couleurs pour attirer l'attention des utilisateurs; toutefois. Il ne peut pas être abusé ou trop agressif, ou alors l'utilisateur pense peut-être qu'il a fait quelque chose de mal.
Je ne suis pas plasticienne; mais j'ai créé un concept pour montrer ce que je veux dire
Au lieu d'aller pour une icône ici, j'ai décidé de colorer la bordure.
Je pense que la douce couleur rougeâtre indique à l'utilisateur qu'il s'agit d'un nombre descendant. À moins qu'un nombre descendant soit quelque chose de positif, les couleurs doivent être changées (un exemple serait si vous pouviez réduire votre coût de la vie, ce serait une chose positive)
Une possibilité serait d'afficher les valeurs modifiées en gras 1 . Bien que ce ne soit probablement pas le même type de tableau que vous, Microsoft le fait souvent dans son logiciel de développement Visual Studio. L'exemple ci-dessous montre clairement que les paramètres Répertoire de sortie et Répertoire intermédiaire ont été modifiés:
Un inconvénient de cette approche est qu'il n'est pas immédiatement évident quelle était la valeur d'origine, bien qu'il existe des moyens d'y remédier:
Pour tout type de champ, une info-bulle peut afficher quelque chose comme " Changé de xxxxx".
Une liste déroulante peut inclure la valeur d'origine (soit séparée des autres valeurs, soit marquée d'une certaine manière.
Un menu contextuel pourrait afficher la valeur d'origine et/ou avoir une option pour réinitialiser la cellule à cette valeur.
1 Si vous vouliez afficher "augmenté par rapport à l'original" ou "diminué par rapport à l'original", vous pourriez éventuellement ajouter de la couleur, bien qu'il puisse ne pas y avoir de mappage "évident" pour quelle couleur représenter chacun, et il y aurait les avertissements habituels à propos de en s'appuyant sur la couleur pour les utilisateurs qui, dans une certaine mesure, sont daltoniens.
Une autre option serait d'afficher la flèche vers le haut ou vers le bas avant ou après la valeur, mais (a) cela pourrait donner l'impression que les choses sont "encombrées" et (b) pourrait être confondu avec des contrôles pour modifier la valeur.