Existe-t-il un moyen visuel de représenter la capacité de traînée?
Dans ce graphique de visualisation des données , nous voulions faire comprendre à l'utilisateur que le graphique est interactif =.
Lorsque quelqu'un clique et fait glisser un point, la sélection se développe. Cela permet de descendre dans les données. Cependant, lorsque nous voyons le graphique, nous ne comprenons pas qu'il est interactif .
Nous pouvons montrer une étiquette comme:
Faites glisser les points pour développer la sélection
Nous pouvons également former l'utilisateur - ce sera cher.
Cependant, existe-t-il un moyen visuel de représenter la capacité de traînée?
Lorsque le curseur entre dans la zone du graphique, changez son symbole en "déplacer le curseur":
MODIFIER:
Une autre solution consiste à utiliser cette icône lorsque la souris entre dans la zone du graphique:
et cette icône lorsque l'utilisateur clique sur la zone du graphique:
Vous pouvez ajouter un barre de défilement ou graphique d'aperç pour indiquer clairement que les utilisateurs peuvent zoomer/dézoomer et interagir avec le graphique. Cela rend le texte d'instruction inutile. Voir les démos suivantes.
En plus de la barre de défilement ou des poignées d'aperçu, l'utilisateur peut toujours cliquer et faire glisser pour zoomer sur une zone du graphique. Ils peuvent également utiliser le menu contextuel (clic droit pour y accéder) pour effectuer un zoom avant ou arrière.
Interagissez avec la démonstration de la barre de défilement ici: http://demos.zingchart.com/view/0QLBB477
Interagissez avec la démonstration du graphique d'aperçu ici: http://demos.zingchart.com/view/VH9JD4AI
Ce Zoom, barre de défilement et tutoriel de graphique d'aperç fournit plus d'informations et d'exemples.
Divulgation: je suis membre de l'équipe ZingChart. Faites-moi savoir si vous avez d'autres questions.
D'accord, donc d'abord, en jouant avec cette visualisation, il est difficile de comprendre ce qui se passe exactement avec l'interaction glisser. Sélectionne-t-il une nouvelle plage pour l'axe x? Le défilement est-il côte à côte? S'agit-il simplement d'une extension ou d'une réduction de l'échelle de l'axe des x?
Actuellement, il est extrêmement difficile de savoir ce qui se passe exactement, même lorsque vous interagissez avec. Une fois cela compris, il pourrait être plus facile de comprendre ce qui peut être fait pour indiquer la propriété interactive du graphique
Ajoutez simplement du texte sous le graphique et ajoutez des flèches à gauche et à droite des périodes.
Voir ci-dessous:
vous pouvez avoir une barre d'outils de zoom qui apparaît lorsque vous maintenez le bouton de la souris et que vous faites glisser le graphique et les diapositives du curseur
Vous pouvez également utiliser les fonctionnalités de zoom et de panoramique, comme illustré dans cet exemple .
Je suis d'accord avec l'option de @Elizabeth (rendre les axes extensibles et défilables). Parce que les images ne sont pas possibles dans les commentaires, je vais utiliser une réponse pour inclure un autre exemple: l'éditeur de graphique de Blender3d. (blender3d.org) Il est utilisé pour modifier les coordonnées (ou d'autres propriétés) des objets 3D au fil du temps.
