Comment puis-je décrire ce que font les cases à cocher dans une longue liste d'éléments?
Dans mon application Web, j'ai une longue liste d'articles d'un côté de l'écran et une liste de panier de l'autre.
Voici un exemple: 
L'application fonctionne en cochant les cases à côté des articles, puis en cliquant sur ajouter au panier. Cela les déplace vers la liste des paniers.
(En raison de la grande quantité d'articles dans la liste, je pense que je dois continuer à utiliser des cases à cocher en passant. Veuillez ne pas trop insister sur ce point.)
La plupart des gens pensent que les cases à cocher de la liste de gauche doivent ajouter des éléments au panier, mais elles ne comprennent pas les cases à droite. Certaines personnes pensent même que vous devez cocher les cases de la liste de droite si vous voulez les amener à la caisse.
Comment puis-je indiquer clairement que les cases à cocher à droite doivent réellement supprimer les articles du panier en vrac?
La suppression d'articles n'est pas une "opération en bloc" en soi:
À première vue, "supprimer plusieurs éléments" serait une opération groupée où le modèle de case à cocher que vous avez choisi est répandu et (probablement) bien accepté par les utilisateurs.
Votre cas est tout à fait différent, cependant, puisque il n'y a pas d'autre option à part "supprimer/supprimer".
Par conséquent, vous n'avez pas affaire à un scénario "sélectionnez les éléments, puis appliquez l'action aux éléments sélectionnés".
Réduire la complexité:
Lorsque vous examinez la transaction d'une manière non-Bulk Edit, nous pouvons réduire considérablement la complexité pour l'utilisateur:
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Quel intérêt pour l'utilisateur?
Dans votre scénario actuel , si l'utilisateur souhaite retirer 2 des 3 articles de son panier, il doit:
- Cochez la case du premier élément qu'il souhaite supprimer
- Cochez la case du deuxième élément qu'il souhaite supprimer
- Localisez et identifiez le bouton "retirer du panier"
- Déplacer sa souris vers la cible (très probablement située loin de sa position actuelle)
- Cliquez sur la cible.
Dans le scénario proposé , pour la même tâche, l'utilisateur doit:
- Identifier le but de "X" es
- Cliquez sur le "X" du premier élément qu'il souhaite supprimer
- Cliquez sur le "X" du deuxième élément qu'il souhaite supprimer
Non seulement l'utilisateur doit effectuer 1 "recherche" et un clic de moins - également, la probabilité d'erreurs (telles que les "éléments de clic avec lesquels je veux vérifier" que vous avez mentionnés dans votre question) est réduite.
Avez-vous envisagé de regarder le plugin jquery Chosen
La fonctionnalité de sélection multiple est simple car les utilisateurs peuvent simplement sélectionner ce qu'ils veulent dans une liste déroulante et s'ils ont besoin de supprimer un élément, cliquez sur le X qui le supprime de la liste et le renvoie à la liste déroulante. La fonctionnalité de saisie semi-automatique réduira également le défilement car l'utilisateur peut simplement taper le nom du produit et il serait récupéré
Sous cette liste déroulante, placez un simple bouton de paiement.
Je sais que vous avez confiance dans les cases à cocher, mais avez-vous envisagé de laisser les utilisateurs ajouter des éléments en un seul clic? Un motif courant consiste à placer des icônes plus à côté des éléments dans le volet gauche, puis à les croiser à côté des éléments à droite. Cliquer sur ajouter place l'article dans le panier, cliquer sur la croix le supprime.
Débarrassez-vous de la liste panier, conservez les cases à cocher
Surtout, je suppose que lorsque je vérifie quelque chose dans trucs disponibles qu'il reste dans cette liste, mais est vérifié. Étant donné que....
Articles vérifiés dans trucs disponibles IS le panier d'achat par essence. Et bien sûr, c'est pourquoi les cases à cocher dans panier d'achat = sont déroutants. Ce que je veux est enregistré trucs disponibles mais pas enregistré panier. Et cochée ou non, "checkout" obtient tout dans le panier. La confusion est compréhensible.
Avec une seule liste, il est très clair ce que signifie un chèque - bien sûr, avec un bon indice au-dessus, disons "vérifiez ce que vous voulez acheter".
Parallèlement à cela, tous les éléments cochés doivent être triés en haut de la liste.
Débarrassez-vous des cases à cocher, conservez les deux listes
Une solution alternative. Demandez aux éléments de se déplacer physiquement d'une liste à l'autre. Désormais, plus besoin de cases à cocher. Un double-clic sur un élément pour le déplacer vers l'autre liste. Et bien sûr un joli indice comme "double-cliquer pour ajouter au panier".