web-dev-qa-db-fra.com

Suppression automatique des options incompatibles ou des options explicites

J'ai une longue liste d'articles parmi lesquels les utilisateurs peuvent choisir. Les options sont hiérarchiques.

Par exemple: (pour l'année, il s'agit de la Classification type du commerce international)

01 - Meat and meat preparations
011 - Meat of bovine animals 
01111 - Meat of bovine animals, fresh or chilled with bone 
01112 - Meat of bovine animals, fresh or chilled boneless

Les utilisateurs peuvent choisir plusieurs codes, mais ils doivent être du même niveau hiérarchique. Lequel des éléments suivants est le plus souhaitable?


  1. Laissez-les choisir librement au début. Supprimez ensuite les codes des autres niveaux.

enter image description here

Avantages: un contrôle en moins, plus simple

Inconvénients: certains éléments soudainement supprimés de la liste, prêtant à confusion


  1. Demandez aux utilisateurs de choisir explicitement le niveau de code. Affichez ensuite uniquement les codes de ce niveau de code particulier.

enter image description here

Avantages: Plus facile à comprendre que les codes doivent être du même niveau hiérarchique

Inconvénients: un contrôle de plus

7
Lai

Je m'en tiendrai à une variante de la deuxième option.

  1. Laissez l'utilisateur cliquer jusqu'au niveau le plus bas. Chaque niveau est un lien qui mène au niveau suivant en dessous du niveau actuel et ainsi de suite ...
  2. Au niveau le plus bas, les liens sont remplacés par du texte avec des cases à cocher et un bouton d'envoi.

Le contrôle en haut de votre deuxième exemple est parfait lorsque l'utilisateur connaît déjà le code souhaité (comme la plupart des utilisateurs le feront tôt ou tard s'ils utilisent régulièrement ce système) et veulent simplement saisir les cinq chiffres liés à l'élément qu'ils sont en train de chercher.

1
Ilias Bennani

Le meilleur contrôle pour la tâche que vous décrivez est une sélection d'arborescence hiérarchique multi-états. ( essayez cette démo ).

Laissez l'utilisateur sélectionner toutes les options de n'importe quel niveau et laissez l'ordinateur effectuer les calculs en fonction du niveau sélectionné le plus bas.

Par exemple, ce qui suit impliquera les mêmes sélections de niveau: Russie, Mongolie, Brésil, Argentine. enter image description here

Alors que ce qui suit impliquera les mêmes sélections de niveau: Asie et Amérique du Sud. enter image description here

1
DesignerAnalyst