web-dev-qa-db-fra.com

Comment changer l'ordre des éléments de la liste de manière agréable?

Je cherche un moyen intuitif de changer l'ordre d'une liste. Je ne pense pas que drag'n'drop serait une bonne solution, car c'est une application basée sur un navigateur mobile et aucun utilisateur n'essaierait de cliquer longuement sur quelque chose pour drag'n'drop dans un navigateur. Ma première tentative est quelque chose comme une fenêtre contextuelle, qui s'ouvre lorsque l'utilisateur clique sur le numéro d'article.

Arrow popup

Mais je pense toujours qu'il existe une meilleure solution pour ce faire et j'espère que vous pourrez m'aider.

5
TobiasW

Un clic long et un glisser semblent être la meilleure solution. Un ou deux ci-dessous:

  1. Si vous avez une longue liste - clic long et liste déroulante en arrière-plan avec l'élément cliqué au-dessus.
  2. Pour une liste courte - cliquez et faites glisser longtemps.

Pensez également à cliquer sur l'icône sur le côté droit indiquant que vous pouvez modifier l'ordre. Après un clic, le déplacement vers le haut/bas est activé.

enter image description here

Je considérerais une action de menu pour l'activation de l'ordre d'édition. Surtout si la modification de l'ordre n'est pas une fonctionnalité essentielle de votre application.

2
Karpiu

Le problème avec le glisser-déposer est que vous ne pouvez pas être sûr que l'utilisateur reconnaîtra cette fonctionnalité. Si vous fournissez une sorte de "premier didacticiel" et que les listes ont tendance à tenir dans l'écran, c'est la meilleure option.

En comparant d & d avec les flèches, ces dernières sont plus intuitives mais aussi plus fastidieuses en raison du nombre de tapotements qui pourraient être nécessaires.

Si les listes sont suffisamment longues pour garder fréquemment un grand nombre d'éléments "sous le pli", ne option consiste à mettre un certain contrôle qui vous permet de choisir "Après X"/"Avant X" pour que l'utilisateur ne le fasse pas ' Je n'ai pas à faire glisser et déposer ou à pousser les flèches éternellement.

2
Alejandro Veltri