Comment structurer le site internet de votre association ?

Vous savez maintenant ce que vous souhaitez faire dans la création de votre site internet : vous avez choisi votre nom de domaine, identifié les destinataires et objectifs principaux de votre site et analysé votre environnement.

Il est temps de construire une structure claire et répondant aux besoins de vos utilisateurs.

La structure est primordiale, c’est elle qui rend la navigation sur votre site plus ou moins intuitive pour vos destinataires.

La structure d’un site internet comprend :

• l’arborescence
• le haut de page
• le bas de page
• le « Call to Action » (ou en français « l’appel à l’action »).

L’arborescence du site internet de votre association

La majorité des sites contiennent une page d’accueil, un menu avec des sections principales et des sous sections.

L‘arborescence d’un site est la manière dont vous organisez ces différents éléments, c’est le schéma de votre site.

Il faut construire l’arborescence de votre site en fonction de vos principaux destinataires, et leur faciliter le travail.

Exemple : site avec un destinataire unique

Si les adhérents potentiels de votre association sont votre destinataire unique, il faudra construire le site en fonction.

Votre site pourrait donc avoir l’arborescence suivante :

Exemple : site avec plusieurs types de destinataires

Si votre site est destiné à plusieurs utilisateurs types, optez pour un menu structuré de la sorte que chacun de vos utilisateurs cibles puisse trouver rapidement chaussure à son pied en arrivant sur le site.

Cas pratique : la structure du site internet de la Croix Rouge

www.croix-rouge.fr

Les bonnes pratiques de l'arborescence

Restez simple. D’une manière générale, restez simple dans le choix de votre structure.

En cas d’hésitation, prenez toujours la solution la plus simple et la plus évidente.

En voulant faire compliqué, vous risquez de perdre vos utilisateurs.

Conseil : Pour un message clair, optez pour un menu composé de 6 grandes rubriques maximum, et de 2 niveaux de menus (menu et sous-menus).

Pensez utilisateurs.

En tant qu’association, il est dans votre intérêt que vos destinataires puissent trouver rapidement ce qu’ils cherchent.

Mettez-vous donc à leur place ! En combien de clics trouvent-ils l’information qui les intéresse ?

Faites parler vos menus.

Les intitulés de vos menus doivent être évidents.

A la lecture du menu, l’utilisateur doit deviner intuitivement ce qui se cache derrière chaque section.

Appelez donc un chat… un chat.

Si une rubrique concerne toutes les personnes souhaitant adhérer, alors appelez votre rubrique « adhérer ».

Mettez en valeur les éléments importants.

Si l’un des objectifs principaux de votre site est de collecter plus de dons, mettez-le en avant.

La page de don doit être accessible dès la page d’accueil ou comme intitulé d’un menu.

Plus une information est enfouie loin dans votre site, moins elle sera efficace.

Représentez votre arborescence de manière schématique.

Faites un schéma de votre arborescence, sans les éléments de design. Cela vous aidera à y voir plus clair.

Le haut de page du site internet de votre association

Le haut de page est une zone importante de votre site. C’est la zone que l’utilisateur voit en premier en arrivant sur votre site.

Vous pouvez y renseigner plusieurs informations qui structurent votre site et rendent la navigation des internautes plus efficace.

Voici les informations qu’on retrouve fréquemment dans le haut de page :

Le message / l’objet de votre site (important) : Faîtes apparaître le logo et l’objet de votre association.

De cette manière, la personne qui arrive sur votre site comprend en un coup d’œil votre projet.

www.montagne-et-partage.com

Des boutons d’accès à des sections particulières pour certains types d’utilisateurs qui ont un besoin trop spécifique et/ou moins stratégique.

www.protectioncivile.org

Le Call to Action : nous parlerons de cet élément un peu plus bas.

Newsletter : Si votre site internet a pour objet principal de diffuser du contenu à caractère informatif (Association de Défense des Droits par exemple), insérez un bouton d’inscription à la newsletter. Les internautes pourront s’y inscrire à tout moment.

Réseaux sociaux : Pour faire grossir votre communauté de fans, followers, ou autres, insérez des liens vers vos réseaux sociaux

Conseil : Votre haut de page doit avoir une hauteur maximale de 700 px.

Sinon, l’utilisateur ne verra pas forcément qu’il y a du contenu en dessous de ce haut de page.

Le bas de page du site internet de votre association

Le bas de page est la zone qui se trouve tout en bas de votre site. Cette zone est identique pour l’ensemble de votre site.

L’intérêt du bas de page

Le bas de page a aussi son importance dans la structuration de votre site.

En règle générale, l’internaute consulte le bas de page lorsqu’il cherche une information et qu’il ne la trouve pas directement ailleurs.

Les informations qu’on retrouve généralement dans le bas de page :

Les informations légales : conditions générales d’utilisation, licences, statuts de l'association, et autres informations juridiques

Les informations pratiques : les informations de contacts, le plan d’accès, …

Les liens vers les pages partenaires : Si vous avez des partenaires stratégiques, n’hésitez pas à mettre un lien dans votre bas de page (en complément d’une page dédiée)

Les autres outils de communication : vous pouvez mettre également plusieurs informations telles que les liens vers vos réseaux sociaux, ou une zone d’inscription à votre newsletter.

Le Call To Action sur votre site internet

Vous trouverez ici un article complet sur l'intêret du Call to Action.

Exemple de structures de navigation

Vous en savez désormais plus sur les grandes règles de la structure de navigation d’un site internet associatif.

Vous trouverez ci-dessous plusieurs pistes / exemples de structures.

Téléchargez gratuitement le guide complet pour créer le site internet de votre association