Est-ce que l'utilisation de "X" pour "fermer" et "supprimer" causera de la confusion
Je travaille sur une conception de panier d'achat.
J'utilise actuellement "X" pour signifier à la fois "fermer" et "supprimer" dans l'interface. Comme indiqué dans la capture d'écran ci-dessous.
Cela causera-t-il une confusion inutile?
Pour une référence rapide, voir les recherches de projets de noms pour fermer et supprimer
Si vous cherchez quelque chose qui symbolise le mot "supprimer", alors pourquoi ne pas simplement utiliser le mot "supprimer"?
Ce n'est pas spécialement un gros mot. Et vous avez beaucoup d'espace dans cette interface utilisateur pour l'adapter là-dedans. De plus, il supprime toute ambiguïté quant à ce que cela signifie.
Quelques autres options:
- n X de style différent. X est un symbole facilement reconnaissable pour les deux actions. Je pense que toute confusion provient principalement du fait que vous utilisez le même style pour les deux, créant l'espoir que les deux effectueront la même action dans votre interface. Si vous aviez, par exemple, un X rouge avec des proportions légèrement différentes pour l'action de suppression, je ne pense pas que quiconque aurait un problème à comprendre l'interface.
- ne petite poubelle est un autre symbole largement reconnu pour la suppression.
Vous devez être prudent lorsque vous utilisez des mots. Si vous internationalisez un mot, vous pouvez vous retrouver avec un mot équivalent avec beaucoup plus de caractères que votre intention. Si vous utilisez un graphique, vous êtes indépendant de la langue et du caractère (ce qui signifie que vous êtes spatialement connu) mais il y a toujours des considérations basées sur la culture et d'autres facteurs.
Exemple Si je voulais représenter un lecteur de musique numérique sur un site pour enfants et que j'utilise un symbole qui ressemble à un lecteur de cd portable des années 90, de nombreux enfants n'associeront pas le graphique à la fonctionnalité de soulignement.
En cas de doute, tournez-vous vers des applications qui génèrent des modèles mentaux préexistants ...
Considérez Amazon (utilise la suppression de Word)
Considérez Walmart (utilise la suppression de Word)
Si vous avez mis en œuvre une conception similaire à Amazon ou Walmart, il peut être prudent de supposer que toute personne qui maîtrise le panier Amazon/Walmart pourrait également utiliser votre panier en fonction de son modèle mental existant sur le fonctionnement d'un panier électronique.
Je recommande d'utiliser un signe moins entouré d'un cercle (-). Cela devrait atténuer votre problème de longueur de texte tout en impliquant également une fonction "supprimer".
C'est un jeu d'enfant à tester. Je suis d'accord avec + add, - remove, x close. Vous pouvez utiliser une info-bulle pour combiner des étiquettes de symboles et de mots. Maquette à la fois et mettez-la devant environ 5 utilisateurs, obtenez leurs commentaires.
Alternativement, vous pouvez autoriser l'utilisateur à définir la quantité sur 0. Dépend du moment où le voyage vers le serveur a lieu et lorsque l'utilisateur voit une actualisation.
Suivez les conventions/le style de l'application dans son ensemble. Les utilisateurs apprendront comment interagir avec votre système. La cohérence aide beaucoup.
J'ai eu le même problème avec X pour la ligne de suppression ou X pour la ligne d'erreur.
Mais maintenant, avec les applications, la tablette, le smartphone et l'icône plate, nous avons maintenant la possibilité d'utiliser une poubelle simple pour une action de suppression.
En pensant à la signification de fermer et supprimer dans le contexte d'un panier, vous pouvez penser au comportement d'un article du panier comme suit:
- supprimer l'élément (c'est comme d'habitude)
- fermer l'élément
Les deux conduisent au fait que l'article n'est plus dans le panier. Ainsi, la fermeture d'un article du panier d'achat est presque la même chose que de le retirer du panier d'achat.
Il est donc parfaitement possible d'utiliser "X" pour les deux, fermez le panier et fermez un article du panier.
Je voudrais
- Utilisez "Supprimer l'élément" comme lien de texte car, comme déjà mentionné, les mots sont moins susceptibles d'être mal interprétés que les caractères ou les images.
- Mettez le lien de suppression d'élément à droite immédiatement de l'image de l'élément, car les images de l'élément sont le premier point de focalisation en raison de la zone visuelle plus grande. (Non, Gatekeepers de UX StackExchange: je n'ai pas de lien vers une étude qui renforce quelque chose que vous devriez aller de soi) Actuellement, il y a beaucoup trop d'espace entre l'article et le prix/quantité/supprimer les informations; la mise en page serait plus intuitive si l'élément et le lien de suppression d'élément sont couplés spatialement. C'est comme placer un interrupteur d'éclairage à 25 pieds de la pièce qu'il allume - pourquoi le faire?
- Enfin, laissez l'utilisateur entrer "0" pour la valeur de quantité pour supprimer un article. Il est facile à programmer et intuitif à utiliser, peut-être encore plus que de cliquer sur un lien de suppression d'élément. Je pense qu'Amazon a cette fonctionnalité. Dans tous les cas, c'est une sécurité intégrée accommodante que vous vous demandez pourquoi plus de gens n'utilisent pas, comme les stations-service avec des tuyaux de pompe suffisamment longs pour les véhicules de toute taille et de modèle commun (c.-à-d. L'emplacement du bouchon de gaz par rapport à la pompe ).
Quant à moi, cela semble très déroutant, en particulier parce que l'icône de suppression a le même espacement entre les bordures supérieure et droite. Il serait probablement utile de le rapprocher un peu de la zone de liste déroulante, de le réduire un peu et de le rendre de couleur différente (par exemple le rouge).
Utiliser des icônes est merveilleux, tant que je comprends ce qu'ils signifient.
Vous pouvez le marquer avec un x, mais:
Faites en sorte que l'élément x ressemble davantage à "appartenir" à l'élément. En ce moment, c'est un peu assis dans l'espace. Vous pouvez dessiner une boîte autour de la ligne entière de l'élément, x inclus, pour montrer qu'ils vont ensemble.
N'utilisez pas - sans correspondance +:
Comme un commentaire mentionné, un
-peut facilement être interprété comme "réduire la quantité de cet article d'un", alors lancez-vous avec l'idée. Mettez des boutons haut-bas par la quantité, et (critique) lorsque la quantité est nulle, fournissez une rétroaction évidente que cela signifie que vous commanderez zéro de cet article.En revanche, cela pourrait être interprété comme "supprimer l'intégralité de cette ligne, quelle que soit la quantité marquée". Dans ce cas, * vous devez toujours fournir un
+, mais maintenant le+devrait signifier "ajouter un autre élément de campagne".En raison de ces interprétations très différentes, je recommanderais de rester loin de cette paire et de privilégier les mots à la place.
Ma règle de base est de fournir des icônes niquement si elles ajoutent de la clarté à la majorité des utilisateurs, et même alors ne se fient pas niquement à l'icône. Fournissez un survol du texte ou des sous-titres ou quelque chose sur lequel se rabattre si le symbolisme de l'icône échoue.
Je suggérerais simplement d'agrandir le x proche au lieu de supprimer le x. Une autre chose que vous pouvez faire est d'ajouter "fermer" pour le x en haut au survol de la souris, et faire de même, mais avec "supprimer" au survol de la souris pour l'article du panier. Vous avez déjà des lignes pour définir les sections, ce qui réduit toute confusion pouvant survenir avec votre arrangement actuel.
Garder le même symbole pour deux actions différentes est certainement une pratique d'interface utilisateur discutable. Leur donner un traitement visuel différent ne résoudrait votre problème que partiellement car l'utilisateur associerait toujours les deux symboles "X" différents comme liés (car nous avons tous tendance à reconnaître les objets en les comparant avec des images existantes). Comme recommandation, je vous suggère d'utiliser un signe moins (-) pour retirer un produit du panier. Ce serait plus facilement reconnaissable dans le cas du "retrait" d'une entité, comme cela nous a été enseigné dès notre éducation élémentaire. Vous pouvez également définir un langage de conception constant avec le symbole (+) pour ajouter un élément ainsi que (-) pour le supprimer.