Structurer un site web avec XMind

Tous les spécialistes vous le diront : le principal problème lors de la création d’un site web, c’est la structure.

Difficile, en effet, de visualiser la place de chaque page et les liens entre elles.  Le mindmapping peut vous y aider.  Et XMind, avec ses différents formats, peut vous amener un pas plus loin.  Démonstration.

Le cauchemar des webdesigners, c’est le client qui a une idée floue de ce qu’il veut.  Ou qui change d’avis sur la structure de son site plus souvent que de chemise.

C’est un peu normal, pourtant.  N’étant pas tous des spécialistes de l’écriture web, nous avons parfois du mal à nous représenter la structure finale de notre site.  Une mindmap, avec sa structure fortement hiérarchisée peut nous y aider.  Et si nous utilisons XMind, nous pouvons non seulement effectuer des modifications en cours de travail, mais nous pouvons en présenter les résultats sous différents formats d’un seul clic.

Une mindmap pour commencer

Prenons un exemple simple : le site d’une boutique de produits provençaux. Nous savons déjà que nous aurons une page d’accueil, un page contacts, une page liens et que nous la loi nous oblige à publier des "mentions légales" sur notre site.  Nous pouvons donc commencer la structure de notre site de cette façon.  Nous enrichirons notre carte au fur et à mesure.

Première étape : les 4 premières pages

La "Provençale" est une boutique.  Nous supposons donc qu’elle vend des produits.  Nous ajoutons une page Produits à notre structure.  Nous la remplirons ensuite.  Nous pouvons aussi présenter l’entreprise sur une autre page.

Nous commençons à compléter les pages :

Etape 2 : les pages Entreprise et Produits

A la page Entreprise, nous pouvons ajouter une page Boutique, qui présente la boutique matérielle, le point de vente.

Sur notre page d’accueil, nous pouvons ajouter :

  • un message de bienvenue
  • un lien vers la boutique
  • un lien vers les produits
Nous pouvons aussi ajouter une page Blog sur laquelle nous publierons les actualités des produits, des marques, des conseils pour nos clients, etc.

3e étape : l’ajout d’un message à la page d’accueil, d’un blog, de liens vers les pages

Les mentions légales font partie de l’identité de l’entreprise.  Il vaut peut-être mieux placer cette page sous la page Entreprise dans notre structure :

Etape 4 : replacer "Mentions légales" sour la page "Entreprise"

La page Produits peut renvoyer vers des pages de types de produits.  Nous n’envisagerons pas ici le paiement et l’achat en ligne.   L’objectif n’est pas d’avoir la carte la plus complexe possible, mais de montrer comment on peut travailler sur la structure d’un site. ;-)  Notions que vous pourrez approfondir lors de nos ateliers Mindmapping avec XMind à Bruxelles ou nos journées de formation Mindmapping à Liège.

Etape 5 : les pages produits

Nous ajoutons les liens vers les sites A, B et C dans notre page Liens.  La structure de notre site est à présent complète.

Etape 5 : les liens vers les sites amis sur la page Liens

Mais le concepteur de site avec lequel nous travaillons n’est peut-être pas habituer à travailler avec des cartes heuristiques.  Nous pouvons donc d’un clic, dans le menu Propriétés d’XMind, choisir la structure Org Down ou Org Bas, selon la langue de votre logiciel.

Ensuite, pour chacune des page, j’active le menu Arbre droite.  Afin de placer les pages secondaires en-dessous des pages principales.  Cela évite d’avoir un organigramme démesurément large. Et nous avons un magnifique organigramme de notre site web.

Organigramme de notre site web

Vous pouvez également transformer votre mindmap en tableau, si cela est plus facile à interpréter pour vos collaborateurs.  En utilisant ici aussi le menu Propriétés d’XMind et en choisissant Tableau ou Spreadsheet, selon la langue de votre programme.

La même structure sous forme de tableau

Bonne nouvelle : tout ceci peut être réalisé avec la version gratuite d’XMind que vous pouvez télécharger ici.   Vous voulez vous former au mindmapping ?  Participez à notre atelier Mindmapping avec XMind au Loft Coworking Brussels, le 21 mai prochain !

About these ads

Catégories:Entreprise, Internet, Logiciels, Mind Mapping, Outils

Tags:, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

8 réponses »

  1. En plus je trouve que cela pourrait tout à fait constituer une page d’entrée, on voit d’un coup d’oeil où aller en plus des liens entre pages.

  2. Bonjour Pascal,

    Oui, le problème c’est d’avoir une carte cliquable qu’on peut modifier facilement sans repasser à chaque fois par le programmeur. Certains logiciels permettent d’intégrer de telles cartes – Mindmeister, par exemple – mais pas toujours évident qu’elles ne fassent pas l’effet d’un "coup de poing dans l’oeil" au milieu de la page d’accueil…

    Je teste aussi en ce moment les cartes cliquables de Mindjet. Je vous en dirai plus dans un prochain billet ;-)

    Bonne journée,

    Marco.

Poster un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Connexion à %s

Suivre

Recevez les nouvelles publications par mail.

Joignez-vous à 1 044 followers

%d bloggers like this: