site map

  • 1 jour
  • Difficulté
    moyenne
    • 1
    • 2
    • 3
  • Pertinent pour
    • optimisation
    • refonte
    • nouveauté
  • Souvent utilisé pendant la phase
    • découvrir
    • définir
    • concevoir
    • développer

Comment devons-nous organiser un site map ?

Un site map montre la structure d’un site web ou d’une application sous forme d’un diagramme hiérarchisé. On l’utilise pour définir une classification (taxonomie) regroupant les contenus communs. Cela permet de s’assurer que le contenu est situé là où l’utilisateurs s’attend à le trouver.

Qu’obtient-on ?

  • Voir comment la navigation doit être hiérarchisée.

  • Aide à identifier où le contenu doit être et ce qui doit être produit.

  • Aide à comprendre le lien entre différentes pages.

  • Défini le titre de chaques sections du contenu.

  • Fourni une structure permettant d’estimer le développement.

Qui vous faut-il ?

Une personne comprenant le contenu, la mentalité d’un utilisateur et leurs besoins de navigation à travers les contenus.

Que vous faut-il ?

Les logiciels Xmind et Omnigraffle.

Nos conseils

  • Donner un chiffre de référence pour chaque item du site map, cela aide pendant la création des wireframes ou des fonctionnalités spécifiques.

  • Donner un label pour chaque item du site map.

  • Essayer plusieurs hiérarchisations que possibles. Centré utilisateur, besoin utilisateur.

  • Utiliser le tri de carte si vous êtes coincé.

  • Ne pas commencer le site map avant d’avoir questionner les utilisateurs sur le contenu actuel, ce qui permettra d’inspirer les designers.

Pour aller plus loin

Un expert fera la différence ...

  • Un UX Designer peut utiliser plusieurs techniques avancées de hiérarchisation de l’information afin d’assurer que la navigation sera simple pour l’utilisateur et identifier tous problèmes.

Outils reliés :

  • Template Mapping

  • Flowchart

Pour en savoir plus

Prochaines étapes

Vous pourrez par la suite réaliser un Arbre de défaillances (Tree Analysis) afin de valider votre site map, ou commencer à réaliser des sketchs de la navigation afin de définir son fonctionnement.

Études de cas avec Site map