web-dev-qa-db-fra.com

Afficher visuellement "Le fichier ne peut pas être déposé ici"

J'essaie de montrer à l'utilisateur si "Le fichier ne peut pas être déposé à l'emplacement souhaité" sur mon interface utilisateur.

enter image description here

Reportez-vous à l'image ci-dessus, l'utilisateur peut faire glisser et déposer un fichier dans les zones rectangulaires définies, mais tous les fichiers ne peuvent pas être déposés dans l'un de ces rectangles. Si l'utilisateur essaie de déposer un fichier dans un rectangle où il ne peut pas être supprimé, je veux montrer visuellement à l'utilisateur que ce fichier ne peut pas être supprimé ici. Pour cela, je montre actuellement une icône d'erreur rouge avec l'icône de fichier pendant qu'il est glissé, mais je veux avoir une meilleure indication pour cela. Je n'ai trouvé aucun contenu à ce sujet sur Apple UI Guidelines. Veuillez me guider sur les autres options pouvant être affichées si le fichier ne peut pas être glissé vers un emplacement.

10
Ayse

Je recommanderais d'utiliser une rétroaction positive de l'interface utilisateur pour indiquer à l'utilisateur où la suppression est autorisée . Pour toute sélection spécifique, il existe généralement une ou deux régions qui sont des cibles de dépôt valides. Mettez-les en surbrillance et laissez les autres zones disparaître en arrière-plan.

Voici un exemple d'Atlassian Jira: Transitioning an Issue Dragging and Dropping an Issue to a Column with Multiple Statuses

Dès que l'utilisateur commence à faire glisser les éléments sélectionnés,

  • Les cibles de dépôt actives sont clairement marquées d'une bordure, d'une couleur et d'une action/état.
  • Les cibles de dépôt inactives ou non autorisées ne sont pas marquées du tout - elles apparaissent simplement comme faisant partie de l'arrière-plan.
6
metacubed

Pourquoi n'essayez-vous pas quelque chose comme ça.

enter image description here

Une fois que l'utilisateur clique sur l'élément à faire glisser, mettez simplement en surbrillance les sections valides et invalides comme ci-dessus. Je vous suggère de le faire dès que l'utilisateur clique (avant de commencer à faire glisser), ce sera en fait un pré-curseur pour l'utilisateur, où déposer l'élément.

Dans l'approche que vous avez mentionnée, l'utilisateur va en fait supprimer l'élément et revenir en arrière et supprimer l'élément et revenir en arrière et ainsi de suite ... Ce serait frustrant pour l'utilisateur.

J'espère que c'est utile. À votre santé!

18
Dinesh Golani

Une idée: lorsque le glissement commence, grisez la case, puis si l'utilisateur fait glisser sur cette région, assurez-vous que le curseur de la souris indique (cercle rouge avec une croix?) Que cette région ne peut pas être déposée.

Et étendre cette idée plus loin: lorsque le glissement commence, utilisez un rouge ou un gris pour indiquer qu'il ne peut pas être déposé, mais aussi peut-être utiliser un vert ou une autre couleur invitante dans les régions qui peuvent être déposées.

12
Adam Plocher

Les "OS X Human Interface Guidelines" sur le glisser-déposer peuvent être trouvées ici: https://developer.Apple.com/library/mac/documentation/userexperience/conceptual/applehiguidelines/TechnologyGuidelines/TechnologyGuidelines.html # // Apple_ref/doc/uid/TP30000355-SW9

Les directives entrent dans beaucoup de détails, mais vous souhaiterez mettre en évidence les zones dans lesquelles le fichier peut être glissé, et non les zones dans lesquelles le fichier ne peut pas être glissé. Vous ne devez mettre en surbrillance que la zone où se trouve le pointeur.

Lorsque la zone ne peut pas accepter le fichier, vous devez afficher un "zoom arrière", où le fichier est zoomé vers l'emplacement source.

9
Heng-Cheong Leong

Lorsque vous le pouvez, soyez redondant dans vos commentaires. Dans ce cas, vous avez 2 éléments significatifs, l'élément déposé et le récepteur de chute, et les deux peuvent fournir des commentaires, être éclairés ou réduits.

Si drop n'est pas disponible, faites en sorte que le curseur l'indique et que le récepteur de drop (soit) l'indique. Le curseur peut indiquer qu'en devenant un cercle avec une barre oblique et la zone de dépôt indique qu'en disparaissant, en devenant moins saturé.

Je ne sais pas de quelle plateforme vous parlez, mais chaque plateforme a ses propres conventions sur la façon de communiquer cette situation.

6
obelia

que diriez-vous d'une bordure autour de la boîte avec des rayures diagonales. des rayures diagonales, similaires au ruban de construction, suggéreront à l'utilisateur que cette zone n'est pas utilisable pour le moment. something like this

2
Ameen Akbar

Le pointeur de souris non disponible est toujours une option qui est comprise par mes millions d'utilisateurs Windows:

enter image description here

1
Chairman Meow