web-dev-qa-db-fra.com

Cliquez et faites glisser les opportunités

Nous avons une application Silverlight qui comprend deux zones principales: une liste verticale de champs à gauche et une zone de travail à droite.

Il existe deux opérations possibles que l'utilisateur peut effectuer sur les champs:

  • l'utilisateur peut cliquer sur un champ pour l'ouvrir, en faire quelque chose, puis cliquer sur "OK". Le résultat ira alors au pied de la zone de travail.
  • l'utilisateur peut faire glisser le champ vers un emplacement spécifique de la zone de travail. Une fois libéré, le champ est ouvert et opéré de la même manière que ci-dessus. Sur 'OK', le résultat ira à l'endroit spécifié.

Actuellement, au survol du champ, le curseur se transforme en une main pointée pour indiquer l'ouverture. Il n'y a pas de possibilité de clic droit.

J'essaie de trouver un moyen de montrer que les champs peuvent être cliqués ou glissés, mais jusqu'à présent, je suis perplexe. Et je ne pouvais pas voir une question similaire soulevée ici.

Flash info!

Il m'est venu à l'esprit que ce que nous avons ici est très similaire au type de contrôle d'interface utilisateur trouvé sur de nombreuses tablettes où l'utilisateur peut soit faire glisser un objet d'écran, soit il peut le toucher et le maintenir pour l'ouvrir ou accéder à un menu.

Jusqu'à présent, bien qu'un parcours des questions précédentes dans ce forum ne m'ait pas convaincu que quiconque a vraiment réussi à transmettre cela à l'utilisateur autrement que via une superposition d'introduction ou une petite vidéo lors du premier accès à la page.

4
Phil Parry

Désignez une poignée visuelle spécifique pour la fonctionnalité de glisser-déposer. Demandez à la souris de changer de curseur lorsque vous passez dessus (généralement la croix fonctionne bien).

Concevez l'élément de manière à suggérer une interaction - et certains modèles peuvent également suggérer la possibilité de faire glisser lui-même, comme ce coin d'une fenêtre WinXP:

enter image description here

ou ces points sur Gmail (sur l'e-mail au milieu).

enter image description here

En outre, ce sont les deux premiers résultats d'une recherche Google Images sur "poignée de glisser-déposer"

enter image description here

enter image description here

3
Vitaly Mijiritsky

Une façon serait de flasher brièvement une grande flèche transparente à quatre pointes sous le champ lorsque le pointeur du curseur y entre.

0
Juan Lanus