Ou le site Web correspondant. Bien sûr, il y a plusieurs aspects qui peuvent rendre la navigation du site efficace, mais nous allons maintenant accorder une attention particulière au menu, car il samp;rsquoagit généralement du premier élément de page avec lequel lamp;rsquoutilisateur interagit lorsquamp;rsquoil arrive sur un nouveau site.
Menus de navigation les menus de navigation sont souvent situés à lamp;rsquoavant et au centre damp;rsquoun site Web (cependant, par exemple, un menu centré peut être intéressant). Pour les sites avec différentes catégories, la fonction drop down est une option pour économiser de lamp;rsquoespace et répondre aux besoins de classification. Aujourdamp;rsquohui, dans minimaliste (et mobile Availability), de nombreux sites Web ont adopté la conception du menu de Hambourg (essentiellement un carré avec trois courtes lignes horizontales indiquant que le menu peut être étendu en cliquant). Le thème woocommerce Store offre un exemple pratique dans le coin supérieur droit:
La conception du menu du site de hamburger est plus courante dans la conception du site mobile, car la tâche du développeur est de créer une navigation disponible dans un très petit espace. Bien sûr, il est difficile de créer un menu déroulant qui peut être utilisé pour déplacer un site! Néanmoins, de nombreux designers méprisent le menu hamburger, ce qui conduit à un nouveau mouvement pour trouver des façons créatives de rendre la navigation du site intéressante et pratique. Compte tenu de ce qui précède, la conception heuristique commune des menus sur les sites Web consiste à placer la navigation des menus en haut de chaque page en tant quamp;rsquoélément permanent afin que lamp;rsquoutilisateur puisse facilement trouver la « Page damp;rsquoaccueil » ou rechercher la page suivante qui lamp;rsquointéresse.
Meilleures pratiques pour parcourir les menus de conception de site la plupart des thèmes WordPress ont une conception de menu de site par défaut. Vous recherchez
Lamp;emplacement (ou la disposition) des éléments du menu de navigation est important. Le site contient une liste générale des pages proposées, telles que la page damp;rsquoinformation, la page de contact, etc. Ce sont les pages que les visiteurs du site recherchent le plus souvent. Ces pages importantes sont généralement très fréquentées (parce quamp;rsquoelles sont bien en vue), mais le taux de participation est généralement faible. Utilisez Google Analytics pour identifier les pages les plus importantes et identifier les possibilités damp;rsquooptimisation. Affiche damp;rsquoabord les éléments de navigation les plus importants (ou en haut, selon lamp;rsquoorientation de la barre de menu). Laissez un maximum de 7 éléments de menu. Des études ont montré quamp;rsquoun maximum de sept messages peuvent être mémorisés ou acceptés à la fois. Un trop grand nombre de catégories damp;rsquoéléments de menu peut affecter votre capacité à classer dans la recherche, car Google pourrait interpréter trop de catégories apparemment non pertinentes comme si votre site namp;rsquoavait pas identifié un créneau particulier. savez que avez besoin de plus de 7 éléments de menu, subdivisez les en sous catégories. En résumé, la conception du menu sur le site Web de Manchester United est trop compliquée: les utilisateurs peuvent voir trop damp;rsquooptions:
Au lieu de ça, le café. Com fournit un exemple de classification simple et bien organisée: Consultez le menu de temps en temps. Supprimer les liens rarement cliqués. Renommer lamp;rsquoétiquette universelle pour la rendre plus descriptive tant pour les visiteurs humains que pour les rampeurs de moteurs de recherche. Inspiration pour la conception de menus Web créatifs les grands vaisseaux spatiaux ignorent lamp;rsquoinspiration typique pour la conception de menus Web (en haut ou sur le côté du contenu de la page damp;rsquoaccueil), et les boutons de menu des grands vaisseaux spatiaux sont situés à lamp;rsquoavant et au centre de leur page damp;rsquoaccueil.
CL primaire
Dans iccati, lamp;rsquoutilisateur est dirigé vers une nouvelle page avec seulement quatre options de menu. Une fois que avez sélectionné lamp;rsquoendroit où voulez aller, le système offre damp;rsquoautres options. Chaque page offre ces nouvelles options de sous menu damp;rsquoune manière différente, fascinante et créative. Par exemple, les liens de travail pointent vers des photos cliquables, tandis que la page de travail fournit différents types de navigation de menu, en utilisant des flèches pour lister les emplacements ouverts, et si cliquez, la liste déroulante affiche une description de chaque élément. Lamp;rsquoutilisateur peut facilement revenir à la navigation du menu principal en cliquant sur le bouton Menu au bas de la page (qui devient le menu hamburger).
Conception equalus La marque et lamp;rsquoAgence de communication singapouriennes ont prouvé que la conception minimaliste du menu du site namp;rsquoest pas ennuyeuse. Il y a un menu fixe en haut de la page damp;rsquoaccueil de leur site, mais chaque page présente son propre style de navigation unique lorsque cliquez sur lamp;rsquoun des liens principaux. Par exemple, sur leur page À propos, les visiteurs peuvent voir la conception de la page dans la conception de navigation de menu existante, créant ainsi une expérience utilisateur intéressante. Comme pour la conception du menu du site Web du vaisseau spatial mentionné précédemment, les éléments du menu principal sont reliés à des pages structurées avec différentes mises en page internes.
Studio nki Lamp;emplacement du menu de kni studio est différent: au Centre du bas de la page. De plus, pouvez cliquer sur
Tendances de la conception des menus!
En outre, lamp;rsquoutilisation de menus déroulants surdimensionnés et de menus à toit fixe (les deux tendances de la conception des menus depuis 2017) est restée un sujet brûlant en 2018. Certains menus fixes ou surdimensionnés commencent à contenir des éléments visuels tels que des icônes, des photos et même des cartes. Le site Web de Kellogg offre un bon exemple de menu déroulant multidimensionnel surdimensionné: La navigation universelle est une autre tendance observée récemment par beaucoup dans la conception de menus Web. Il y a un lien vers le site principal en haut de la page damp;rsquoaccueil du site. Cela est très utile pour les entreprises ayant de nombreuses succursales ou franchises, comme Disney.
Voir la mise en œuvre de ce concept sur la Sous page Disney Freeze: Les liens en majuscules sont une autre tendance intéressante dans la conception de menus créatifs. Cela donne au site un aspect professionnel intuitif et symétrique. Les sites Web qui tirent parti de cette tendance dans la conception des menus, comme Sprout social, ont beaucoup damp; à partager, mais pas de façon écrasante: Les couleurs claires, les caractères sans serif et lamp;rsquoespacement supplémentaire contribuent à la réalisation de cette tendance de conception de menu. Dans lamp;rsquoensemble, la conception créative de menus Web et les pratiques exemplaires penser de façon créative aux éléments de navigation Web peut rendre votre site plus mémorable. Mais lors de la conception, namp;rsquooubliez pas le véritable but de la navigation sur le site: faciliter la recherche et lamp;rsquoaccès des utilisateurs au contenu. Tous les coups de vent dans le monde ne compensent pas lamp;rsquoindisponibilité de la navigation sur le site ou les conséquences qui vont à lamp;rsquoencontre damp;rsquoautres efforts de référencement. Quel est le design de menu le plus créatif que ayez rencontré récemment? Partagez des exemples dans les commentaires ci dessous pour motiver les autres à trouver de nouvelles façons de gérer les éléments de navigation du menu. Étiquettes: menu de classification
Un.
Conception de menus de sites Web créatifs et pratiques exemplaires
