web-dev-qa-db-fra.com

Table unique où les articles peuvent être filtrés et réorganisés

Mon objectif est de concevoir UX où les utilisateurs peuvent réorganiser une très longue liste de données (800+). L'utilisateur doit avoir la possibilité de filtrer la liste. Les utilisateurs doivent disposer d'un moyen simple pour déplacer rapidement de nombreux éléments vers le haut et le bas de la liste. Je recherche une solution élégante. Actuellement, je décompose la liste en Haut, Moyen, Bas. Tout avoir dans une seule table rend la réorganisation difficile lorsque la table est filtrée; une fois que vous filtrez, vous ne voyez qu'un sous-ensemble d'éléments et ne pouvez donc pas vraiment déplacer les éléments au bon endroit. enter image description here

3
Anna Rouben

Cela me rappelle un problème sur lequel je travaille l'année dernière: l'utilisateur voulait choisir un ensemble d'enregistrements dans une liste paginée et leur appliquer une opération en bloc.

La pagination (une sorte de filtre si vous le souhaitez) signifiait qu'une fois passé à une autre page, la sélection précédente n'était plus visible. Il y avait également un champ de recherche qui permettait de filtrer les enregistrements.

Choisissez d'abord puis faites

La conception a mappé la division dans la user story (choisissez d'abord les enregistrements, puis appliquez l'opération). Essentiellement, chaque fois que l'utilisateur sélectionnait un enregistrement, un conteneur réduit s'affichait au-dessus de la liste avec le titre "X enregistrements sélectionnés"; et il y avait un bouton déroulant sur ce conteneur intitulé "actions en bloc".

Vous pouvez faire quelque chose de similaire:

A table with a container on top, labelled '5 databases selected'

Les filtres n'ont pas à se cacher complètement

Bien que je doute de la praticité dans ce scénario, je dois mentionner ce qui suit puisque vous n'avez pas de pagination et que vous parlez d'environ 800 enregistrements.

Dans ce cas, les filtres n'ont pas à masquer les enregistrements, ils peuvent simplement laisser un très petit élément visuel représentant les enregistrements et utiliser le survol (ou le glisser) pour révéler le contenu de ces enregistrements minimisés.

C'est quelque chose de similaire à la façon dont la boîte de réception de Google réduit les longues conversations:

Google's Inbox

Vous pouvez représenter chaque élément sous forme de ligne, et vous pouvez révéler l'enregistrement lorsque l'utilisateur survole au-dessus ou autour.

3
Izhaki