Comment créer un modèle de navigation Web

Un «modèle de navigation» décrit les chemins d'accès à chaque objectif utilisateur sur un site Web. En règle générale, votre produit compte plusieurs utilisateurs et chaque utilisateur peut avoir plusieurs objectifs. Les modèles de ce type peuvent donc être assez volumineux. La création d'un modèle de navigation est également l'occasion de passer en revue le contenu existant que vous pourriez avoir et de comprendre le contexte dans lequel vous allez créer la structure..

En tant que concepteur Web, votre travail consiste à aider les utilisateurs à trouver ce qu’ils cherchent. Il peut être facile de mettre de côté les besoins de vos utilisateurs, mais connaître ces utilisateurs, comprendre leurs rôles, leurs objectifs, leurs motivations et leur comportement confirmera la manière dont vous structurez votre modèle de navigation. Une navigation bien conçue favorise la découverte.

Dans cet article, j'ai élaboré un guide sur la création d'un modèle de navigation, afin que la conception de votre interaction réponde aux objectifs de l'utilisateur, de votre client et des autres parties prenantes impliquées dans le projet..

Les objectifs de vos utilisateurs

Avant d'aller plus loin, créez un personnage d'utilisateur. 

Fais tes devoirs. Comprenez les objectifs, les motivations et les points douloureux de vos utilisateurs avant de vous rapprocher de la conception de votre navigation. 

Par exemple, supposons que votre produit connecte les propriétaires de chiens avec des personnes qui s’occuperont de leur chien pendant leurs vacances. Considérez toutes les informations dont les propriétaires de chiens auront besoin pour atteindre leur objectif et tracez les étapes nécessaires.

Rôle: Propriétaire de chien

Objectif: Trouver un gardien de chien (y compris le lavage, la marche et le soin) de son chien pendant ses vacances.

Pas: Trouver le chien idéal → Horaire et réservation en ligne → Voyagez en toute tranquillité d'esprit

Considérez ce que l'utilisateur devra voir et faire à chaque étape pour atteindre son objectif. Comment savent-ils qu'ils y sont parvenus??

Établissement de niveaux d'utilisateurs

Il est important de comprendre les niveaux de navigation nécessaires et de planifier séparément chaque niveau..

Modèle de navigation indiquant l'objectif principal des utilisateurs principaux (trouver un gardien de chien)

Envisager d'autres voyages d'utilisateur

Il y a souvent plusieurs parcours d'utilisateurs à prendre en compte. Dans l'exemple ci-dessus, le propriétaire d'un chien à la recherche d'une personne pouvant s'occuper de son animal de compagnie s'appuie sur un gardien, dont les besoins et les motivations varient. 

Pensez à votre public cible, mais gardez également à l'esprit les «acteurs» secondaires. Cela vous aidera à capturer vos user stories et à planifier efficacement votre navigation..

Modèle de navigation montrant l'objectif principal des utilisateurs secondaires (gagner de l'argent en gardant des chiens)

Comprendre le contexte de votre projet

Prenez également en compte les objectifs commerciaux du site, quels sont les acteurs concernés? Quelles sont les contraintes auxquelles vous devrez faire face?

En résumé, votre objectif est de fournir une interface centrée sur l'utilisateur avec une interface intuitive pour les utilisateurs, mais aussi quelque chose qui fonctionne pour les entreprises concernées..

Quels sont les objectifs du projet?

Quel type de modèle d'entreprise votre client a-t-il? Est-ce qu'ils essaient de créer un site de commerce électronique pour vendre des produits? Ou essaient-ils de monétiser un abonnement, de la publicité… ou autre chose?? 

Il est très important de comprendre le résultat souhaité. Cela influera sur la structure de votre navigation. Si vous ne le savez pas encore, interrogez les parties prenantes du projet et explorez plus avant le problème de l'entreprise..

Une fois que vous avez rédigé un modèle de navigation Web approximatif, vous pouvez également déterminer où le produit sera utilisé, la plate-forme, la fréquence d'utilisation et ce que l'utilisateur fera à ce moment-là..

Assurez-vous de donner la priorité à vos utilisateurs et d’esquisser les nombreux voyages qu’ils prendront pour atteindre leurs objectifs.. 

Considérez votre contenu

Si vous modifiez une navigation Web existante ou si vous avez effectué des recherches sur des sites Web similaires, vous aurez une idée du type de contenu auquel vous accédez.. 

À ce stade, vérifiez les analyses disponibles. Jetez un coup d'œil sur le contenu dont bénéficient actuellement les utilisateurs. Essayez de comprendre ce qu’ils regardent le plus et le moins souvent.

Dans l'exemple ci-dessus, pensez aux informations dont l'utilisateur principal (notre propriétaire de chien) aura besoin pour compléter la première étape (trouver le gardien idéal pour son chien). Avant de procéder à une recherche, ils pourraient avoir des inquiétudes quant à la légitimité du site ou à des avis vérifiés. Ou même comprendre comment fonctionne le processus de votre site ou de votre application. Dans ce cas, vous devez vous assurer que les informations sont disponibles avant le début du processus plus direct de progression vers un objectif. Cette voie est susceptible d'être une expérience unique, prise uniquement par les nouveaux arrivants.

Tri des cartes

Copyright © 2009 Licence Rosenfeld Media Attribution-commercial-Share Alike 2.0

Une sorte de carte est un bon moyen d’organiser et de hiérarchiser votre I.A. (architecture de l'information), ou révisez le contenu existant avec lequel vous devez travailler, ce qui peut vous aider à comprendre la structure de navigation actuelle.

Préparer certaines de vos user stories sur des fiches et les organiser en groupes peuvent vous aider à préciser votre modèle de navigation.. 

Voici un aperçu rapide d'un type de carte:

  1. Groupe de cartes similaires
  2. Empiler les cartes
  3. Discuter des incertitudes
  4. Compter les mêmes cartes et mettre un numéro au dessus de la pile
  5. Discuter des tendances, des modèles et des questions

Matériaux:

  • Sharpies (noir, bleu et rouge)
  • Fiches
  • Virement bleu
  • Des autocollants
  • Papier de boucherie
  • Ruban adhésif

Outils en ligne: 

Un certain nombre d'outils de publication assistée par ordinateur et d'informatique en nuage sont également disponibles:

  • Concept Codify
  • Tri optimal
  • Zoom utilisateur
  • UsabiliTest Tri de cartes
  • Trello
  • Tri UX

Ressources:

Pour une discussion plus détaillée et des exemples de tri de cartes, veuillez consulter les ressources plus complètes suivantes:

  • Tri de cartes - Ergonomie.gov
  • Tri de cartes - Interaction-Design.org
  • Tri de cartes - MeasuringUserExperience.com

Conclusion

Un modèle de navigation Web solide constitue l’épine dorsale de votre carte I.A. Une fois que vous avez terminé avec succès cette phase de votre projet, vous pouvez créer une définition de recherche (ce que les utilisateurs sont susceptibles de taper lorsqu’ils effectuent une recherche) et un sitemap (la structure des différentes pages). Ce sont les principaux I.A. livrables, mais il y en a un peu plus en fonction de la nature de votre projet.

Pour créer un modèle de navigation solide, considérez vos utilisateurs et mettez-vous à leur place.. 

Aidez-les à surmonter leurs douleurs et à atteindre leurs objectifs de manière simple. Considérez le contexte dans lequel ils utilisent le site. Sera-t-il digéré dans un format mobile? Seront-ils en déplacement?

Et enfin, recherchez des produits similaires. Découvrez comment les autres voies que vous concevez sont structurées.

Travaillez-vous actuellement sur un modèle de navigation? Laissez vos pensées ci-dessous!