Retour
Bertrand Flaujac
Le 12 novembre 2015
Comment définir la structure du site internet de votre association

Comment définir la structure du site internet de votre association

Vous savez maintenant ce que vous souhaitez faire : vous avez 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 »). 

Schéma de la structure d'un site associatif

 

L’arborescence

 

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 associatif avec un destinataire unique

 

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. 

Structure d'un site associatif avec plusieurs destinataires

 

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

Cas pratique : site internet de la Croix Rouge

www.croix-rouge.fr

Cas pratique : structure du site de la croix rouge

 

Les bonnes pratiques

 

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 ». 

 

Faites parler vos menus - site associatif

 

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

 

haut de page site pour 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

Site internet Montagne et partages

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. 

Site internet Protection civile de Paris

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

 

Bas de page site pour associaiton

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

 

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.

Exemple de structure de site associatif

Exemple de structure de site associatif

Exemple de structure de site associatif

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

 

Designed by Freepik

 

Découvrez davantage d'articles sur ces thèmes :
Site internet
cta

Besoin d'un logiciel complet ?

Sur AssoConnect, tous vos outils de gestion et de communication sont centralisés en un seul endroit.

Tester gratuitement
0 commentaire(s)
Aucun commentaire pour le moment.
Consultez également
Pourquoi votre association ne peut pas se passer d’un « call to action » ?

Pourquoi votre association ne peut pas se passer d’un « call to action » ?

Qu’est ce qu’un « call to action » ? Un call to action, c’est le bouton de votre site internet...

Bertrand Flaujac
2 juin 2015
Pourquoi le paiement des cotisations en ligne devient indispensable

Pourquoi le paiement des cotisations en ligne devient indispensable

Si vous êtes responsable associatif, on parie que vous prendriez bien des vacances. Vous n'avez...

Pierre GRATEAU
23 août 2017
Comment créer le site internet de son association : le guide complet

Comment créer le site internet de son association : le guide complet

D’après une étude de Recherches & Solidarités, au printemps 2016, 73% des associations...

Anaïs Limpalaer
10 mai 2017
4 conseils d'organisation pour créer le site internet de votre association

4 conseils d'organisation pour créer le site internet de votre association

Prêt, feu, partez ! Vous voilà donc lancé dans la création du nouveau site internet de votre...

Bertrand Flaujac
20 octobre 2015
Comment bien définir les objectifs du site de votre association

Comment bien définir les objectifs du site de votre association

Le site internet de votre association s’inscrit dans une stratégie de communication globale

Il...

Bertrand Flaujac
27 octobre 2015
2 analyses indispensables avant de créer le site de votre association

2 analyses indispensables avant de créer le site de votre association

Comme en amour, vous êtes pressé de tourner la page de votre ancien site internet et de vous...

Sylvain FABRE
5 novembre 2015
Comment définir la structure du site internet de votre association

Comment définir la structure du site internet de votre association

Vous savez maintenant ce que vous souhaitez faire : vous avez identifié les destinataires et...

Bertrand Flaujac
12 novembre 2015
12 mots anglais utiles pour votre association

12 mots anglais utiles pour votre association

"Brian is in the kitchen, isn't he ?" 

Bien sûr, pour assumer votre rôle dirigeant associatif,...

Pierre GRATEAU
17 novembre 2015
Comment créer le contenu du site de votre association ?

Comment créer le contenu du site de votre association ?

Vous êtes en train de construire le site internet de votre association. 

Tout le monde a donné...

Bertrand Flaujac
24 novembre 2015
3 options pour construire le site internet adéquat pour votre association

3 options pour construire le site internet adéquat pour votre association

Les plans étant posés et validés, il s’agit maintenant de s’attaquer à la conception du site....

Sylvain FABRE
10 décembre 2015
Bien choisir le nom de domaine du site de votre association

Bien choisir le nom de domaine du site de votre association

Auparavant, la gestion des noms de domaine était l’affaire des professionnels de l’informatique....

Sylvain FABRE
16 août 2017
7 bonnes résolutions pour votre association

7 bonnes résolutions pour votre association

Toute l'équipe d'AssoConnect vous présente ses meilleurs voeux pour cette année 2016 ! 

Qu'elle...

Pierre GRATEAU
4 janvier 2016
Solidatech : des solutions numériques à tarifs réduits !

Solidatech : des solutions numériques à tarifs réduits !

Année après année, votre association et vous répondez à de nouveaux défis pour satisfaire vos...

Pierre GRATEAU
12 janvier 2016
Indispensable :  un site Responsive pour votre association !

Indispensable : un site Responsive pour votre association !

Qu’est-ce que le Responsive Web Design ?Le Responsive Design est une nouvelle approche de...

Sylvain FABRE
25 janvier 2016
6 outils pour créer le site internet de votre association et le maîtriser

6 outils pour créer le site internet de votre association et le maîtriser

Votre association vient de se lancer et vous cherchez à lui offrir un beau site vitrine ?

Vous...

Corinne Dardelet
13 septembre 2016
7 leçons tirées de la refonte de notre site vitrine

7 leçons tirées de la refonte de notre site vitrine

C’est bien connu : les cordonniers sont toujours les plus mal chaussés. Chez AssoConnect,...

Pierre GRATEAU
23 août 2016
Les nouveautés d'AssoConnect - novembre 2016

Les nouveautés d'AssoConnect - novembre 2016

Ce mois-ci, nos efforts de développement se sont portés principalement sur les modules...

Bertrand Flaujac
1 novembre 2016
Comment bien référencer votre association sur Google ?

Comment bien référencer votre association sur Google ?

99% des responsables associatifs sont convaincus de l’intérêt d’être bien référencé pour leurs...

Pierre GRATEAU
24 janvier 2017
Les 7 tendances du design à appliquer au site web de votre association

Les 7 tendances du design à appliquer au site web de votre association

Vous souhaitez remettre le site internet de votre association au goût du jour mais ne trouvez...

Anaïs Limpalaer
14 mars 2017
Google Analytics : le guide pour les associations

Google Analytics : le guide pour les associations

Google Analytics est un outil gratuit qui, connecté à votre site internet, vous fournit des...

Anaïs Limpalaer
28 juin 2017
Découvrez OpenAsso, la plateforme collaborative du monde associatif

Découvrez OpenAsso, la plateforme collaborative du monde associatif

Temps de lecture : 6 minutesNous sommes très heureux de vous annoncer le lancement d’OpenAsso,...

Corinne Dardelet
5 juin 2018
Fermer En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies et notre Politique de Confidentialité. En savoir plus