web-dev-qa-db-fra.com

Comment représenter une option ignorer pour un contrôle tel qu'un ListBox

Dans cette application, il existe plusieurs écrans qui guident un utilisateur à travers le remplissage de critères destinés à compléter des requêtes spécifiques. Afin de faciliter la sélection de plusieurs éléments, nous avons créé un type de contrôle de zone de liste personnalisé auquel je voudrais ajouter une bascule de type ignorer.

enter image description here

Ce contrôle personnalisé utilise la divulgation progressive pour permettre de rechercher et de sélectionner des éléments qui sont ensuite affichés en lecture seule lorsque le bouton d'expansion de divulgation progressive n'est pas activé. Pour visualiser ce contrôle, il ressemble à une simple zone de liste, mais au lieu d'avoir juste une étiquette en haut, il a un bouton fléché vers le bas supplémentaire qui se trouve dans le coin supérieur droit afin qu'il se trouve au-dessus de la zone de liste mais en face de l'étiquette associée.

Quelques questions:

  • Dois-je essayer de créer un certain type d'icône à l'intérieur de la disposition du contrôle lui-même ou devrais-je plutôt essayer de séparer l'option ignorer du contrôle, mais simplement la positionner près du contrôle de grille d'une certaine manière?
  • Si je dois créer une icône pour un bouton à bascule, que devrait représenter l'icône? Je penche vers un symbole de puissance utilisé sur l'électronique courante.
  • Dois-je désactiver la zone de liste associée afin qu'elle ne puisse pas être modifiée? Je penche vers oui, bien qu'il y ait des éléments convaincants dans Windows UXGuide qui suggèrent ne désactivant pas certains contrôles subordonnés .
  • J'ai évité l'idée de réduire la zone de liste lorsque cette partie des critères de requête est basculée pour être ignorée, principalement parce que cela compliquerait la mise en page des formulaires qui ont plusieurs contrôles pliables similaires, mais serait-ce une conception préférée? Existe-t-il des moyens de le faire sans que cela ne semble gênant?

Autres faits: Parfois, il y a 3 ou même 4 de ces types de contrôles sur un même formulaire, il serait donc préférable que la bascule apparaisse naturellement associée au contrôle de liste prévu et n'ajoute pas trop de bruit ou de poids aux contrôles existants.

Je suis ouvert à toutes les idées ou suggestions que vous pourriez avoir, et j'essaierai d'ajouter une maquette du contrôle si j'en ai l'occasion.

2
jpierson

Si je comprends votre question, vous voulez pouvoir inclure tous les termes dans la requête la plupart du temps, mais laissez les utilisateurs les exclure temporairement de la requête sans les supprimer complètement. Si je me trompe, nous brûlerons ce pont lorsque nous le traverserons. Je vais également supposer qu'il existe suffisamment d'autres contraintes pour qu'une zone de liste dans un formulaire soit la bonne approche, même si cela semble un peu hacky pour commencer.

Plutôt que toute iconographie spéciale, j'utiliserais un traitement de texte et des contrôles de case à cocher standard. Au repos, le contrôle affiche tous les termes. Les termes inclus sont dans la couleur de texte standard et les termes exclus sont barrés et dans la couleur de texte désactivée.

Lorsque la souris survole le contrôle (ou obtient le focus clavier), des cases à cocher apparaissent. En cachant la plupart du temps les moyens, vous pouvez réduire le facteur d'encombrement.

Pour aider à clarifier la signification du contrôle, vous souhaiterez peut-être ajouter quelques commentaires de survol sur les contrôles eux-mêmes.

voici un croquis des trois états que je décris: case de repos, de survol et de survol de la souris http://i.stack.imgur.com/JUg4y.png

J'espère que cela t'aides!

3
Pettiross