Alternatives à une double liste pour sélectionner un tas d'articles dans une longue liste?
Quelles alternatives et exemples existe-t-il pour sélectionner un groupe d'éléments dans une longue liste d'éléments au lieu d'une double liste?
Cette question a quelques améliorations intéressantes sur la liste double traditionnelle, mais je cherche d'autres choses à considérer.
Meilleure façon de sélectionner un sous-ensemble d'éléments dans une longue liste
Pensez à utiliser une conception à sélection multiple avec des jetons . La fonction de filtrage à mesure que vous tapez est une fonctionnalité intéressante mais pas essentielle. Ceux-ci fonctionnent bien lorsque le cas d'utilisation courant en sélectionne un ou quelques-uns, mais la convivialité diminue rapidement si vous devez en sélectionner plusieurs car l'utilisateur doit invoquer à nouveau le menu pour chaque élément.
- http://harvesthq.github.com/chosen/
- http://designingwebinterfaces.com/the-multi-select-solution
- http://loopj.com/jquery-tokeninput/
Vous avez déjà vu la méthode à entrées multiples à jetons dans vos clients de messagerie. 
Si le cas commun est de sélectionner plusieurs, vous pouvez envisager un menu de case à cocher . La différence ici est que la liste déroulante est persistante à travers les clics (plus communique visuellement la nature de la sélection multiple), et donc l'utilisateur peut cliquer-cliquer-cliquer pour sélectionner rapidement plusieurs éléments. Pour notre application Web, nous cherchons à améliorer cette conception en ajoutant la fonctionnalité de jetons.
Toute alternative dépendrait des données et des cas d'utilisation attendus. La représentation visuelle n'est pas aussi importante que d'aider l'utilisateur à trouver les valeurs correctes. Vous devez profiter de toutes les opportunités pour réduire le nombre d'options et guider l'utilisateur vers ses valeurs préférées. Pensez à filtrer, grouper et mémoriser les sélections précédentes.
J'ai remarqué cette alternative utilisée par Windows 7 pour sélectionner des colonnes pour l'Explorateur Windows.
Découvrez également ces exemples:
http://ivaynberg.github.com/select2/
... à partir d'un plugin jquery appelé "Select 2" qui vous donnera un accès programmatique, un support de balisage et une tokenisation pour les zones de sélection, les champs de saisie, les listes déroulantes et plus encore. Vous devriez être en mesure de construire une bonne solution pour votre défi avec cela.
Plugin sympa.
Vous pouvez utiliser une liste de cases à cocher avec une option de case à cocher "Tout sélectionner" en haut. Avec cette case à cocher, vous pouvez sélectionner et désélectionner toutes les options très rapidement (la case à cocher reflète en même temps l'état de sélection de la liste ... toutes, toutes ou aucune). Si le nombre d'éléments de case à cocher est très élevé, vous pouvez afficher les éléments sélectionnés (dans une liste normale) sur le côté droit de la liste de case à cocher. En plus, vous devez ajouter un filtre sur la liste des cases à cocher.
Si vous manquez d'espace et que la probabilité d'ajouter des éléments est faible (2-3), vous pouvez effectuer une action d'ajout répétitive. Avec la taxonomie appropriée, les utilisateurs obtiennent cela très rapidement.