Une liste déroulante de cases à cocher est-elle utile?

Question

Il y a quelque temps, j'ai créé une liste de cases à cocher glissées qui vous permet de cocher plusieurs cases en un seul geste. Pensez-vous qu'il est viable et utilisable sur le Web, là où les gens pourraient ne pas savoir comment l'utiliser? Le comportement par défaut fonctionne toujours pour les cases à cocher individuelles.

Answer 1

1 - L'idée

L’idée est intéressante et peut probablement être utilisée dans des applications professionnelles dans lesquelles vous êtes en contact direct avec les utilisateurs et pouvez leur expliquer comment les choses fonctionnent, mais pas nécessairement sur les sites Web publics où les utilisateurs ne veulent pas de RTFM et cherchent simplement des informations familières. comportements. À moins qu'il ne s'agisse que d'un exemple d'exercice ou d'un contrôle destiné à être inclus dans un pack de contrôles, il enfreint le paramètre Principe YAGNI ;)

2 - La mise en œuvre

Vous avez certainement remarqué que l’implémentation est défectueuse (du moins sur IE7 et FF3.1B2). Parfois, les cases à cocher gestes avant toutes les sélectionneront toutes sauf une ou deux. Si vous déplacez la souris sur la div au-dessus ou au-dessous de la liste, le glissement s'arrêtera (je sais que c'est une "fonctionnalité", mais ce n'est pas très convivial). J'ai vérifié le code source et pour être honnête, même s'il a l'air plutôt chouette, je ne voulais tout simplement pas m'en occuper parce que c'est du javascript simple. Ne savez-vous pas que ...

3 - Améliorations possibles

... vous pouvez écrire moins et faire plus avec une bibliothèque javascript, généralement jQuery . Je réécrirais complètement ce contrôle en tant que plugin jQuery. Il vous fournira de nombreux outils pour rendre votre code beaucoup plus facile à écrire, à maintenir et à étendre. Essayez-le, vous allez l'adorer. C'est d'un point de vue technique. D'un point de vue utilisateur, essayez de vous rendre le contrôle aussi familier que possible, comme l'a suggéré Angela, l'explorateur Windows: un joli rectangle de sélection, la possibilité d'utiliser shit + click ou quelque chose du genre. Enfin, rappelez-vous que pour de nombreux utilisateurs de la liste de contrôle Windows, " sélectionné " et " vérifié " sont deux choses différentes.

Answer 2

La démo a certainement besoin de quelques améliorations pour la rendre encore un peu utile (même si je ne suis pas sûr que cela suffirait):

1. Autoriser le glissement à commencer quelque part qui ne soit pas une case à cocher.
2. Autorisez la sélection en faisant glisser également les étiquettes.

Ce problème semble similaire à l'action de sélectionner plusieurs fichiers dans un explorateur de fichiers tel que l'Explorateur Windows. Cela peut peut-être fonctionner comme l'action de sélectionner plusieurs fichiers en faisant glisser un rectangle autour des éléments à sélectionner (sélectionnez un coin, faites-le glisser vers l'autre coin)? Cela présente l’avantage de ressembler à un élément d’interface avec lequel les gens sont peut-être déjà familiers.

Answer 3

Pour une raison quelconque, je ne peux pas ouvrir votre lien (il est indiqué que mon adresse IP a été bloquée). Mais je pense que ce que vous cherchez, c’est ce que j’ai déjà fait dans jQuery. J’ai téléchargé un plugin que j’ai essentiellement porté de la fonctionnalité dragcheck de crossbrowser.com. Il se trouvait sur http://plugins.jquery.com/project/dragCheck , mais le site du plugin jquery est actuellement en cours de refonte et mon plugin a disparu. J'essaie de voir s'ils vont le remettre en place ou s'il faut que je crée à nouveau un nouveau projet ... Quoi qu’il en soit, vous pouvez voir une démonstration ici: http://jsbin.com/ibihi