web-dev-qa-db-fra.com

Quel est l'avantage en termes de convivialité de "faire glisser des fichiers / images ici"?

Je vois souvent des boîtes de dialogue de téléchargement demandant à l'utilisateur de faire glisser un fichier dans une zone en surbrillance:

enter image description here

Ceci est une alternative au classique boîte de dialogue de sélection de fichier .

Comment l'option glisser-déposer améliore-t-elle la convivialité? Du point de vue ux, est-ce une bonne idée?

Mon expérience personnelle est que cela prend plus de clics et est plus compliqué que la boîte de dialogue de sélection de fichiers: 1) ouvrez l'explorateur de fenêtres, 2) alignez la fenêtre de l'explorateur et la fenêtre du navigateur l'une à côté de l'autre, 3) faites glisser le fichier d'une fenêtre à l'autre .

4
Anna Prenzel

L'utilité globale ici dépend de tous les fichiers que vous souhaitez télécharger, de la façon dont votre flux de travail est et de la façon dont vous les organisez.

Scénario 1: vous savez où se trouvent vos affaires

Vous savez exactement quels fichiers vous souhaitez télécharger, comment ils sont nommés et dans quel dossier ils se trouvent.

Naviguer vers eux dans une fenêtre de l'Explorateur et les faire glisser/déposer nécessitera environ autant de mouvements/clics de souris que l'utilisation du sélecteur de fichiers. Le changement de contexte vers une autre application est probablement plus dérangeant que le nombre de clics (et peut prendre un moment), donc l'avantage est plus ou moins pour le sélecteur de fichiers.

Scénario 2: vous connaissez l'emplacement approximatif

Vous connaissez le dossier, mais pas le nom de fichier exact.

Imaginez que vous avez vidé des centaines d'images de votre appareil photo numérique dans un dossier et que vous souhaitez en télécharger. Les chances sont que

  • vous avez toujours ce dossier ouvert
  • vous avez un programme ouvert dans lequel vous avez des aperçus miniatures qui facilitent le choix
  • vous devez ajuster la boîte de dialogue de sélection de fichiers pour pouvoir sélectionner correctement les fichiers que vous souhaitez (agrandir, activer les vignettes)

Selon les circonstances exactes ici, il est plus facile de simplement glisser-déposer car vous avez déjà les choses à portée de main. Pas besoin de naviguer à nouveau dans le filechooser lorsque vous avez déjà ouvert quelque chose.

Scénario 3: vous ne savez pas où se trouvent les fichiers

Par exemple parce que vous les gérez dans des programmes externes qui les organisent orthogonalement à votre structure de répertoires.

Habituellement, vous devrez les rechercher dans un programme externe ici. Vous les sélectionnez un par un là-bas, ou en avez un tas que vous pouvez sélectionner là-bas, mais qui résident dans plusieurs répertoires "physiques".

C'est btw. la façon dont je travaille principalement avec mes images (en utilisant l'application picasa). Avoir des applications qui n'acceptent pas les fichiers par glisser-déposer des picas est ne vraie douleur dans le cul. Vous devez déterminer où réside le fichier, puis y naviguer manuellement. Pour chaque fichier.

tl; dr

Tout dépend de la façon dont vous travaillez. En tant que concepteur de votre interface utilisateur, vous ne le savez généralement pas, ou vous avez des utilisateurs qui le font de cette façon, ou d'autres qui le font dans l'autre sens.

Donc, si possible, faites-le dans les deux sens. C'est ce que la plupart des bonnes applications prennent en charge ces jours-ci (voir votre capture d'écran)

6
PlasmaHH

Je vais être la couverture humide et suggérer qu'il pourrait ne pas y avoir de gros avantages.

Le fait que ceux-ci soient utilisés plus souvent concerne davantage les changements technologiques. Nous pouvons le faire de cette façon maintenant, alors faisons-le de cette façon.

Oui, le glisser-déposer n'est pas un nouveau concept. Cela fait partie de l'interface graphique de nos systèmes depuis 4 décennies. Mais notez que le processus de téléchargement d'un fichier via un navigateur existe depuis 2 décennies, et c'est un processus différent - mais auquel les gens sont habitués.

Il faut donc peser les avantages de la nouvelle façon par rapport à l'avantage d'avoir une interface utilisateur à laquelle les gens sont habitués. La réponse à cette question variera probablement d'un projet à l'autre.

Il y a une situation où un glisser-déposer peut offrir un léger avantage et qui doit déplacer plusieurs fichiers à la fois dans le flux de téléchargement. Vous pouvez également le faire via une fenêtre de dialogue de téléchargement, mais les gens peuvent être plus familiers avec les lasso dans la fenêtre système du système d'exploitation.

Plusieurs personnes ont noté qu'il s'agit de moins d'étapes, mais ces exemples ne tiennent pas compte de la nécessité de "trouver le fichier sur mon ordinateur" en premier. Et pour certaines personnes (moi-même, pour un) cela peut être une douleur.

Pour moi, le processus doit être:

  • trouver le fichier sur mon système
    • rechercher le fichier
    • "afficher le fichier", je peux faire apparaître une fenêtre système
  • revenir à mon navigateur.
    • redimensionner mon navigateur
    • déplacer mon navigateur sur le côté afin que je puisse voir la fenêtre système
    • remarquez que j'ai 5 autres fenêtres de navigateur ouvertes
    • les déplacer tous
  • remettre le focus sur ma fenêtre système
    • faites glisser le fichier sur

Donc, ce n'est pas toujours moins d'étapes. Cela dépend vraiment du contexte et du type d'utilisateur qui l'utilise dans quel but particulier.

FYI, Windows et OSX, au moins, ont également facilité le flux de la fenêtre système traditionnelle avec les champs de recherche qui sont désormais intégrés dans les boîtes de dialogue. Pour ceux qui utilisent cette fonctionnalité, le flux est maintenant:

  • cliquez sur télécharger
  • saisissez le nom de fichier que vous recherchez dans le champ de recherche
  • sélectionnez-le

Résumé: je ne suis pas sûr que l'un soit nécessairement meilleur/pire que l'autre. Les deux peuvent être utiles aux personnes dans le bon contexte. En fait, je dirais juste que ... laissez les utilisateurs utiliser les deux. InVision le fait très bien avec son outil de téléchargement en ligne où vous voyez quelque chose qui ressemble à ceci:

---------------------------------------------------
|            Drag Files Here To Upload            |
|                   (or browse)                   |
---------------------------------------------------

... où "parcourir" est un lien vers la boîte de dialogue traditionnelle du système de fichiers. Le meilleur des deux mondes?

5
DA01

Le glisser-déposer permet de gagner beaucoup de temps car le dossier contenant les fichiers de travail est souvent ouvert et il est plus rapide de le faire glisser directement sur le site Web.

Je le fais un peu plus vite:

  1. Onglet Alt du navigateur au dossier
  2. Cliquez et maintenez l'icône du document
  3. Onglet Alt de votre navigateur
  4. LIBÉRATION!
3
Sashko Valyus

Le glisser-déposer peut être utile dans divers cas, par ex.

  1. Si le dossier avec le fichier est déjà ouvert - vous fait gagner du temps de navigation à l'emplacement correct dans la boîte de dialogue d'ouverture de fichier.

  2. Vous pouvez faire glisser plusieurs fichiers en une seule fois.

  3. Vous pouvez faire glisser des éléments depuis des applications ouvertes, par exemple faites glisser une image à partir d'une application d'édition d'image ou à partir d'un navigateur ouvert fenêtre sans même enregistrer l'image. Dans certains sites, ce contrôle prend également en charge coller une image depuis le presse-papiers.


Dans certains cas la navigation peut être plus efficace par ex.

  1. Si vous savez où vos les fichiers sont enregistrés et vous n'avez pas ou ne voulez pas ouvrir une autre fenêtre.


P.S. Lorsque vous faites glisser/déposez vous n'avez pas besoin de déplacer vos fenêtres ... à la place

  1. Passer à la fenêtre source

  2. Faites glisser sur l'icône cible/l'aperçu de la fenêtre dans la barre des tâches et ne la laissez pas tomber

  3. Attendez que la fenêtre cible se concentre

  4. Déposer sur la fenêtre cible

3
Danny Varod

Imaginez simplement que la fenêtre de votre dossier est ouverte avec le fichier que vous souhaitez télécharger. Et dans une autre fenêtre, il y a un lien qui dit "Parcourir". Vous cliquez dessus et vous devez passer par la difficulté de localiser le fichier que vous pouvez déjà voir dans une autre fenêtre.

Dans ce cas, le glisser-déposer est une fonctionnalité très utile.

Mais il y a quelques inconvénients, surtout si un utilisateur n'est pas familier avec cette fonctionnalité. Ils peuvent facilement se perdre.

Par conséquent, il serait préférable d'avoir les deux options disponibles avec la capacité de "navigation" très visible pour l'utilisateur. Comme ça,

enter image description here

2
nuwa
  1. Avez-vous testé la fonctionnalité avec votre utilisateur?

  2. Il n'est pas difficile ni très long de localiser et de rassembler des fichiers à l'aide des fonctions de recherche du système d'exploitation, de les copier et de les coller dans un dossier approprié.

  3. Je serais très contrarié si je devais rester pogo dans et hors de votre boîte de dialogue de téléchargement 20 fois pour remplir une galerie de photos.

1
Jac is Jake

Le glisser-déposer pour les actions sur les fichiers est courant dans l'ensemble de l'environnement du système d'exploitation, le bouton de téléchargement de fichiers est généralement un contrôle spécifique aux navigateurs, et donc lorsqu'il traite des opérations basées sur des fichiers les isole de l'environnement d'exploitation et UX plus large qu'ils habitent, ce qui peut potentiellement créant une rupture avec l'UX globale.

L'implémentation du glisser-déposer peut être une rupture avec l'UX spécifique au navigateur, mais les intègre potentiellement plus étroitement dans le système d'exploitation, offrant aux utilisateurs des fonctionnalités considérées comme communes à l'ensemble de la base d'applications.

Il peut également s'agir d'une meilleure expérience utilisateur du point de vue d'une plus grande liberté de flux de travail. Le bouton de téléchargement de fichier oblige l'utilisateur à terminer l'action (rendant souvent un accès continu à la page sous-jacente ou même au navigateur non disponible pendant l'affichage) avant de continuer, puis les oblige à suivre une action étroite - parfois dans une boîte de dialogue assez petite. Le glisser-déposer permet à l'utilisateur de rechercher des fichiers dans le style qu'il souhaite, il peut déjà avoir accès à plusieurs points du système de fichiers ouverts en arrière-plan, dont il peut librement tirer parti.

1
SW4

Ma théorie est qu'il simule facilement la convention de glisser-déposer déjà apprise sur le bureau.

L'ouverture d'un navigateur de fichiers distinct peut généralement désorienter l'utilisateur car il devra à nouveau déplacer le fichier.

Imaginer...

  1. Vous enregistrez un fichier sur le bureau.

  2. Vous localisez le fichier sur le bureau.

  3. Vous faites glisser le fichier vers le navigateur.

Facile!

Avec un navigateur de fichiers ...

Étape 3. Vous ouvrez une fenêtre de navigateur de fichiers distincte.

Étape 4. Vous déplacez le fichier sur le bureau - ce qui, même pour moi - est en quelque sorte plus compliqué que dans Finder/Explorer.

Étape 5. Vous cliquez sur Télécharger.

Essentiellement, avec glisser-déposer, vous enregistrez 3 étapes supplémentaires.

1
Pdxd

Un point que je ne pense pas avoir été soulevé est de savoir comment le glisser-déposer "pour le téléchargement" complète une application Web qui utilise d'autres manipulations par glisser-déposer. Depuis que AJAX a permis aux applications Web dynamiques d'exister, le glisser-déposer a été utilisé pour de nombreuses situations de réorganisation, de tri et de sélection. Je crois que le concept de glisser-déposer pour le téléchargement est venu de cette époque. Il est logique que la "sensation" d'une application Web soit cohérente à des fins d'utilisabilité. Google Docs (la source de votre capture d'écran) est une application Web avancée, donc c'était peut-être quelque chose qu'ils considéraient avec le reste des merveilleux points faite dans cette question.

0
William Larsen