Conception de menus de sites Web créatifs et pratiques exemplaires

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 s’agit généralement du premier élément de page avec lequel l’utilisateur interagit lorsqu’il arrive sur un nouveau site.
Menus de navigation les menus de navigation sont souvent situés à l’avant et au centre d’un 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 l’espace et répondre aux besoins de classification. Aujourd’hui, dans la présentation 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 qu’élément permanent afin que l’utilisateur puisse facilement trouver la « Page d’accueil » ou rechercher la page suivante qui l’inté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
L’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 d’information, 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 qu’elles 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 d’optimisation. Affiche d’abord les éléments de navigation les plus importants (ou en haut, selon l’orientation de la barre de menu). Laissez un maximum de 7 éléments de menu. Des études ont montré qu’un maximum de sept messages peuvent être mémorisés ou acceptés à la fois. Un trop grand nombre de catégories d’é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 n’avait pas identifié un créneau particulier. Si vous savez que vous 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 d’options: 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 l’é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 l’inspiration typique pour la conception de menus Web (en haut ou sur le côté du contenu de la page d’accueil), et les boutons de menu des grands vaisseaux spatiaux sont situés à l’avant et au centre de leur page d’accueil. CL primaire
Dans iccati, l’utilisateur est dirigé vers une nouvelle page avec seulement quatre options de menu. Une fois que vous avez sélectionné l’endroit où vous voulez aller, le système vous offre d’autres options. Chaque page offre ces nouvelles options de sous – menu d’une 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 vous cliquez, la liste déroulante affiche une description de chaque élément. L’utilisateur 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 l’Agence de communication singapouriennes ont prouvé que la conception minimaliste du menu du site n’est pas ennuyeuse. Il y a un menu fixe en haut de la page d’accueil de leur site, mais chaque page présente son propre style de navigation unique lorsque vous cliquez sur l’un 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 L’emplacement du menu de kni studio est différent: au Centre du bas de la page. De plus, vous pouvez cliquer sur \
Tendances de la conception des menus!
En outre, l’utilisation 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 d’accueil 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 d’informations à partager, mais pas de façon écrasante: Les couleurs claires, les caractères sans serif et l’espacement supplémentaire contribuent à la réalisation de cette tendance de conception de menu. Dans l’ensemble, 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, n’oubliez pas le véritable but de la navigation sur le site: faciliter la recherche et l’accès des utilisateurs au contenu. Tous les coups de vent dans le monde ne compensent pas l’indisponibilité de la navigation sur le site ou les conséquences qui vont à l’encontre d’autres efforts de référencement. Quel est le design de menu le plus créatif que vous 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.