Quel programme choisir pour le navigateur. Ma version de navigation en voyage Navitel : un navigateur GPS bien conçu pour Android

Une erreur courante d’utilisation d’un site Web est une navigation complexe ou déroutante qui détourne les clients. N'oubliez pas une règle simple : plus il est facile de naviguer sur votre site Internet, plus rapidement l'utilisateur trouvera les informations nécessaires et, éventuellement, passera une commande.

Le principe principal d'une navigation pratique sur le site est de s'assurer qu'un client potentiel comprend toujours dans quelle section/page il se trouve, d'où il vient et où il peut aller ensuite. Voyons quels éléments de navigation doivent être ajoutés au site pour que l'utilisateur ne se perde pas dans les profondeurs de votre ressource.

Création de la navigation du site : éléments de base

Les éléments suivants sont les principaux, ils doivent être présents sur toutes les pages du site et être dans le même style. Leur absence désoriente l'utilisateur.

En-tête du site. Doit être visuellement séparé des autres éléments de la page et contenir les éléments suivants :

1. Logo, qui est mieux placé dans le coin supérieur gauche, car cette option est plus familière aux utilisateurs.
2. Nom de l'entreprise et brève description activités - slogan(si cette information n'est pas indiquée dans le logo). De plus, vous pouvez indiquer votre USP (plus de détails sur de quoi il s’agit et comment choisir le bon).
3. Régions d'exploitation, livraison de marchandises. Il n’est pas nécessaire de dresser la liste complète, veuillez fournir ces informations brièvement.
4. Coordonnées. Si vous avez plusieurs bureaux ou magasins, dans l'en-tête du site, vous devez indiquer les informations importantes uniquement pour l'essentiel, afin de ne pas surcharger l'en-tête.
5. Assurez-vous d'ajouter à côté du numéro de téléphone mode de fonctionnement afin que les utilisateurs puissent voir à quelle heure ils peuvent appeler l'entreprise.
6. Lien vers la page du panier, si vous avez une boutique en ligne.
7. . Ajoutez-le uniquement si vos spécialistes ont le temps de traiter rapidement les demandes qui en émanent. Nécessaire pour les utilisateurs qui, pour une raison quelconque, ne peuvent pas appeler eux-mêmes l'entreprise.

Un exemple d'en-tête de site Web informatif :

Menu principal. Il est préférable de placer ces liens horizontalement sous l’en-tête du site. Lorsque vous choisissez les noms des sections, n'oubliez pas la conception sémantique. Principales sections qui devraient figurer dans le menu principal :

1. Catalogue de services ou de biens (élément de menu déroulant).
2. Page d'entreprise.
3. Modes de paiement et de livraison (pour les boutiques en ligne).
4. Garanties et retours (pour les boutiques en ligne).
5. Portfolio (si vous avez quelque chose à montrer).
6. Promotions et réductions.
7. Avis (pour les sites de service).
8. Blog (si vous en avez un).
9. Contacts.

La liste de chaque site est individuelle, mais pour une compréhension facile, nous vous déconseillons de placer plus de 5 à 7 liens dans le menu. S'il y en a plus, vous pouvez sélectionner un deuxième menu au-dessus de l'en-tête du site avec des liens vers des sections auxiliaires - le menu dit « service ». Un exemple d'en-tête de site avec deux menus :

Mettez visuellement en évidence la section de menu active afin que l'utilisateur puisse voir dans quelle section il se trouve. Exemple de mise en surbrillance d'une section de menu :

Formulaire de recherche. Un incontournable pour les grands sites Web, en particulier pour les boutiques en ligne et les portails d'information. Nous parlons de ce qu'il devrait être et du meilleur endroit pour le placer sur le site.

Pied de page. De nombreux sites ignorent ce bloc, mais il aide l'utilisateur, après avoir consulté la page, à passer rapidement à une autre section ou à trouver des liens supplémentaires qui ne figurent pas dans le menu principal. Le sous-sol doit contenir :

1. Liens vers toutes les sections du site. Pour tout sans exception. Dupliquez les liens du menu principal et spécifiez des sections supplémentaires. Disposez-les en colonnes et divisez-les en sous-groupes logiques pour faciliter la navigation.
2. Coordonnées. Il est préférable de fournir plus de détails que dans l'en-tête du site, en ajoutant l'adresse et les coordonnées de l'entreprise.
3. Liens vers les réseaux sociaux. Ils ne poseront pas de problème ici.
4. Formulaire de commande de rappel(uniquement si vous l'avez ajouté dans l'en-tête du site.)

Il n'est pas nécessaire de placer le logo et le nom de l'entreprise en pied de page du site, surtout si vous disposez de nombreux liens vers des rubriques. Un exemple de pied de page de site Web pratique :

Éléments de navigation supplémentaires

Ils aident également l’utilisateur à comprendre la structure du site, mais ne conviennent pas à toutes les ressources.

Fil d'Ariane ou navigation locale. Afficher le chemin emprunté par l'utilisateur ou l'emplacement de la page dans la hiérarchie du site. Cela vaut la peine de l'ajouter si vous avez un site à plusieurs niveaux (imbriqué sur plus de 2 niveaux). Recommandations pour la conception :

1. Doit figurer sur toutes les pages du site sauf la page d'accueil.
2. Le fil d’Ariane doit être placé à gauche sous le menu principal et au même endroit sur toutes les pages.
3. Utilisez une petite taille de police.
4. Tous les éléments sauf le dernier doivent être des liens vers les pages correspondantes du site.
5. Le dernier élément doit correspondre au titre de la page et être mis en surbrillance (de préférence en gras).

Un exemple de fil d'Ariane clair :

Barre latérale. Si une section du site est divisée en sous-sections, cela vaut la peine de les afficher dans le menu latéral. Il est préférable de placer le menu à gauche de la partie principale de la page.

Il n'est pas nécessaire de dupliquer ce menu sur toutes les pages du site, placez-le uniquement dans la section à laquelle il appartient. Un anti-exemple est lorsque sur votre blog ou vos pages de contact, vous voyez un menu de catégories de produits :

La section sélectionnée doit également être mise en surbrillance dans le menu latéral.

Filtres et tri des produits. Principalement nécessaire pour les magasins en ligne. À quoi devrait ressembler une recherche dans un catalogue.

Bouton haut. Aide les utilisateurs à revenir rapidement en haut de la page. Il est préférable de le placer dans le coin inférieur droit. Un exemple de conception visuelle de ce bouton :

Mais ce n'est pas tout

Il y a quelques autres éléments dont j'aimerais également parler dans le cadre de ce sujet.

L'URL de la page. Créer simple et facile à comprendre à l'utilisateur moyen adresses de liens. Il est souhaitable que l'adresse entière de la page soit en latin.

Un bon exemple : https://site.ru/company/portfolio/

Mauvais exemple : https://site.ru/site/28787343/

Conclusion

Toutes les recommandations ont été testées par la pratique, vous pouvez donc ajouter en toute sécurité les éléments répertoriés sur le site. Une navigation pratique sur un site Web est un véritable objectif qui peut être atteint. Par conséquent, ne perdez pas de temps et apportez les améliorations nécessaires à votre plan. Nous vous souhaitons du succès !

Si vous souhaitez vérifier la clarté et la rationalité de la navigation sur votre site, vous pouvez nous contacter pour un audit. Nous effectuons également des tests d'utilisabilité, qui identifient rapidement et montrent clairement les problèmes de navigation.

La navigation sur le site est devenue un aspect important de la conception UX : elle peut soit aider, soit nuire à votre site. La navigation peut être comparée au support d’une maison. Si le plan de fondation n’est pas bien conçu, vous mettez l’ensemble du bâtiment en danger.

La navigation peut varier d'un site à l'autre ; il n'y a pas d'instructions spécifiques sur la façon de le faire correctement.

Qu'est-ce que la navigation ?

Le terme « navigation » peut être interprété de différentes manières. Dans l’ensemble, il s’agit d’un élément clé du site qui permet aux utilisateurs de trouver ce qu’ils recherchent sans clics inutiles. Il dirigera vos visiteurs vers les informations les plus importantes.

Quelles questions vous aideront à préparer votre carte de navigation ?

Quel est votre public cible et quel est le but de votre site Web ?

Quelles informations et quels modules d'information doivent figurer sur le site ?

Comment les informations doivent-elles être regroupées en fonction de leur importance pour l’utilisateur ?

Comment organiser les modules fonctionnels et informatifs dans une arborescence ?

Planifier votre navigation

Comment organiser le contenu ? Comment nommer et organiser les éléments ?

Dès le début, discutez en profondeur de la hiérarchie dans laquelle les informations doivent être affichées :

Travaillez avec le contenu. Une technique de tri des cartes peut être utilisée pour aider les concepteurs à trouver des réponses aux questions avant de créer un design.

Alors optez pour la structure. Créez un plan du site ou une liste avec différents niveaux d'informations. La navigation doit être aussi simple que possible. Des pages encombrées avec des titres de menu confus rendent le site difficile à utiliser. Lors de la création de menus de navigation, parlez aux utilisateurs dans leur langue.

Enfin, définissez les éléments du menu de navigation, son type et sa conception.

N'oubliez pas qu'il n'existe aucune norme définissant à quoi doit ressembler la navigation de votre site. Il est plutôt important de comprendre quel type de site vous créez, quel message vous souhaitez transmettre aux utilisateurs et quel objectif vous souhaitez atteindre avec son aide. Par exemple, lors de la création d’un site de boutique en ligne, vous pouvez utiliser des algorithmes qui permettent aux visiteurs de trouver le plus rapidement possible le produit ou le service dont ils ont besoin et de l’acheter. Quant au site promotionnel, vous pouvez vous concentrer sur la recherche rapide d'informations, impliquer l'utilisateur dans le gameplay et simplifier les principaux éléments pour une navigation plus facile.

Tendances de conception des barres de navigation

Il existe plusieurs types populaires de navigation sur site que vous pouvez utiliser pour votre projet. Lequel choisir dépend de vous.

Horizontal ou vertical ?

Le choix entre la navigation horizontale et verticale est déterminé par plusieurs facteurs basés sur la conception, la convivialité et l'intention du contenu. Les petits sites préfèrent souvent une barre de navigation horizontale dans l'en-tête de la page, tandis que les grands sites d'entreprise utilisent à la fois des barres horizontales et verticales.

Grandes listes déroulantes

Les listes déroulantes de zoom sont une barre de menu qui « disparaît » ou « s'envole » hors de la barre de navigation principale. Ce type de navigation ne convient pas à tous les sites. Le principal avantage des listes déroulantes est qu’elles permettent d’afficher plusieurs liens à la fois. Alors dans quels cas pourraient-ils être nécessaires ? Les grandes listes déroulantes conviennent bien aux boutiques en ligne comportant une longue liste de catégories qui ne rentrent probablement pas dans un menu de navigation standard. Ainsi, d’autres sites proposant une gamme complète de services peuvent utiliser avec succès une telle navigation.

Fixe (« collant »)

Une barre de navigation fixe, ou « collante », ne disparaît pas lorsque vous faites défiler la page. À juste titre, une telle navigation est utilisée sur les sites où les appels à l'action se trouvent sur le panneau principal.

Pied de page du volume

Nous avons l'habitude de voir des liens vers des informations juridiques, des widgets d'abonnement à la newsletter ou des icônes de réseaux sociaux dans le pied de page. De nombreux sites ont un pied de page large s'ils contiennent beaucoup de contenu ou s'il s'agit de boutiques en ligne pour lesquelles il est important d'indiquer des icônes avec les moyens de paiement.

Navigation de conception réactive

La navigation réactive permet à votre site Web de bien paraître différents appareils. Sur appareils mobiles Le panneau se réduit généralement dans le menu « hamburger ». L'icône du menu se compose de trois bandes horizontales et, une fois ouvertes, les éléments sont situés les uns en dessous des autres, formant ce qu'on appelle un « hamburger ». Ce type de menu a été créé pour faciliter la navigation sur les appareils mobiles sans prendre beaucoup de place.

Lier le logo à la page d'accueil

Cela semble évident, mais il existe encore des sites qui ignorent cette règle. Lorsque les utilisateurs cliquent sur le logo, ils s'attendent à être redirigés vers page d'accueil- C'est une pratique courante.

Primaire secondaire

Le plus souvent, la navigation principale est constituée d'éléments de base qui

se ressemblent sur tout le site. Généralement, le menu principal est situé en haut de la page, centré, à gauche ou à droite. La navigation secondaire se compose d'éléments supplémentaires et est généralement située au milieu de la page et n'est pas mise en évidence avec un design approprié.

Regardons les 10 meilleures idées de conception de navigation de sites Web

Type : vertical, adaptatif.

Cliquez sur l'icône de menu à gauche et le menu principal se déplacera au centre de la page.

2. WE3

Type : fixe, vertical ; situé en haut à droite.

La conception du site est interactive. Au fur et à mesure que vous faites défiler la page, de nouvelles informations apparaissent.

Type : adaptatif, vertical ; situé à gauche.

La navigation dans le panneau de gauche, qui se développe à partir de l'icône de menu, est similaire à ce que vous avez l'habitude de voir sur versions mobiles site. La navigation est située à gauche de la section d’embarquement et est facile à voir.

4.Centre Kennedy

Type : horizontal, liste déroulante.

Vous pouvez naviguer sur le site du JFK Center de deux manières : en glissant-déposant des images ou en utilisant le menu horizontal.

5. Jeu B&O

Type : fixe, adaptatif, horizontal.

Le site attire l'attention de l'utilisateur avec son produit, la barre de navigation est donc assez simple.

Type : pied de page fixe, horizontal, volumétrique, adaptatif, avec liste déroulante.

Un long défilement de la page avec les fonctions principales et une grande liste déroulante dirigeront les utilisateurs vers la page souhaitée.

7. Hôtels de luxe dans l’Adriatique

Type : fixe, horizontal, grande liste déroulante, pied de page volumétrique.

Sur ce site, vous pouvez trouver ce dont vous avez besoin en faisant simplement défiler la page ou en utilisant le menu fixe.

Type : pied de page fixe, adaptatif, horizontal, volumétrique.

La navigation Kalios est située en haut à gauche. En cliquant sur l'icône de menu, vous pouvez obtenir des informations sur les produits en passant votre souris sur le produit souhaité.

Ce site peut être géré en cliquant sur les flèches. L'utilisateur peut parcourir le site comme s'il traversait un musée. Vous pouvez faire défiler la page de chaque pièce pour obtenir des informations.

10. Ballet australien

Type : fixe, adaptatif, liste déroulante de volume

Conclusion

Il existe de nombreux types de navigation que vous pouvez utiliser sur votre site. Dans le même temps, il n’existe pas de moyen universel de créer une navigation parfaite ; tout dépend de vos besoins ou des souhaits de votre client. Nous espérons que nos exemples vous ont inspiré et que l’équipe AGENTE, à son tour, vous aidera à concrétiser vos idées les plus folles.

Plus il est facile de travailler avec un site, plus la probabilité d'une utilisation répétée, de commander un produit, de remplir un formulaire et d'effectuer d'autres actions utiles par l'utilisateur est grande.

Il se trouve que la plupart des sites ont une conception et une structure uniques. Cela conduit au fait que les nouveaux utilisateurs doivent à chaque fois étudier le principe de l'appareil de navigation afin d'accéder aux informations nécessaires ou de compléter leur plan.

La tâche du concepteur est de minimiser le temps qu'un nouveau visiteur consacre à une telle formation et de rendre les informations aussi accessibles que possible. La clé du succès pour résoudre ce problème consiste à construire le bon système de navigation.

Une bonne navigation suit l’ensemble de principes suivant.

1. Structure de données simple et logique

Une interface conviviale repose sur une organisation correcte des données. Avant de se lancer dans la conception, il est logique de réfléchir en détail à l’architecture de l’information du projet.

Les données doivent être réparties sur les pages ou les écrans de manière à ce qu'un nouveau visiteur, sans connaître l'ensemble de la situation, puisse rapidement évaluer comment accéder aux informations qu'il recherche. Pour ce faire, il est tout d'abord nécessaire de construire une structure hiérarchique logique à partir de l'ensemble de données prévu dans le projet.

Faux	Droite

Vous pouvez parler autant que vous le souhaitez de l’augmentation de l’efficacité de votre activité en ligne, mais vous ne vous rapprocherez pas d’une solution pratique. Mais le marketing Internet est une pure pratique. Et aujourd'hui, nous commençons une série de documents dédiés aux sites Web à fort taux de conversion. En utilisant des exemples précis.

Le premier en ligne est Booking.com, un service de réservation de chambres dans des hôtels du monde entier. Si vous aimez les voyages, vous le connaissez probablement. Le site Web de l'entreprise reçoit quotidiennement 11 000 000 de visiteurs uniques. Parmi eux, 700 000 personnes mènent des actions ciblées.

Aucun site dans ce créneau ne peut se vanter d’une telle efficacité. Malgré le fait que la ressource soit littéralement « bourrée » de fonctionnalités de vente, les développeurs continuent de la développer.

Regardez, étudiez et, surtout, appliquez les meilleures techniques d’une marque célèbre.

Page d'accueil

La stratégie de Booking.com repose sur la preuve sociale. Les auteurs ne décrivent pas à quel point ils sont cool, mais sauvegardent littéralement chaque élément avec des chiffres. Le visiteur a le sentiment de se retrouver dans un vaste groupe de personnes partageant les mêmes idées. Si des centaines de milliers de voyageurs font confiance au service, quel doute y a-t-il ?

Dès que vous arrivez sur la page d’accueil, le widget suivant attire votre attention :

« De quel genre de propositions s'agit-il pour les participants ? Vous devez vous inscrire et jeter un œil ! C'est ainsi que pense un débutant, et le service rassemble facilement et naturellement une clientèle.

"Petits pains" pour l'inscription :

La diapositive suivante montre l’étendue notoire des choix. Vous ne vous retrouverez certainement pas sans appartement pour vos vacances. :

La demande de services est visible sur le flux« Je viens de réserver" Il est en cours de mise à jour toutes les 3 secondes :

Navigation pratique lors de la recherche

L'interface intuitive du filtre de recherche ne ralentit pas du tout l'utilisateur, mais facilite au contraire le processus de sélection. La première étape de l’entonnoir de conversion se déroule comme sur des roulettes.

Travailler avec des objections

De manière discrète et convaincante, juste sous le formulaire de recherche. La plupart des utilisateurs posent 2 questions :

• Comment annuler une réservation ?
• Dans quel délai une réservation est-elle confirmée (quelqu'un interceptera-t-il mon numéro) ?

Dans toute entreprise, le public cible a 2 à 3 questions et doutes « chauds ». Y répondre clairement et clairement signifie augmenter la réponse.

Avantages et avantages

La liste traditionnelle des bulletins avec avantages parle également de manière convaincante des principales caractéristiques de Booking.com :

Résumé : rentable, pratique, fiable. C’est en fonction de ces 3 facteurs que l’on prend une décision en faveur d’une ressource ou d’une autre.

La preuve sociale

Découvrez comment le service utilise élégamment la preuve sociale pour vous aider à prendre votre décision lors du choix d'un hôtel :

Premièrement, l'hôtel a une note élevée (4 étoiles sur 5). Et non par décision de l'administration, mais sur la base d'avis. Ensuite, vous voyez un autre « crochet » : la note est « Génial » sur la base de 66 avis. À propos, ils sont présentés plus en détail à l'intérieur de la carte de l'hôtel. Enfin, l'information selon laquelle il reste le dernier numéro et que quelqu'un le regarde en même temps que vous évoque involontairement un réflexe de « saisie ».

Au lieu d'une conclusion

Ce qui peut et doit être utilisé à partir de l’expérience Booking.com :

• Si vous demandez à l'utilisateur de s'inscrire (note aux propriétaires de boutiques en ligne), expliquez-lui la raison et offrez un cadeau de valeur (une remise permanente, par exemple) ;
• Rendez la navigation sur votre site aussi simple que possible. Les visiteurs doivent glisser vers l'action cible comme s'ils se trouvaient sur un chemin bien tracé ;
• Identifiez les principales objections et répondez-y de manière brève et convaincante ;
• Demandez un avis à chaque client satisfait, ou mieux encore, placez un formulaire de demande automatique. retour;
• La preuve sociale augmente considérablement les conversions. Un fait se vend mieux qu’une centaine de beaux mots.

Bonnes ventes à vous !

Dans cet article, nous parlerons de ce que cela devrait être bonne navigation sur le site, et comment le rendre vraiment efficace. Le matériel sera principalement utile à ceux qui souhaitent créer leur propre site Web.

La navigation désigne les méthodes, techniques et éléments spéciaux qui vous permettent de vous déplacer entre ses pages.Tout dépend de la qualité de la réflexion : aussi bien la reconversion que la réussite de la valorisation des ressources.

Cela peut être comparé à l’aménagement d’une maison. Si l'agencement est bon, alors vous trouverez facilement la pièce qu'il vous faut, et vous ne confondrez pas l'entrée de la cuisine avec l'entrée du séjour. S'il y a beaucoup de passages, de couloirs et de portes, vous pouvez vous perdre dans une telle maison.

Il en va de même pour les sites Web. Si la navigation est mauvaise, de nombreux liens ne mènent pas là où ils doivent aller, ou on ne sait pas où ils mèneront, les utilisateurs sont confus et ne trouvent pas les pages dont ils ont besoin et les informations dont ils ont besoin.

Pour moteurs de recherche une bonne navigation logique est également importante. Le moteur de recherche doit comprendre le rôle de cette page sur votre site. Une navigation bien conçue améliore également les facteurs comportementaux, car les utilisateurs trouvent rapidement les informations dont ils ont besoin.

Éléments de base et techniques de navigation

Je vous propose dans un premier temps de vous familiariser avec les principaux éléments qui vous aident à naviguer sur le site.

La navigation au sens large comprend de nombreuses techniques et éléments dont la tâche principale est de permettre à l'utilisateur d'accéder à la page souhaitée et de se familiariser avec les informations.

Un de ces éléments devenu depuis longtemps obligatoire sur le site estlogo de l'entreprise, lorsque vous cliquez dessus, vous serez redirigé vers.

Par exemple, ici, il vous suffit de cliquer sur le logo pour revenir à la page d'accueil.

Cette technique est déjà familière aux utilisateurs, et permet de revenir à la page d'accueil depuis n'importe quelle page du site.

Le deuxième élément « classique » estMenu principal.

Il se situe sous l’entête et est constitué de boutons ou de liens qui mènent vers les principales rubriques du site. Un tel menu peut être plus complexe, avec des listes déroulantes menant à des sous-sections ou à des pages individuelles.

Au cours des dernières années, une autre technique est devenue populaire : celle-cimenu de hamburgers, dans lequel tous les liens sont cachés sur trois lignes horizontales schématiques. Au début, cet élément ne vivait que sur les appareils mobiles, mais on le retrouve désormais de plus en plus sur les versions de bureau des sites :

Aussi sur certains sites, vous pouvez voirmenu vertical. Il est utilisé le plus souvent s'il n'a pas été possible d'insérer tout le nécessaire dans le menu supérieur, ou s'il est nécessaire de faciliter la navigation des utilisateurs vers certaines sections.

Ou peut-être qu'il peut vivre de manière indépendante, sans menu horizontal en haut de la page. Et il peut même y avoir plusieurs menus de ce type, comme ici - à gauche et à droite :

(micro balisage) est un autre élément de navigation qui définit non seulement la hiérarchie des pages, mais vous permet également de revenir facilement à à la section requise, ou vers la page principale, depuis n'importe quelle page :

Liens dans les articlesvers d'autres pages du site - ce sont aussi des éléments de navigation. Par exemple ceux-ci :

Ils vous aident non seulement à aller plus loin, mais sont également bons d'un point de vue SEO : cette technique vous permet d'augmenter le nombre de pages consultées.

Liens en pied de page(pied de page, pied de page) est un autre élément de navigation. Habituellement, un lien vers des contacts, un accord d'utilisation, des règles d'utilisation du site, etc. sont placés dans le pied de page. Et parfois on peut voir de nombreux liens vers différentes pages du site, regroupés en catégories :

Sur les longues pages de destination, ainsi que sur certains sites, vous pouvez voiréchelle de progression, qui montre jusqu'où vous avez parcouru cette page :

Des barres de progression peuvent également être trouvées sur les formulaires de candidature et d’inscription si le formulaire est long et divisé en plusieurs étapes.

Cela facilite la navigation dans la page elle-même - vous pouvez voir jusqu'où il faut aller jusqu'à la fin. C'est aussi une petite technique psychologique qui incite le visiteur à mener à bien ce qu'il a commencé.

Sur les longues pages et les pages de destination, vous pouvez trouver un autre élément de navigation intéressant :bouton pour un retour rapide en haut:

Ce bouton permet de revenir rapidement en haut de la page.

Vers le menu supérieur, les contacts ou autres une information importantétaient constamment devant vos yeux, ce que l'on appelle « l'en-tête collant » ou la « barre de navigation collante » est utilisé. Il reste en haut de la page pendant que l'utilisateur fait défiler vers le bas.

Ici, nous avons constamment sous les yeux une recherche, un logo avec la possibilité de revenir à la page principale et un petit menu.

Comment utiliser tous ces éléments de manière efficace et rentable ?

Comment rendre la navigation sur le site pratique

Lorsque vous travaillez sur la navigation sur votre site, n'oubliez pas et essayez d'utiliser une règle simple :De la page principale à n’importe quelle page du site, l’utilisateur doit obtenir un maximum de trois clics. Et vice versa.

1. Placez le logo du retour à la maison dans le coin supérieur droit.

Il s’agit d’une norme généralement acceptée, et pour cause : c’est là que le logo attire immédiatement l’attention. Et l'utilisateur n'aura pas à chercher sur quoi cliquer pour revenir.

2. Considérez les éléments primaires et secondaires.

Le menu supérieur peut être le menu principal. Secondaire – barre latérale, liens supplémentaires à l'intérieur du texte, dans le pied de page. Le fil d’Ariane peut également servir d’éléments de navigation secondaires.

Ici, le menu supérieur est l'élément de navigation principal et le fil d'Ariane est un élément auxiliaire.

Placez les sections les plus importantes du site dans le menu principal.

3. Pensez aux pages qui peuvent être regroupées.

Si tout ne rentre pas dans le menu supérieur (ou latéral). Par exemple, vous pouvez souvent trouver une option lorsque certaines sections du site sont masquées sous un seul bouton « Informations », « Plus », « Plus », etc.

Le courrier Mail.ru a « caché » les projets de l'entreprise de cette manière :

4. Trouvez un bon endroit pour les liens d'information.

Les liens d'information sont tels que « Contacts », « Offre publique », etc. L'utilisateur doit retrouver ces liens sur toutes les pages du site. Par conséquent, l’endroit le plus approprié pour eux est le pied de page.

Voici un exemple frappant d'un tel placement de liens d'information :

5. N'oubliez pas le design.

Tous les éléments de navigation doivent être clairement visibles et il doit être clair qu'un lien est un lien et qu'un bouton est un bouton. Mettez en surbrillance les liens avec de la couleur, mettez-les en gras ou soulignés. Il est important que l'utilisateur comprenne que devant lui se trouve un élément cliquable qui le renverra vers une autre page du site.

C'est là que je ne peux pas qualifier le menu de réussi. La police est trop petite. Mais ici, il y a une approche différente - immédiatement avec page d'accueil Vous pouvez accéder au catalogue de votre marque préférée ou consulter les réductions :

6. N'ouvrez pas de pages dans de nouvelles fenêtres.

Cela déroute les utilisateurs.

7. Éléments supplémentaires.

Réfléchir éléments supplémentaires taper« Produits associés », « Contenu recommandé » ou « Articles associés », ce qui aidera l'utilisateur à trouver rapidement ce dont il a besoin.

8. Conseils.

Facilitez la navigation avecinfo-bulles , ce qui aidera l'utilisateur à comprendre à quoi sert ce bouton ou cette icône :

9. Laissez le menu dans un endroit visible.

Essayez de vous assurer que le visiteur n'a pas à chercher un nouveau menu sur chaque page. Ne modifiez pas et ne supprimez pas les menus des pages secondaires.

10. Ne cachez pas vos contacts au loin.

Laissez votre numéro de téléphone dans l'en-tête. Assurez-vous que les boutons de rappel et de discussion avec l'assistant en ligne sont immédiatement visibles - le plus souvent en bas de la page, à gauche ou à droite, mais pas sur le côté.

L'adresse peut être laissée à la fois dans l'en-tête et dans le pied de page. N'obligez pas le visiteur à rechercher toutes ces informations sur tout le site.

Toutes ces techniques simplifieront grandement la navigation sur le site, la rendant plus simple et plus efficace.

Sélectionnez l'hébergement du site :

Lors de la conception d’une navigation, pensez d’abord à l’utilisateur.Pourra-t-il certainement trouver tout ce qu'il cherchait dans les plus brefs délais ? Tout est-il clair pour une personne qui a découvert pour la première fois non seulement votre site, mais aussi votre domaine en général ? Les pages sont-elles cachées très loin et est-il possible d'accéder à chacune d'entre elles en trois clics maximum ?

Pensez par vous-même aux sites les plus faciles à naviguer et inspirez-vous des meilleurs.

Bonne chance pour développer votre propre ressource Internet !