Filtre

Filtre UI

Filtre UI
  1. Qu'est-ce qu'un filtre dans l'interface utilisateur?
  2. Qu'est-ce qu'un filtre dans UX?
  3. Quand utiliser des filtres dans l'interface utilisateur?

Qu'est-ce qu'un filtre dans l'interface utilisateur?

Les filtres fournissent un ensemble de contrôles pour réduire les éléments d'une collection basés sur les attributs qui l'intéressent (E.g., Filtrage des éléments par date de création). Les filtres peuvent fournir les fonctionnalités suivantes: une liste d'attributs intéressants communs aux éléments d'une collection et des valeurs possibles à filtrer par.

Qu'est-ce qu'un filtre dans UX?

Chaque filtre (ou critère) a deux composants: une catégorie de filtre est une propriété des articles, tels que la couleur ou le prix. Une catégorie de filtre contient souvent plusieurs valeurs de filtre. Une valeur de filtre est soit une valeur spécifique d'une propriété (par exemple, «rouge»), soit une gamme de valeurs (par exemple, «moins de 100 $» ou «rouge ou bleu»).

Quand utiliser des filtres dans l'interface utilisateur?

Des filtres sont également nécessaires aux écrans de type analytique & tableaux de bord. Dans ces types d'UIS, les utilisateurs ne filtreront pas le nombre d'éléments visibles mais plutôt la portée ou le type de données incluses dans le rendu des graphiques et des graphiques. Pensez au calendrier, aux types d'audience, que les métriques montrées, les gammes de valeur, etc.

Application Web affichage des informations avec le format de formulaire
Comment afficher les données de formulaire dans HTML?Qu'est-ce que l'application Web de formulaire?Comment obtenir des informations à partir d'un for...
Comment les matchs partiels devraient-ils être triés dans un tableau?
Comment trouver des mots partiels dans Excel? Comment trouver des mots partiels dans Excel?Pour vérifier si une cellule comprend un morceau de texte...
Devrait changer d'icône de caillage en dropdown lorsqu'il est ouvert? [dupliquer]
Qu'est-ce que Caret dans la liste déroulante?Comment changer l'icône déroulante dans Bootstrap 5?Quel est le symbole de la garement dans CSS? Qu'est...