web-dev-qa-db-fra.com

Corriger le modèle "Sélectionner tout"

Je suis en train de développer une application de bureau basée sur la conception de matériaux où j'ai rencontré un problème UX et je ne peux pas décider comment implémenter la fonction "Sélectionner tout".

Situation: J'ai le panneau latéral droit avec une liste: right side panel

Il y a une action pour "Tout sélectionner" en cochant la case "Nom de la ressource/Branche".

Problème: Cette interface utilisateur n'est pas vraiment conviviale. Besoin de penser à une meilleure solution pour mettre en œuvre l'action "Tout sélectionner".

Questions: Peut-être devrais-je renommer le nom de l'en-tête en "Tout sélectionner"? Cela résoudrait-il le problème? Ou existe-t-il d'autres bonnes alternatives pour rendre cette conception plus conviviale?

5
Arminas Grigonis

Une solution consiste à ajouter une colonne à votre tableau de gauche pour sélectionner ligne par ligne et autoriser "Tout sélectionner/aucun" en cochant la case d'en-tête de colonne.

Voici une démonstration du composant table du framework Material-UI: https://material-ui.com/demos/tables/#sorting-amp-selecting

Dans cet exemple, l'utilisateur peut également cliquer n'importe où sur une ligne pour le sélectionner, et pas seulement sur la case à gauche.

De plus, le passage de l'en-tête du tableau en "mode sélection" permet de présenter des actions contextuelles sur la sélection en cours.

4
Ricovitch

Je pense que les éléments de votre liste manquent de files d'attente visuelles sur la hiérarchie des éléments. Voici un exemple de la façon dont vous pourriez montrer ceci:

enter image description here

Une fois que la hiérarchie est claire, vous n'avez pas besoin de renommer.

2
Franchesca

Pour moi, il semble que la première ligne soit sélectionnée. Ce n'est qu'en lisant les autres répondants que j'ai réalisé que la première ligne est une étiquette et non une ligne. Je pense que cela est dû à la couleur utilisée.

C'est également un problème, quoique moins grave, dans les directives de conception des matériaux.

Je dirais que leur ancien modèle, tel que celui de Gmail, est plus efficace, car la case à cocher n'est pas assombrie par l'étiquette.

Cette suggestion dépend de si vous êtes à l'aise en vous éloignant légèrement des directives de conception des matériaux.

enter image description here

1
CalRowston