J'essaie de montrer à l'utilisateur si "Le fichier ne peut pas être déposé à l'emplacement souhaité" sur mon interface utilisateur.
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.
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
Dès que l'utilisateur commence à faire glisser les éléments sélectionnés,
Pourquoi n'essayez-vous pas quelque chose comme ça.
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é!
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.
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.
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.
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.
Le pointeur de souris non disponible est toujours une option qui est comprise par mes millions d'utilisateurs Windows: