Modélisation de la navigation

Comment créer un modèle de navigation

Les problèmes, tels qu’ils sont, découlent du fait que les développeurs veulent souvent renvoyer la navigation en un seul appel d’API, et que les éditeurs veulent pouvoir voir leur architecture d’information reflétée dans leurs hiérarchies de contenu dans Contentful. Si nous traitons la navigation sur le site web uniquement comme « ... une représentation visuelle d’une architecture de l’information, pour aider les utilisateurs à naviguer sur le site web » (Wikipedia), cela nous aidera à réfléchir à des approches de navigation qui, espérons-le, n’ennuieront pas (trop) vos éditeurs. Bien que la navigation agisse comme une représentation de l’architecture de l’information d’un site web, elle n’a pas besoin d’en être la transposition fidèle (même si c’est une approche). Elle pourrait être simplement représentée comme un ensemble de libellés et d’hyperliens. Les systèmes de navigation plus complexes peuvent également nécessiter que ces combinaisons libellé/lien hypertexte aient une représentation de la hiérarchie (peut-être un parent ou un enfant) et qu’un élément de navigation puisse être accessible à partir de plusieurs endroits et être répété. Des pages peuvent exister, mais le propriétaire peut ne pas vouloir qu’elles figurent dans la navigation ; par ailleurs, une section distincte du site peut nécessiter sa propre navigation. La version mobile peut avoir sa propre navigation, ou différentes langues peuvent nécessiter leurs propres types de navigation. Certaines navigations peuvent avoir un sous-menu, d’autres non...Disons simplement que cela peut vite devenir compliqué. En fixant des modalités génériques de modélisation de la navigation, la plupart des cas d’usage sont couverts et l’on aboutit à un modèle de contenu agréable à utiliser tant pour les développeurs que pour les éditeurs. Comme pour tout exercice de modélisation de contenu, une compréhension exhaustive des contenus en amont améliore considérablement l’efficacité du processus décisionnel. Travailler d’abord sur papier, avec des notes autocollantes ou sur un tableau blanc peut également vous faire gagner du temps à long terme, car votre modèle mental peut changer à mesure que de nouvelles informations sont recueillies. Je recommanderais également que l’exercice de modélisation soit effectué de manière transversale avec une équipe de concepteurs, de développeurs et d’éditeurs (au minimum).Si vous ne l’avez pas déjà fait, nous vous recommandons de lire d’abord la section Rubriques et assemblages.

Qu’est-ce que la modélisation de la navigation ?

La modélisation de la navigation est le processus de conception et de planification d’un système de navigation pour un site web. Le modèle de navigation permet de déterminer comment le contenu sera organisé et présenté aux utilisateurs. Un modèle de navigation est important car il vous aide à organiser le contenu de votre site web d’une manière qui a du sens pour vos utilisateurs. Si le contenu de votre site web n’est pas correctement organisé, les utilisateurs auront du mal à trouver ce qu’ils cherchent, comme on aurait du mal à se repérer dans un long texte sans table des matières. Cela peut entraîner de la frustration et les amener à quitter votre site. Lors de la conception des nœuds de navigation, vous devez tenir compte de trois facteurs clés :

• La structure du texte intégral de votre site web

• La façon dont les utilisateurs interagissent avec votre site

• L’expérience utilisateur souhaitée

La structure du contenu de votre site web comprend la hiérarchie de vos pages et les relations entre elles. C’est ce qu’on appelle la navigation hiérarchique du site web. La façon dont les utilisateurs interagissent avec votre site, c’est en fait la façon dont ils naviguent dans votre contenu et les actions qu’ils entreprennent sur votre site. L’expérience utilisateur désirée désigne le ressenti global recherché lorsque les utilisateurs naviguent sur votre site. Voulez-vous qu’ils se sentent informés, responsabilisés ou divertis ? Ce sont des questions importantes à vous poser lors de la conception de votre site.

Pourquoi créer un modèle de navigation ?

La création d’un modèle de navigation n’est pas seulement bénéfique pour votre utilisateur final, elle l’est également pour les résultats de votre entreprise. D’une manière générale, si vous parvenez à mettre en place un modèle de navigation des contenus solide, vous guiderez mieux vos prospects dans votre entonnoir de vente et améliorerez la facilité d’utilisation de votre produit. Cela simplifie nettement l’optimisation du parcours client et offre une excellente opportunité d’augmenter les conversions de votre site.

Types de navigation sur le site web

La navigation sur un site web est un sujet plus vaste qu’il n’y paraît. Il existe trois principaux types de navigation sur le site web : la navigation hiérarchique, la navigation globale et la navigation locale sur le site web. Examinons chaque type ci-dessous :

Navigation hiérarchique sur le site web

La navigation hiérarchique est le type de navigation sur le site web le plus courant. Elle est aussi parfois appelée « navigation arborescente » car elle reflète la façon dont le contenu est organisé dans un système de fichiers. La navigation hiérarchique commence par une page d’accueil et se ramifie à partir de là. Chaque page suivante a un objectif plus spécifique que la précédente. Ce type de navigation est facile à comprendre et à utiliser car il reflète la façon dont nous pensons naturellement à l’organisation de l’information.

Navigation globale

La navigation globale est similaire à la navigation hiérarchique dans la mesure où elle commence également par une page d’accueil et se ramifie à partir de là. Cependant, la navigation globale comprend des liens vers toutes les pages du site sur chaque page. Ce type de navigation est bénéfique car il permet aux utilisateurs d’accéder à n’importe quelle page du site à partir de n’importe quel endroit du site. Cependant, elle peut également être perturbante pour les utilisateurs s’il y a trop de liens.

Navigation locale sur le site web

La navigation locale est spécifique à une seule page d’un site web. Elle comprend des liens qui permettent aux utilisateurs de naviguer dans le contenu de la page en question. Ce type de navigation est courant dans les articles longs et les articles de blog. Cela permet aux utilisateurs d’accéder rapidement à la section de la page qui les intéresse sans avoir à faire défiler tout le contenu.

Différentes façons de structurer les modèles de navigation

Il existe quatre façons de structurer vos modules de navigation :

1. Navigation séquentielle

2. Navigation aléatoire

3. Navigation linéaire

4. Navigation hiérarchique

Vous trouverez ci-dessous une explication plus détaillée de chaque structure de navigation :

Navigation séquentielle

La navigation séquentielle est aussi parfois appelée « navigation en mode assistant ». Il s’agit d’un type de navigation où les utilisateurs doivent effectuer une tâche avant de passer à la suivante. Ce type de navigation est courant sur les sites d’e-commerce pendant le processus de paiement. Elle oblige les utilisateurs à effectuer les tâches dans un ordre spécifique, ce qui est utile pour ces types de sites web.

Navigation aléatoire

La navigation aléatoire est similaire à la navigation séquentielle, car elle exige également que les utilisateurs accomplissent une tâche avant de passer à la suivante. Cependant, avec la navigation aléatoire, l’ordre dans lequel les tâches sont effectuées n’est pas prédéterminé. Ce type de navigation est courant sur les sites qui ont beaucoup de contenu, tels que les sites d’actualités et les sites de réseaux sociaux. C’est une excellente option pour les consommateurs, car elle leur permet de consommer du contenu dans l’ordre de leur choix plutôt que de le faire de manière automatique.

Navigation linéaire

La navigation linéaire est un type de navigation où les utilisateurs peuvent accéder à n’importe quelle page du site à partir de n’importe quelle autre page du site. Ce type de navigation est courant sur les articles de blog, les tutoriels et les articles longs. C’est un modèle idéal car il permet aux utilisateurs d’accéder à n’importe quelle section du contenu qui les intéresse sans avoir à faire défiler tout le contenu.

Navigation hiérarchique

La navigation hiérarchique est un type de navigation où chaque page suivante a un objectif plus spécifique que la précédente. Ce type de navigation est également courant sur les sites d’e-commerce. C’est avantageux car il permet aux utilisateurs d’accéder à une catégorie spécifique de produits sans avoir à faire défiler tous les produits du site. Voici d’autres façons de structurer votre modèle de navigation de contenu :

Considérations relatives au modèle de navigation

Une fois que vous avez choisi une structure de navigation, vous devrez déterminer comment organiser et relier vos contenus — c’est votre architecture de l’information (A.I.) Examinons quelques options pour cette étape.

Relations thématiques

Ce modèle est idéal si votre contenu est vraiment du contenu thématique pur, ensuite interprété et rendu à l’aide d’un autre ensemble d’éléments. En fin de compte, si les « éléments » bruts de votre contenu sont liés les uns aux autres, et que c’est ainsi que vous souhaitez que ces informations soient représentées, alors ce modèle peut fonctionner pour vous. Les implémentations exactes varient, mais le processus est le même :

• Définir les types de relations : parent, enfant, pair (même niveau)

• Définir les règles de validation encadrant ces relations (un seul parent autorisé, les éléments de même niveau doivent être du même type, etc.)

• Ajouter les champs de relation à vos rubriques

• Ajouter les entrées liées dans les champs de relation

Lors de la génération de la navigation de cette manière, la relation peut être extraite en même temps que le corps principal du contenu. Des champs de référence (linkType = Entrée) créent les relations, que l’application peut interpréter facilement. Comme la génération de navigation en amont peut coûter cher, cette approche convient mieux aux sites statiques ou avec serveur.

Relations d’assemblage

Si votre contenu est conçu pour être spécifiquement affiché sur un site web et que l’assemblage de pages est le principal moyen par lequel les utilisateurs accèdent au contenu (via un URI par exemple), les relations d’assemblage peuvent alors mieux vous convenir.

Les enfants d’un assemblage peuvent être des rubriques ou des définitions de relations ; toutefois, les relations sont portées par les pages, pas par les rubriques (avec, au besoin, des liens plus lâches comme « lié à » côté rubriques).

Le processus de mise en œuvre est le même que celui des relations thématiques, mais il pourrait suivre une structure de plan de site plus stricte.

Type de contenu de navigation

Une façon de penser à la navigation est de renverser les approches ci-dessus et de créer un type de contenu spécifiquement pour contenir des informations de navigation, et structurer des pages ou des sujets comme des références dans ce type de contenu.

Cela permet d’avoir plusieurs éléments de navigation, qui peuvent être particulièrement utiles si votre site web ou votre application a des menus différents. Cela peut être configuré comme une hiérarchie flexible ou inflexible en fonction des champs et de la validation que vous incluez dans votre type de contenu de navigation.

Ceux-ci peuvent ensuite être utilisés comme sous-ensembles dans votre modèle de contenu et réutilisés ou affichés dans différentes parties de votre page.

Une extension de l’approche ci-dessus consiste à utiliser un autre type de contenu, souvent appelé objet de routage. Celui-ci peut contenir des informations sur l’emplacement de la page (segment d’URL / profondeur d’écran, etc.), puis être rattaché soit à l’assemblage de page, soit à la rubrique. Il peut également être utilisé comme nœud feuille, à la place de la page ou de la rubrique elle-même. Cette approche est vraiment utile pour gérer la navigation séparément.

Cas d’utilisation du modèle de navigation 

La création d’un modèle de navigation pour différentes pages n’a pas à être compliquée. Dans l’exemple suivant, un modèle de navigation de contenu comporte trois composants principaux : les pages structurelles, associatives et utilitaires.

Structurelles : il s’agit des pages principales centrées sur les rubriques et les principaux types de contenu. 

Associatives : il s’agit de pages connexes reliées aux pages structurelles par des liens internes ou de navigation. 

Utilitaires : il s’agit de pages qui donnent un but au modèle de navigation, mais qui ne sont pas inextricablement liées à d’autres pages.

Considérations relatives au modèle de navigation 

Maintenant que vous comprenez les bases des modèles de navigation, il est important de prendre en compte quelques facteurs clés avant de commencer à développer le vôtre. Voici deux considérations principales à garder en tête :

Prenez en compte les utilisateurs

Le modèle de navigation que vous créez doit être conçu en pensant à l’utilisateur. Il doit être facile à utiliser et à comprendre pour l’interface utilisateur. Vous devez également tenir compte du type d’appareils que vos utilisateurs utiliseront pour accéder à votre site. Utiliseront-ils un ordinateur de bureau, un téléphone portable ou une tablette ?Chaque type d’appareil a des tailles et des résolutions d’écran différentes, il est donc important de prendre cela en compte lors de la création de votre modèle de navigation.

Prenez en compte le contenu

Il est également important de concevoir un modèle qui garde à l’esprit le contenu créé. Vous devez tenir compte de la hiérarchie du contenu et de son organisation. Vous devez également réfléchir à la manière dont la navigation fonctionnera avec les différents types de contenu de votre site. Par exemple, si vous avez un livre blanc ou une étude de cas comportant des sections, il vous faudra réfléchir à la façon dont les utilisateurs navigueront entre ces sections. Si vous avez un site e-commerce, il vous faudra envisager comment les utilisateurs navigueront entre les produits et les catégories de produits.

Conclusion

La création d’un modèle de navigation dépend simplement de votre compréhension de votre audience cible, de votre entonnoir de vente et du parcours client dans votre secteur. La concertation avec les parties prenantes de vos équipes Ventes et Marketing vous aidera, in fine, à mettre en place un modèle de navigation des contenus pertinent pour votre produit numérique. Contentful en simplifie l’orchestration, sans complexité inutile. Inscrivez-vous pour ouvrir un compte Contentful gratuit ou demandez une démonstration pour découvrir comment notre produit peut simplifier l’ensemble du processus.

Foire aux questions (FAQ)

Q. Quels sont les types de navigation de site web ? Les différents types de navigation de site web sont la navigation hiérarchique, la navigation globale et la navigation locale.

Q. Qu’est-ce qu’un diagramme de navigation ? Un diagramme de navigation est une maquette numérique illustrant l’aspect qu’aura la navigation d’un produit une fois le design finalisé.

Q. Qu’est-ce que la hiérarchie de navigation ? La hiérarchie de navigation est un modèle dans lequel les types de contenu sont organisés par relations parent-enfant. Les pages de niveau supérieur, appelées parents, sont plus générales. Les pages d’assistance sont appelées enfants et complètent les pages parents.