Produits dans les onglets - Mauvaise idée?
Dans un projet en cours, j'essaie d'argumenter contre une "caractéristique majeure" de la page d'accueil d'un site de commerce électronique. La soi-disant fonctionnalité serait l'affichage des produits présentés avec différentes étiquettes divisées en 4 onglets, chacun étiqueté avec l'étiquette selon laquelle les produits sont regroupés. Je pense que ce serait une mauvaise interface utilisateur et je cherche vos réponses pour faire un argument éclairé.
Voici les deux, l'interface contre laquelle je me tiens et ma version de l'interface.
Les produits dans les onglets.
Ma version tabless avec des balises réelles à la place.
Un peu d'informations de fond
- Le site sera réactif, il doit donc bien fonctionner sur les téléphones.
- La page d'accueil a pour rôle de présenter l'entreprise et de montrer les produits présentés.
- Les balises seront utilisées pour mettre en évidence les produits
discountedspecial offersounewpar exemple. - L'un des principaux objectifs mentionnés dans le mémoire était de simplifier le site Web.
Mon cas contre les produits à onglets et pour les produits étiquetés:
- Les articles peuvent avoir plusieurs balises, ce qui signifie que cette fonctionnalité peut afficher un produit deux ou trois fois, ce qui est mauvais et déroutant.
- Les balises sur les produits peuvent simplement être liées à une recherche basée sur la balise sélectionnée afin que les balises puissent avoir deux fonctionnalités en une.
- Étant donné que les balises sont de nature temporaire réelle, elles peuvent être modifiées et devraient probablement être changées fréquemment. Et si nous avons 6 balises, affichons-nous alors 6 onglets? Ce serait encore plus encombrant.
- La page d'accueil sera le seul endroit où ce type d'interface pour les produits existe. Pourquoi forcer un utilisateur à apprendre une interface qui n'est pas réutilisée sur le site.
- Les onglets ne semblent pas être la bonne métaphore pour afficher les éléments balisés, plutôt que cela
- Étant donné que la page d'accueil sera un point d'entrée pour beaucoup, vous ne devriez pas trop penser à l'utiliser.
- Notre objectif était la simplicité et la facilité d'utilisation et cela remue totalement vers une direction différente.
- Étant donné que les onglets doivent avoir un onglet ouvert par défaut, nous devons prioriser l'un des onglets. Puisque toutes les sections sont vraiment égales
- Beaucoup de gens sur ux.stackexchange semblent convenir que les onglets ne sont pas une solution appropriée pour présenter des informations séquentielles.
Personnellement, je pense que cela revient à dire que vous voulez rendre n'importe quel site Web aussi facile à utiliser que possible, en particulier les sites Web de commerce électronique réactifs!
Cependant, j'apprécierais si vous pouviez ajouter quelque chose à cela. Quelles sont les bonnes raisons de ne pas séparer les groupes de produits en onglets?
Comme mentionné dans Smashing UX Design par Jesmond Allen et James Chudley de cxpartners, qui ont de nombreuses années d'expérience avec un site Web de vente au détail de haut niveau, ils recommandent d'utiliser les onglets de cette manière avec prudence comme dans les tests d'utilisabilité, ils constatent que les gens ne voient pas toujours les onglets .
Les onglets différencient généralement les groupes d'éléments non connectés. La compartimentation des éléments de la même catégorie mais avec des attributs différents signifie que le contenu est disparate, transitoire et dynamique. Cela réduit la possibilité de parcourir les produits (en changeant d'intérêt sur un coup de tête) et potentiellement la capacité des gens à se rappeler comment trouver quelque chose lors d'une prochaine visite.
En utilisant des onglets, vous seriez en effet en train de pré-filtrer les produits à un niveau trop fin, en supposant que vous savez comment l'utilisateur souhaite interagir avec eux - une hypothèse qui n'est pas nécessairement valable.
Pour la plupart, je conviens que l'onglet n'est pas la bonne façon d'afficher les informations que vous avez mentionnées.
Pouvez-vous donner une estimation du nombre de produits que l'entreprise possède/pourrait avoir? Étant donné que si le nombre de produits est petit (<50), il peut être judicieux d'afficher tous les produits sur une seule page, comme vous l'avez suggéré. Mais si l'entreprise propose plus de produits, je préfère passer à une approche différente.
Il suffit d'afficher les éléments en vedette/à prix réduit ou d'autres critères sur la page de destination, puis l'utilisateur peut rechercher une catégorie/un filtre particulier pour voir ces éléments.
Je sais que les choses peuvent avoir plusieurs balises et seront répétées dans différentes recherches, mais ce n'est pas nécessairement un point négatif. Regardez n'importe quel grand site de commerce électronique.
C'est très bien si les balises sont modifiées, les éléments apparaîtront sur la nouvelle recherche de balises.
Pourquoi ne pas utiliser les onglets:
À moins que l'utilisateur ne soit un utilisateur expérimenté du site, c'est trop de travail pour lui de parcourir les onglets et de le comprendre. Même si vous faites de bonnes étiquettes pour les onglets, l'interprétation peut ne pas être la même pour tous les utilisateurs.
Encore une fois, si un client régulier revient sur le site et que vous changez constamment les onglets, il est assez difficile pour lui de saisir l'interface utilisateur.
Généralement, le groupe d'onglets pour un tel scénario n'a pas de sens, car vous donnez essentiellement à l'utilisateur des groupes pré-recherchés d'une manière. Il vaut toujours mieux donner à l'utilisateur le contrôle de la recherche/requête.
Pour ajouter à la réponse de Roger Attrill (je ne peux pas encore commenter, je poste donc une réponse), et parce que vos articles peuvent faire partie de différentes catégories, la taxonomie conviendrait mieux. Vous pouvez rechercher new éléments, discounted éléments ou newetdiscounted éléments (même si ce n'est probablement pas une bonne exemple réel).
J'accepte que les onglets puissent prêter à confusion si des éléments sont trouvés dans les deux onglets.