3 menus en haut d'un site Web
J'ai donc commencé à travailler sur un site avec 3 menus en haut. Le client insiste sur le fait que les gens doivent pouvoir accéder rapidement aux catégories et aux collections. Je ne sais tout simplement pas quoi suggérer qui fonctionnerait bien. Drop downs? D'autres idées? Le site vend des équipements commerciaux ainsi que des marchés enthousiastes. Je ne suis pas designer et je ne pense pas à une solution élégante. Le site Web est fait sur un logiciel de chariot commercial et utilise les menus bootstrap si cela aide. Merci d'avoir lu ma question, je joins une maquette rapide de ce dont je parle. 
Votre client est fondamentalement correct - vos utilisateurs doivent être en mesure de trouver ce qu'ils recherchent rapidement et efficacement - non seulement ce bon UX, mais dans e-commerce il améliore les conversions et donc le profit.
Cependant, leur insistance pour que les trois menus soient visibles à la fois est erroné et peut-être même préjudiciable à l'objectif fondamental de l'utilisateur mentionné ci-dessus.
Les utilisateurs eux-mêmes ne sont pas nécessairement préoccupés par la structure globale de catégorisation qui guide les produits, un fait aggravé si la structure de catégorisation est quelque chose interne à l'entreprise plutôt que de faire partie de la communauté des utilisateurs. Vous devez vérifier que le client n'utilise pas un système qui lui est familier pour créer ce menu qui pourrait ne pas être familier aux utilisateurs.
Il existe plusieurs façons d'aider l'utilisateur à découvrir ce qu'il recherche.
Recherche à facettes
La recherche à facettes est la technique consistant à fournir aux utilisateurs une ventilation des différentes fonctionnalités disponibles dans un jeu de résultats donné et à leur permettre de décomposer davantage les éléments en sélectionnant ces fonctionnalités ou en définissant des plages de valeurs pour ces fonctionnalités (la première est généralement effectuée pour les choses avec des éléments discrets). des valeurs comme la couleur ou la taille et cette dernière est généralement effectuée pour des valeurs numériques mises à l'échelle comme le prix).
Un exemple de base appliqué à la situation spécifique des PO serait d'avoir un menu de catégories de niveau supérieur puis une boîte de recherche à facettes qui permettait le filtrage par collection. Cette technique peut cependant devenir beaucoup plus sophistiquée, avec toutes sortes de fonctionnalités apportées pour permettre à l'utilisateur d'accéder rapidement à une combinaison de fonctionnalités du produit qui reflète son objectif, ou de créer rapidement un ensemble de résultats contenant un mélange de fonctionnalités qui l'intéressent. dans.
Un bon exemple de recherche à facettes peut être vu ici: Asos Clothing .
Pour plus d'informations sur la recherche à facettes, cliquez ici: X Matters
Balisage
En utilisant le marquage, vous pouvez définir des catégories/fonctionnalités pour les produits de manière moins hiérarchique et plus naturelle (vous pouvez également le considérer comme un produit se trouvant dans plusieurs catégories). Vous pouvez vous assurer qu'un produit apparaît à plusieurs endroits pertinents sur le site. C'est formidable car cela signifie que les utilisateurs ayant des termes différents à l'esprit lorsqu'ils tentent d'atteindre leur objectif trouveront toujours le produit. Lorsqu'un produit est dans une catégorie et une seule et que cette catégorie est au même endroit, vous pouvez créer de nombreuses impasses pour l'utilisateur.
Notre propre Stack Exchange utilise cette méthode. Les questions sont étiquetées avec jusqu'à cinq balises pertinentes et le résultat est qu'elles apparaissent pour les utilisateurs avec des objectifs différents mais restent pertinentes une fois découvertes. Le balisage peut être effectué en interne, par des employés de l'entreprise uniquement, ou il peut également être effectué par des utilisateurs de confiance (comme SE également), ce qui signifie que vous pouvez obtenir des informations de balisage riches auprès de personnes expertes dans votre base de produits. Les deux méritent réflexion.
Le balisage fonctionne également très bien avec la recherche à facettes.
Dans le cas d'un ensemble de produits qui a été très strictement catégorisé et avec une base d'utilisateurs qui pourrait garantir connaître cette structure de catégorie, le marquage devient moins pertinent.
Recherche et tri de base
Une fonction de recherche de mots clés de base est également utile tant qu'elle n'est bien écrite que pour indiquer des objectifs légitimes. Il en va de même pour le mécanisme de tri des résultats.
Menus qui se révèlent
Enfin, lorsqu'il y a un menu, il peut être modifié pour se révéler progressivement, de sorte que l'utilisateur a décidé `` je suis intéressé par x '', il peut s'afficher xy, xz, xn, xm etc. Cela aide à réduire la charge cognitive sur l'initiale visite du site, montrant plusieurs éléments de premier niveau et laissant l'utilisateur choisir.
Toutes ces méthodes peuvent aider les utilisateurs à faire ce qu'ils doivent faire, c'est-à-dire à se diriger vers un objectif et je pense que vous devriez retourner voir votre client avec des exemples et des idées, regarder la base d'utilisateurs et comment ils utilisent n'importe quelle entreprise actuelle, en ligne ou hors ligne, puis expliquez comment optimiser les options disponibles pour vos utilisateurs.
Quelle est la différence entre "Contrat", "Ventes" et les différentes options "Boutique"?
Je voudrais mentionner à votre client qu'en tant que meilleure pratique, la navigation est souvent limitée à 5-9 éléments conformément à Miller's Law . Cependant, cela ne veut pas dire que toute navigation est limitée à un maximum de 9 éléments. Différents regroupements, emplacements dans le site Web et éléments de conception peuvent être utilisés pour séparer les éléments connexes et réduire la quantité de mémoire de travail requise de l'utilisateur lors de l'examen de ses options de navigation. Dans votre maquette, les bordures autour de chaque groupe les différencient avec succès et des éléments de conception tels que la couleur pourraient fournir une différenciation supplémentaire.
Une autre option serait de retirer quelques éléments de la navigation principale dans un menu utilitaire. Les menus utilitaires apparaissent souvent dans le coin supérieur droit d'un site Web. "Connexion" et "Enregistrement" peuvent être considérés comme des utilitaires.
En ce qui concerne la structure globale du contenu, si les principaux utilisateurs du site Web savent que les produits du client se distinguent à la fois par catégories et par collections, il est peut-être nécessaire de conserver à la fois les `` Catégories de boutique '' et les `` Collections de boutique ''. Sinon, peut-être que 'Boutique' pourrait servir d'élément de navigation parent qui affiche 'Catégories de boutique' et 'Collections de boutique' dans un sous-menu lorsque l'utilisateur interagit avec 'Boutique' via le survol ou le toucher de la souris (sur une tablette ou un appareil mobile) . Alternativement, selon le nombre de catégories et de collections par rapport à l'espace d'écran disponible, vous pouvez afficher chaque liste sous l'en-tête approprié dans le sous-menu.