web-dev-qa-db-fra.com

Ce site utilise-t-il une bonne interface utilisateur pour le panier d'achat?

ce site utilise-t-il une bonne interface utilisateur pour le panier? Comment déposez-vous quelque chose dans le panier? Est-il suffisamment intuitif pour être utilisé?

Screenshot of the home page

3
Tony_Henrich

Pas vraiment, je pense.

La principale chose irritante est que vous ne pouvez pas faire glisser un élément de la première page (le lien que vous avez donné). Si vous essayez d'y faire glisser l'image ou le nom de l'ensemble, cela ne fonctionne pas. Et, c'est un peu étrange car le panier est visible, et vous explique comment faire glisser des articles dedans. On ne sait toujours pas ce qu'est un "article".

Vous devez accéder à la page de l'icône set (ce qui est un peu difficile car vous n'y arrivez que via le petit lien, pas via l'image ou la collection en-tête) pour arriver à quelque chose qu'ils veulent dire avec "un élément". Deuxièmement, une fois glissé, l'élément ne montre pas directement que votre glissement a réussi. Lorsque vous frappez le panier, l'affichage reste le même que si vous étiez ailleurs sur la page ou que vous ne faites même pas glisser du tout *. Il faut un certain temps avant qu'une icône d'attente ne soit visible et il devient clair que vous avez réussi à faire glisser.

Je dirais que ces deux choses devraient être améliorées.

  1. Ne montrez pas le panier sur la première page et ne faites pas glisser les collections.
  2. Précisez directement que les articles sont correctement glissés dans le panier.

(* Apparemment, vous n'avez même pas besoin de faire glisser des articles dans le panier, commencez simplement à les faire glisser et cela fonctionne ..)

9
Lode

Tout d'abord, j'ai remarqué la zone "panier" à droite et le conseil: "Faites glisser l'article ici pour acheter".

J'ai essayé de faire glisser l'une des grandes images invitantes de la page d'accueil directement dans le panier, mais cela n'a pas fonctionné.

J'ai alors remarqué que chaque image représentait en fait des ensembles différents à des prix différents. J'ai essayé de faire glisser le lien défini sur la barre. Cependant, cela n'a pas fonctionné non plus.

J'ai ensuite essayé de faire glisser la description, encore une fois l'image, les espaces dans chaque product_item div ... rien.

J'ai finalement décidé d'ouvrir une page d'ensemble, qui comportait un bouton "Ajouter au panier" et un bouton "+" sur l'image. Cela me permettrait d'acheter des articles traditionnellement, mais rendait la pointe de déplacement encore plus confuse: ai-je oublié quelque chose sur la page d'accueil?

J'ai sceptiquement essayé de faire glisser la grande icône de la page définie sur le panier. Cela n'a pas non plus ... oh attendez, c'est un battement ... et maintenant il est là, sans étiquette et réduit.


Choses à considérer: (à prendre avec un grain de sel)

  • Faites en sorte que le panier "réagisse" à une action de glisser-déposer "légale" en cours. Comme ça.
  • Réagissez aux erreurs des utilisateurs. Détectez un élément pour faire glisser et déposer de grandes icônes là où cela n'a pas de sens et afficher un message d'erreur. Par exemple: "Cette collection est disponible en nombre de jeux . Laquelle aimeriez-vous acheter?"
  • Soyez plus réactif côté client. Par glisser-déposer, affichez l'élément comme glissé et désactivez le bouton de paiement lorsque vous mettez à jour les choses côté serveur. Ce site gère le vote comme celui-ci, par exemple.
4
badp

C'est comme une de ces interfaces utilisateur sophistiquées que nous voyons dans les films que nous n'avons pas dans la vraie vie, non pas parce qu'elles sont difficiles à mettre en œuvre, mais parce qu'elles sont difficiles à utiliser.

Pour quelqu'un avec difficulté motrice, cela peut être assez difficile à utiliser. Le glisser-déposer à l'aide d'un trackpad n'est pas souvent aussi réactif que le faire avec une souris. (Il se trouve que certains trackpads ne sont pas très réactifs.) Ce qui pourrait être fait en un seul clic nécessite maintenant une souris, une souris précisément ciblée et une souris. Connaissances de base de Loi de Fitts peut vous expliquer pourquoi cette tâche est plus difficile que de simplement cliquer sur un bouton.

Il y a une raison pour laquelle les interfaces informatiques n'essaient pas d'imiter les interfaces de la vie réelle (c'est ce que cette interface utilisateur essaie de faire, OMI.) C'est pourquoi nous ne parcourons pas les "allées" des "magasins 3D" mais avons plutôt des pages dédiées à produits où nous cliquons sur le bouton "ajouter au panier". Ce qui est naturel pour une interface utilisateur à pied et à ramasser n'est pas naturel pour un WIMP (fenêtres, icônes, menu et périphérique de pointage) I.

3
Manas Tungare

Oui

Je ne vois pas de gros problème avec ça. En plus du glisser-déposer, les pages de jeu d'icônes (accessibles en cliquant dessus) ont des boutons ajouter au panier. J'aime aussi le fait que, contrairement à de nombreux autres magasins en ligne, vous n'avez pas besoin de visiter une autre page pour voir le contenu de votre panier.

Cependant, un gros problème est qu'il ne fonctionne pas sans javascript, ou au moins afficher un avertissement aux utilisateurs sans qu'il ne soit activé qu'il doit être activé.

3
Gelatin

NON

  1. Tout d'abord, un bug de l'interface utilisateur critique, les clients dont la hauteur de l'écran est inférieure à la hauteur du panier ne peuvent pas commander. (pensez aux netbooks avec des écrans de 600 pixels.)
  2. L'activité du panier est affichée sur les pages où il n'y a pas d'activité, le texte ne spécifie pas quoi faire glisser dans le panier. (la solution serait de)
  3. Aucune information de prix disponible lors du changement d'option de licence.
  4. Les pages séparées pour "Vector Set" "Vector Single" et "Pixel Set" sont inutiles et déroutantes. (une seule page avec les boutons "Acheter l'ensemble complet (format vectoriel)", "Acheter l'ensemble complet (format Bitmap)" et l'en-tête "Ou acheter des icônes individuellement", avec les options d'achat d'icônes individuelles ci-dessous est moins déroutant)
  5. Throbber est lent à apparaître et n'est pas dans la zone de mise au point lors de l'utilisation des boutons plus.
  6. Le panier d'achat ne fait aucune différence entre les différentes versions d'un même ensemble.

Je pense que je devrais arrêter maintenant.

2
alexanderpas

C'est bon.

Je pense que c'est l'un de ces cas où ils laissent la fraîcheur les distraire de la fonctionnalité de base. Il est un peu difficile à utiliser, affiche très peu d'informations sur ce qu'il contient.

Je dirais donc que c'est OK, la plupart des utilisateurs pourraient acheter là-bas mais je ne pense pas que je l'utiliserais sur mon site.

comme l'a dit @simon, ce serait un problème si JS était désactivé.

1
Sruly

Il m'a fallu un certain temps pour comprendre pourquoi vous avez ajouté l'option glisser-déposer, car il n'était pas évident qu'il était possible d'acheter des icônes individuelles et pas seulement des ensembles.

J'ai ajouté un ensemble, puis j'ai essayé d'ajouter des icônes individuelles, mais lorsque j'ai essayé d'ajouter une icône qui fait partie de l'ensemble, j'ai déjà ajouté - cela n'a tout simplement pas été ajouté. C'est déroutant et frustrant.

Le chariot affiche de petites flèches en haut et en bas pour faire défiler lorsqu'il y a beaucoup d'articles dans le panier. C'est aussi déroutant. Peut-être juste afficher ces icônes lorsque la sixième icône est ajoutée ou afficher une petite partie de la sixième icône pour que je sache qu'il y en a plus. Maintenant, j'ajoute des icônes supplémentaires et je ne peux pas savoir où elles sont allées. Le défilement n'a pas fonctionné pour moi en utilisant Chrome 6.

Il est étrange que vous ne puissiez pas glisser-déposer en cliquant sur le signe plus. BTW - l'info-bulle dit "Supprimer".

Bien que cette fonctionnalité soit mignonne, je préfère un seul clic sur le bouton d'ajout au panier ou le signe plus que de faire glisser des articles vers le panier. C'est plus efficace.

J'ai lu quelque part une opinion que la pagination n'est plus vraiment nécessaire, surtout quand il s'agit de photos. L'œil humain est excellent pour voir de nombreuses images et choisir celles que vous aimez. Il peut être plus facile pour les acheteurs de simplement afficher toutes les icônes sur une seule page - une bien meilleure expérience d'achat.

Le site est superbe et les icônes sont excellentes.

1
idophir