web-dev-qa-db-fra.com

Comment transmettre l'interaction entre deux cellules

Je travaille sur un projet qui comprend la conception d'un comportement pour une grille de données Web. Je rencontre une question décrite dans le titre. Voici une capture d'écran.

enter image description here

La cellule d'entrée modifiable est celle avec l'icône de crayon bleu, et celle qui change en conséquence se situe sur le côté droit, entourée d'une bordure illuminée avec une superposition bleu clair sur le dessus. L'idée de cette conception est que lorsqu'un utilisateur effectue une entrée/un ajustement de données, l'autre cellule est mise en surbrillance temporairement (clignote pendant une seconde, puis disparaît progressivement), et le contenu change en même temps (demande du client).

Je me demandais si cette approche est suffisamment forte pour indiquer la relation entre ces deux cellules d'entrée? Cela me fait également me demander la taille de la zone de mise au point de l'œil de l'utilisateur lorsqu'il effectue une saisie de données. Je remarque que dans une entrée de zone de texte, j'ai tendance à me concentrer uniquement sur la zone de texte elle-même. Ainsi, dans ma conception, bien que la cellule d'entrée associée soit quelque peu mise en évidence, est-ce que l'utilisateur "remarquera" cela? dois-je déplacer la cellule associée à côté pour appliquer ce concept? Ou devrais-je jeter ceci et trouver une autre idée? Merci beaucoup.

2
Cary Liu

Affichez les modifications apportées aux éléments associés dans la proximité la plus proche possible.

Dans votre exemple actuel, vous avez la conversion de devise: 1 entrée est convertie pour changer dans une cellule adjacente. (bien que vous ayez un modèle à sens unique, il apparaît).

Voir ces exemples: enter image description here

enter image description here

L'entrée et la sortie résultante sont proches l'une de l'autre.

Cela suit la loi de proximité dans les lois de groupement de la Gestalt.

Dans votre exemple actuel, plus la distance entre votre entrée et l'événement dans la colonne la plus éloignée est grande, plus vous vous reposerez sur l'animation, le mouvement, le changement de couleur, etc.

Ce groupe Neilsen Norman article sur l'animation et la convivialité pose une grande question en ce qui concerne l'attention des utilisateurs:

Où l'attention de l'utilisateur serait-elle autrement concentrée au moment où l'animation se produit?

Dans votre cas, les colonnes sont éloignées les unes des autres et nécessiteront un événement plus notable.

Essayez de déplacer les colonnes ensemble

Pro:

  • L'utilisateur verra la relation de taux de conversion
  • Adaptatif: fonctionne pour des fenêtres limitées (si vous avez un tableau qui peut défiler horizontalement avec une colonne figée, les éléments restent ensemble dans une vue plus petite)

Con:

  • Si la première colonne n'est pas le taux modifiable, vous devrez peut-être souligner son importance ou sa fonction d'édition (mais je ne connais pas les autres contraintes que vous avez).
1
Mike M