web-dev-qa-db-fra.com

Quelle est la meilleure façon d'afficher la priorité dans une grande liste d'éléments?

Nous avons une liste d'environ 50 articles. L'élément en haut a la priorité la plus élevée et l'élément en bas en prend le moins. Ces articles peuvent être réorganisés en sélectionnant l'article et en cliquant sur le bouton bas ou haut en haut de la liste.

La façon actuelle dont nous avons implémenté cela est d'avoir une longue liste verticale des éléments. Le pro de le faire de cette façon est qu'il est visuellement clair de savoir qui a la priorité la plus élevée:

enter image description here

Une autre idée qui est venue a été de les orienter dans une liste d'emballage, ce qui nous permettrait d'afficher la plupart, sinon la totalité, des articles en même temps. L'inconvénient est qu'il pourrait être moins clair pour l'utilisateur de savoir quels éléments ont la priorité la plus élevée:

enter image description here

Quel est le plus important: voir tous les éléments en même temps ou savoir exactement comment ils se classent immédiatement?

S'IL VOUS PLAÎT NOTE: Bien que les éléments soient nommés "Article 1 - Article 48" dans cet exemple, ils auront des noms uniques qui ne sont pas numériques.

Aussi: ce sont vraiment les seules options que nous pouvons implémenter à ce stade. Aucune solution de type glisser-déposer ne peut malheureusement pas être utilisée.

6
Matt Rockwell

Vous pouvez essayer de fournir des numéros pour chaque article, par exemple

1) Item 1
2) Item 2
...
48)Another item

Alternativement, plutôt que d'avoir des colonnes dans une liste, ayez des lignes. Traversez d'abord, puis à la ligne suivante. Ceci est similaire à la façon dont nous lisons, donc cela peut être plus clair pour l'utilisateur. Cela peut aussi mieux fonctionner avec les chiffres.

2
yoozer8

L'interface de file d'attente Netflix affiche une liste par ordre de priorité. Les utilisateurs peuvent soit faire glisser des éléments (pas une option pour vous) ou taper un nouveau numéro dans une zone de texte à côté de n'importe quel élément. Il y a aussi un bouton "déplacer vers le haut" sur chaque ligne.

L'avantage de ces flèches haut/bas en haut de la liste est que les contrôles sont juste là sur la ligne, au lieu d'avoir à sélectionner puis déplacer votre souris/focus visuel vers une autre partie de l'interface. Peut-être pourriez-vous faire quelque chose comme ça?

Netflix screen shot

Il me semble que je l'ai rogné accidentellement ici, mais la page a une barre de défilement comme toute autre page Web où le contenu dépasse la fenêtre du navigateur.

4
Monica Cellio

S'il vous plaît, très bien, faites comme ceci:

enter image description here

  • Prévoir une colonne supplémentaire nommée Priority
  • Gardez 1 article par ligne
  • Étiqueter les en-têtes de colonne
  • Placez les boutons haut/bas à droite de la liste, étiquetez-les, assurez-vous que vous ne pouvez cliquer dessus que si un élément de la liste est sélectionné

De plus, vous pouvez prévoir 2 boutons supplémentaires, aller en haut, aller en bas.

La sélection multiple est-elle autorisée dans votre liste? Assurez-vous qu'il est également pris en charge lorsque vous cliquez sur les boutons haut/bas.

3
Bart Gijssens