Interface utilisateur. Sélection multiple avec priorité

Question

Je suis en train de concevoir une interface utilisateur et je veux demander à vos conseils comment la rendre plus conviviale. S'il vous plaît dites toutes les suggestions et si vous avez déjà vu la mise en œuvre de quelque chose de familier s'il vous plaît partager le lien.

Université. Il y a plus de 40 spécialités regroupées en 5 facultés. L'utilisateur choisit plusieurs qui l'intéressent et les commande par priorité. Par exemple, je suis intéressé par "programmation de microcontrôleurs", "analyse de systèmes" et "physique expérimentale". Je dois les trouver rapidement en "faculté de programmation", les sélectionner et ensuite commander - ce que je préfère le plus et ce que je préfère moins que d'autres que je choisis.

Toutes les idées bienvenues :)

Answer 1

cases à cocher et boutons radio seraient appropriés pour cela, pour les sites Web et les applications de bureau. Dans mon cas, j'utiliserais les noms des facultés comme en-têtes et j'ajouterais ensuite les spécialités correspondantes en dessous d'eux, préfixées par des cases à cocher et un bouton radio à côté de chaque spécialité, permettant à l'utilisateur de définir la priorité.

Une image vaut mille mots: http://i45.tinypic.com/2ex6jy0.png

Answer 2

Je pencherais pour le modèle de conception « Liste de constructeur ».

Le générateur de liste contient deux listes. Sur le côté gauche, vous avez la liste des sources (c'est-à-dire la liste complète des facultés/spécialités), et à droite vous avez la liste des sources (les éléments choisis par l'utilisateur dans l'ordre des priorités).

Entre les listes, vous avez deux boutons. "Ajouter" (flèche vers la droite) et "Supprimer" (flèche vers la gauche), qui ajoute et supprime des éléments à la liste de destination.

En outre, vous mettez deux boutons avec la liste de destination. Ceux-ci sont utilisés pour réorganiser la liste de destination. Par exemple. "Déplacer vers le haut" et "Déplacer vers le bas" pour déplacer l'élément sélectionné de haut en bas.

exemples: Se
http://msdn.microsoft.com/en-us/library/aa511484.aspx#listBuilders
http://osdpl.fluidproject.org/designPatterns/List-Builder