web-dev-qa-db-fra.com

Interagir avec de petits objets

Les objets (les petits carrés) peuvent être sélectionnés/désélectionnés. Les petits objets sont contenus dans le grand conteneur. Il peut y avoir plusieurs boîtes à conteneurs rangées sur l'axe des x.

J'apprécierais des suggestions sur la façon de rendre la sélection/désélection des petits carrés aussi facile que possible, car lorsque vous travaillez sur de petits objets comme celui-ci, cela peut vraiment devenir compliqué et je pense que la loi de Fitt n'est vraiment pas prise en considération lorsqu'elle semble comme mon image de suggestion.

Select small objects

Le conteneur peut être zoomé horizontalement pour que les points aient plus d'espace sur l'axe des x, mais l'utilisateur ne devrait pas (dans une implémentation parfaite) être forcé de zoomer juste pour faire la sélection, puis de faire un zoom arrière pour faire d'autres choses c'est plus facile dans un état de zoom arrière.

J'ai pensé à l'effet de loupe OS X, mais existe-t-il d'autres moyens de rendre la sélection plus facile et moins compliquée?

La conception est destinée aux ordinateurs PC/Mac avec interaction souris/tapis de souris.

9
Henrik Ekblom

Une solution consiste à afficher une version agrandie directement au-dessus de l'endroit où l'utilisateur est actuellement en vol stationnaire. Regardez comment YouTube gère la recherche de longues vidéos, par exemple:

YouTube seeking

Cela permet à l'utilisateur de sélectionner une période approximative qui l'intéresse, puis d'effectuer une sélection plus fine en utilisant le grossissement à intervalle plus court.

L'application Musique sur iPhone/iPod a une fonctionnalité qui ralentit le "taux de scrubbing" en faisant glisser votre doigt verticalement vers le bas de l'écran pour effectuer une sélection plus fine. Si vous concevez pour le toucher, le déplacement vertical du doigt pourrait peut-être automatiquement effectuer un zoom avant/arrière sur la barre pour effectuer une sélection plus fine (avec une aiguille pour sélectionner l'élément).

16
Brendon

Les objets doivent-ils être aussi petits?

Par exemple, vous pouvez utiliser des lignes au lieu de points et afficher plus d'informations lorsque vous passez l'aspirateur. La zone de sélection devient beaucoup plus grande car elle ne dépend pas des axes Y et X mais uniquement de X.

get bigger

5
Gildas Frémont

enter image description here

Laissez l'utilisateur sélectionner une boîte de conteneur. Ensuite, le système doit faire du premier objet de cette boîte l'objet courant et le mettre en surbrillance (comme nous mettons en surbrillance l'élément de liste actuel). L'utilisateur doit pouvoir se déplacer dans les objets à l'aide des touches fléchées gauche et droite du clavier ou en cliquant sur les boutons fléchés situés de chaque côté de la boîte de conteneur sélectionnée. Le système doit toujours mettre en surbrillance l'objet actuel lorsque l'utilisateur parcourt les objets à l'aide des touches fléchées et également, l'objet actuel doit être affiché au-dessus de la boîte du conteneur de manière agrandie. Lorsque l'utilisateur appuie sur la touche ENTER, le système la traite comme une sélection de l'objet actuel.

2
rags