web-dev-qa-db-fra.com

Comment indiquer qu'une table manque des lignes qui ont été filtrées?

Connaissez-vous des moyens esthétiquement agréables et efficaces d'indiquer que le contenu d'une table a été filtré, sans que les informations du filtre ne gênent?

Quelques informations sur mon application particulière ...

Contexte
Nous avons des tableaux de données dans toute notre application - parfois, plus d'un par écran - et chacun de ces tableaux peut être filtré indépendamment. Autrement dit, l'utilisateur peut configurer un filtre pour afficher/masquer les lignes en fonction des catégories qu'il a attribuées aux éléments de ligne, par exemple afficher tous les éléments classés à la fois comme "importants" et "à moi", sauf s'ils ont également été classés comme "anciens".

En raison de la flexibilité et de la complexité des filtres, ils sont configurés dans une boîte de dialogue modale distincte, qui a de la place pour une aide sur place. Nous ne pouvons tout simplement pas nous permettre d'utiliser des biens immobiliers précieux en ayant les options de filtrage visibles en permanence. Cela augmenterait considérablement l'encombrement visuel.

Problème
Tous ces trucs fonctionnent , mais nous avons constaté que les gens oublient parfois ils ont un filtre appliqué puis prendre des décisions/prendre des mesures sur la base de fausses hypothèses sur leurs données. Pour éviter cela, nous pensons que nous devons indiquer que l'utilisateur ne regarde peut-être pas l'ensemble de ses données (lorsqu'un filtre est appliqué). Mais, comme indiqué précédemment, nous ne pouvons vraiment pas nous permettre d'encombrer l'écran avec les détails du filtre lui-même.

Notre implémentation actuelle
Pour mémoire, voici l'interface utilisateur que nous avons actuellement:

The filter indicator, as it stands

C'est le panneau "Filtre de tag appliqué", btw, pas la zone de texte à droite également. C'est lourd, c'est le moins qu'on puisse dire.

Exemples dans la nature
Le seul exemple de ce type d'interface utilisateur dont je me souvienne se trouve dans Microsoft Outlook 2003 (?). Ils avaient une implémentation plutôt médiocre, dans laquelle la barre d'état contenait simplement un peu de texte disant "Filtre appliqué". C'était pratiquement invisible pour la plupart des gens, donc cela ne résoudrait pas le problème. Je suppose que MS s'en est sorti parce que, dans leur cas, les gens ont rarement modifié le filtre, ce qui n'est pas le cas pour mes utilisateurs.

Connaissez-vous de meilleurs exemples? Ou avez-vous de bonnes idées?

19
Mal Ross

Je suis d'accord avec @Nir que ce que vous avez actuellement est fonctionnel. Il est difficile de passer à côté du fait que tous les enregistrements ne sont pas visibles. Ce que je n'aime pas, c'est l'incertitude, c'est-à-dire comment vous déclarez que "les protéines peuvent être cachées". Sont-ils cachés ou non?

Cet instantané d'écran décrit deux façons différentes de le faire:

alt text

Le nombre d'enregistrements est affiché en haut, ainsi que des informations sur l'application ou non d'un filtre de balises. Mais, si l'utilisateur fait défiler vers le bas, il verra également des informations de style post-it qui vraiment ne peuvent pas être manquées! Cela pourrait cependant être exagéré. De plus, je mets le bouton Modifier uniquement parce que vous l'aviez dans votre instantané d'écran, mais je le trouve dupliqué.

Concernant la partie supérieure:

  • Pour augmenter la probabilité que vos utilisateurs prêtent attention au message "40/150 enregistrements, etc.", je suggère de le masquer complètement lorsque tous les enregistrements sont visibles. En d'autres termes, n'affichez pas "150/150 enregistrements".

  • Le menu des engrenages peut être utilisé pour des fonctionnalités connexes telles que "Désactiver le filtre d'étiquette" et "Réappliquer le filtre d'étiquette".

J'espère que ça aide.

12
Hisham

Je sais que Gmail a ce même problème, c'est-à-dire lorsque vous recherchez des e-mails et appliquez un libellé uniquement à ceux qui s'affichent à l'écran, il vous demande si vous souhaitez l'appliquer à 100% des résultats de la recherche, ou uniquement à ceux affichés à l'écran.

Dans votre cas, au lieu de "filtre Tag appliqué, les protéines peuvent être masquées" pourquoi ne pas simplement dire "filtre Tag appliqué, cachant X% des protéines"

Comparaison de la longueur des cordes:

"Proteins may be hidden"
"Hiding XX% of proteins"

Devrait correspondre, et au moins présenterait plus d'informations dans le même espace. Si vous craignez que l'utilisateur ne supprime les données des résultats actuels, comme dans le cas de Google, je regarderais ce qu'il a fait; dont je ne me soucie toujours pas vraiment.

6
blunders

J'ai eu le même dilemme il y a quelques années et j'ai expérimenté un peu avec la génération de belles représentations de chaîne des filtres lorsqu'ils ont été modifiés (et permettant également à l'utilisateur d'enregistrer les filtres), puis de les appliquer (plusieurs si vous le souhaitez) à la liste en les empilant les visuellement en haut de la liste avec une barre similaire jaune.

Il y aurait donc une barre de hauteur de ligne en haut qui indiquerait approximativement ou exactement chaque filtre qui a été appliqué ("Excluant les choses commençant par ABS *" ou "- catégorie x"), avec un X pour les supprimer et un mécanisme pour appliquer l'existant ou de nouveaux filtres dans la liste.

Je suis curieux de savoir à quoi ressemble la boîte de dialogue d'édition de filtre et fonctionne dans votre cas.

1
Oskar Duveborn