Drag and drop

Qu’est-ce que le drag and drop ?

Le drag and drop, qui signifie Glisser/Déposer, est une fonctionnalité permettant de sélectionner un document et de le déplacer à un autre emplacement

Cette fonctionnalité est disponible sur ordinateurs, tablettes et mobiles. Le but est de faciliter les actions des utilisateurs sur différentes interfaces de navigation. Pour cela, il vous suffit de sélectionner votre document à déplacer, de maintenir le bouton de la souris et de glisser la souris jusqu’à l’emplacement souhaité. Vous pourrez ensuite relâcher le bouton de la souris pour que votre document soit importé. Cette action peut également avoir lieu sur un écran tactile sauf que la souris sera remplacée par vos doigts. Vous pourrez alors déplacer ou réorganiser votre interface en un seul clic ! 

Qu’est-il possible de faire avec le drag and drop ?

Le drag and drop a de nombreuses fonctions : 

  • Déplacer un document de votre bureau ou de vos fichiers dans la corbeille pour le supprimer
  • Déplacer un document d’un dossier à un autre dans vos fichiers
  • Déplacer une portion de texte
  • Lorsque vous êtes sur un navigateur, vous pouvez réorganiser les différents onglets de votre fenêtre en les déplaçant
  • Insérer des images ou un fichier sur un site web ou une application mobile

Le transfert de vos documents est alors simplifié grâce au drag and drop. De plus, il vous sera possible de sélectionner plusieurs documents à la fois. 

Exemples d’utilisation du drag and drop

Cette fonctionnalité informatique est très courante sur les logiciels de conception graphique ou de création de site web par exemple. Avec le Glisser/Déposer, chaque tâche s’effectuera plus simplement et plus rapidement, ce qui permet d’améliorer fortement l’expérience utilisateur. 

Imaginons que vous soyez le dirigeant d’une entreprise de vêtements d’occasion. Vous souhaitez créer un site web. Pour cela, vous allez utiliser un logiciel de développement. 

Dans un premier temps, vous allez faire une maquette de votre site web en imaginant différents templates correspondant à différentes pages. Vous souhaitez réorganiser vos templates pour que ce soit plus cohérent. Vous pourrez alors utiliser la fonction drag and drop. 

Exemple drag and drop pour réorganiser les pages.
 

Enfin, vous souhaitez alimenter votre page “Vestes pour femmes” de différentes images de vos produits. Vous allez donc sélectionner les photos des articles qui sont sur votre bureau et les déplacer vers la page correspondante.

drag and drop pour déposer une image
 

De ce fait, en quelques clics, le visuel des pages de votre site est terminé !