Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Information Design
Webdesign

Comment créer un modèle de navigation web

by
Length:ShortLanguages:

French (Français) translation by Henri Lotin (you can also view the original English article)

Un "modèle de navigation" décrit le parcours de chaque but utilisateur sur un site web. D'habitude votre produit aura plus d'un utilisateur, et chaque utilisateur peut avoir plusieurs buts, ainsi des modèles comme celui-là peuvent être plutôt considérables. Créer un modèle de navigation est aussi une opportunité pour passer en revue tout contenu existant en votre possession et comprendre le contexte dans lequel vous créerez la structure.

En tant que web designer c'est votre boulot d'aider les utilisateurs à trouver ce qu'ils cherchent. C'est facile de relever les besoins de vos utilisateurs, mais connaître vos utilisateurs, comprendre leurs rôles, leurs buts, leurs motivations et leurs comportements homologuera comment structurer votre modèle de navigation. Une navigation bien conçue promeut la découverte.

Dans cet article j'ai rassemblé sous forme de guide la méthode pour créer un modèle de navigation, afin que votre design d'interaction réponde aux buts des utilisateurs, de votre client et d'autres actionnaires impliqués dans le projet.

Les buts de vos utilsateurs

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

Faites vos devoirs. Comprenez les buts de vos utilisateurs, leurs motivations et leurs points noirs avant d'aller où que ce soit près de votre design de navigation.

Par exemple, disons que votre produit connecte les propriétaires de chien avec des personnes qui s'occuperont de leur chien une fois qu'ils sont en congés. Tenez compte des informations dont auront besoin les propriétaires de chien pour atteindre leur but et matérialisez les étapes impliquées.

Rôle : Propriétaire de chien

But : Trouver un gardien de chien pour veiller (incluant laver, promener et prendre soin) sur le chien lorsqu'il sera en vacances.

Étapes : Trouver le gardien de chien parfait → Programmer et réserver en ligne → Voyager avec une paix absolue de l'esprit

Tenez compte de ce que l'utilisateur aura besoin de voir et de faire pour atteindre son but. Comment savent-ils qu'ils l'ont atteint avec succès ?

Etablir des niveaux utilisateurs

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

Navigation Model showing Primary users primary goal find a dog minder
Le modèle de navigation montrant le but élémentaire des utilisateurs de premier niveau (trouver un gardien pour chien)

Tenez compte des autres parcours utilisateur

Souvent, il existe de multiples parcours utilsateur à prendre en compte. Dans l'exemple ci-dessus, le propriétaire de chien est à la recherche de quelqu'un pour prendre soin de son animal de compagnie et se repose sur un gardien de chien, dont les besoins et les motivations varient.

Tenez compte de votre audience clé, mais gardez également en mémoire tous les 'acteurs' secondaires. Ceci vous aidera à capturer les histoires de votre utilisateur, ainsi vous pourrez planifier votre navigation efficacement.

Navigation Model showing Secondary users primary goal
Modèle de navigation montrant le but élémentaire des utilisateurs de second niveau (gagner de l'argent en gardant des chiens)

Comprendre le contexte de votre projet

Prenez également en compte les buts commerciaux du site, quels actionnaires seront impliqués ? Quelles sont certaines des contraintes que vous aurez ?

En un mot, votre objectif est de livrer une interface centrée utilisateur et intuitive pour les utilisateurs, mais également quelque chose qui fonctionne pour l'activité concernée.

Quels sont les buts du projet ?

Quel type de modèle d'affaire possède votre client ? Essaient-ils de créer un site e-commerce pour vendre des produits ? Ou essaient-ils de monétiser une souscription, une publicité... ou autre chose ?

C'est très important de comprendre le résultat désiré – ceci influencera la manière dont vous structurerez votre navigation. Si vous ne le connaissez pas encore, interviewez les actionnaires du projet et explorez les problèmes de l'activité avec eux plus loin.

Une fois que vous avez sélectionné un brouillon de modèle de navigation vous pouvez également tenir compte de l'endroit où le produit sera utilisé, de la plateforme, de la fréquence d'utilisation et de ce que l'utilisateur sera en train de faire à ce moment.

Assurez-vous de prioriser vos utilisateurs et d'esquisser les multiples parcours, variés et différents qu'ils feront pour atteindre leurs buts.

Prenez votre contenu en compte

Si vous êtes en train de refondre une navigation web existante, ou avez fait des recherches sur des sites similaires vous aurez une idée du type de contenu fourni.

A ce niveau, vérifier les statistiques disponibles. Jetez un œil au type de contenu à partir duquel les utilisateurs tirent actuellement le plus de profit. Essayez de comprendre ce qu'ils recherchent le plus et le moins souvent.

Dans l'exemple ci-dessus pensez à l'information dont aura besoin l'utilisateur de premier niveau (notre propriétaire de chien) en vue d'accomplir la première étape (trouver le gardien de chien parfait). Avant d'exécuter une recherche ils devraient avoir des préoccupations sur la légitimité du site, ou avoir besoin de vérifier les gardiens. Ou même comprendre la manière dont fonctionne le processus de votre site ou de votre application. Dans ce cas vous avez besoin de vous assurer que l'information est disponible avant que le processus plus direct d'aller vers un but ne démarre. Ce parcours est probablement une expérience unique, pris uniquement par les nouveaux venus.

Tri de carte

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

Un tri de carte est un bon moyen pour organiser et prioriser votre AI (Architecture d'Information), ou pour évaluer un contenu existant avec lequel vous travaillerez, ce qui peut vous aider à comprendre la structure actuelle de navigation.

Préparez certaines des histoires de vos utilisateurs sur des cartes d'indice, et les organiser en groupe peut vous aider à concrétiser votre modèle de navigation.

Voilà un aperçu rapide de tri de carte :

  1. Regrouper les cartes similaires
  2. Superposer les cartes semblables
  3. Discuter des incertitudes
  4. Compter les cartes semblables et mettre un nombre sur le dessus de la pile
  5. Discuter des tendances, des modèles et des questions

Matériels :

  • Pense-bête (noir, bleu et rouge)
  • Cartes d'indice
  • Punaise bleue
  • Autocollants
  • Papier de bouchers
  • Bande collante

Outils en ligne :

Il y a également une quantité d'outils de publication assistée par ordinateur et informatiques sur le cloud :

Ressources :

Pour des explications plus détaillées et d'exemples de tri de carte veuillez visiter les ressources plus complètes suivantes :

Conclusion

Un modèle de navigation web solide est la colonne vertébrale de votre AI. Une fois que vous avez rempli avec succès cette phase de votre projet vous pouvez envisager de créer une définition de recherche (ce que les utilisateurs sont enclins à taper quand ils font de la recherche) et un plan de site (la structure des différentes pages). Voilà les principaux livrables AI, mais il y en a un peu plus selon la nature de votre projet.

Dans le but de créer un modèle de navigation solide tenez compte de vos utilisateurs, et mettez-vous à leur place.

Aidez-les à surmonter leurs points noirs et à accomplir leurs buts d'une manière facile à exécuter. Prenez en compte le contexte dans lequel ils utilisent le site web. Sera-t-il consommé dans un format mobile ? Seront-ils sur le point de départ ?

Et enfin, rechercher des produits similaires. Regardez comment les autres structurent les parcours que vous concevez.

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.