Skip to content

Commit

Permalink
Ajout d’une page de facilitation
Browse files Browse the repository at this point in the history
  • Loading branch information
@davidbgk
davidbgk committed Jul 11, 2024
1 parent 6c9ff61 commit c95c804
Show file tree
Hide file tree
Showing 11 changed files with 189 additions and 29 deletions.
6 changes: 4 additions & 2 deletions blog/2023/petit-panorama-des-pratiques-de-remuneration-en-horizontalite/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,8 @@
<nav>
<ul>
<li><a href="/">accueil</a></li>
<li><a href="/blog/">blog</a></li>
<li><a href="/prestations/facilitation/">facilitation</a></li>
<li><a href="/blog/" aria-current="true">blog</a></li>
<li><a href="/en/">en</a></li>
</ul>
</nav>
Expand Down Expand Up @@ -85,7 +86,8 @@ <h2 class="contactez-nous" id="contact">Contact</h2>
<nav>
<ul>
<li><a href="/">accueil</a></li>
<li><a href="/blog/">blog</a></li>
<li><a href="/prestations/facilitation/">facilitation</a></li>
<li><a href="/blog/" aria-current="true">blog</a></li>
<li><a href="/en/">en</a></li>
</ul>
</nav>
Expand Down
6 changes: 4 additions & 2 deletions blog/2023/transformation-en-cours/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,8 @@
<nav>
<ul>
<li><a href="/">accueil</a></li>
<li><a href="/blog/">blog</a></li>
<li><a href="/prestations/facilitation/">facilitation</a></li>
<li><a href="/blog/" aria-current="true">blog</a></li>
<li><a href="/en/">en</a></li>
</ul>
</nav>
Expand Down Expand Up @@ -76,7 +77,8 @@ <h2 class="contactez-nous" id="contact">Contact</h2>
<nav>
<ul>
<li><a href="/">accueil</a></li>
<li><a href="/blog/">blog</a></li>
<li><a href="/prestations/facilitation/">facilitation</a></li>
<li><a href="/blog/" aria-current="true">blog</a></li>
<li><a href="/en/">en</a></li>
</ul>
</nav>
Expand Down
6 changes: 4 additions & 2 deletions blog/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,8 @@
<nav>
<ul>
<li><a href="/">accueil</a></li>
<li><a href="/blog/">blog</a></li>
<li><a href="/prestations/facilitation/">facilitation</a></li>
<li><a href="/blog/" aria-current="true">blog</a></li>
<li><a href="/en/">en</a></li>
</ul>
</nav>
Expand Down Expand Up @@ -979,7 +980,8 @@ <h2 class="contactez-nous" id="contact">Contact</h2>
<nav>
<ul>
<li><a href="/">accueil</a></li>
<li><a href="/blog/">blog</a></li>
<li><a href="/prestations/facilitation/">facilitation</a></li>
<li><a href="/blog/" aria-current="true">blog</a></li>
<li><a href="/en/">en</a></li>
</ul>
</nav>
Expand Down
5 changes: 3 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,12 @@

</head>

<body class="homepage">
<body>
<a id="top"></a>
<nav>
<ul>
<li><a href="/">accueil</a></li>
<li><a href="/" aria-current="true">accueil</a></li>
<li><a href="/prestations/facilitation/">facilitation</a></li>
<li><a href="/blog/">blog</a></li>
<li><a href="/en/">en</a></li>
</ul>
Expand Down
142 changes: 142 additions & 0 deletions prestations/facilitation/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,142 @@
<!DOCTYPE html>
<html lang="fr">

<head>
<meta charset="utf-8">
<title>Facilitation | scopyleft</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="scopyleft accompagne vos projets Web dans une démarche de qualité">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="alternate" type="application/rss+xml" href="/syndication/flux.atom" title="Blog Scopyleft (Atom)">
<link rel="stylesheet" type="text/css" href="/static/css/styles.css">
<link rel="stylesheet" type="text/css" href="/static/css/print.css" media="print">

</head>

<body>
<a id="top"></a>
<nav>
<ul>
<li><a href="/">accueil</a></li>
<li><a href="/prestations/facilitation/" aria-current="true">facilitation</a></li>
<li><a href="/blog/">blog</a></li>
<li><a href="/en/">en</a></li>
</ul>
</nav>
<header>

</header>

<div class="main">
<h1>La facilitation</h1>

<h2>C’est quoi la facilitation ?</h2>

<p>Faciliter la démarche collective c’est permettre à chacun·e de mobiliser ses compétences de manière effective dans le groupe. Ceci implique que chaque membre puisse s’exprimer, être écouté et compris, dans le but d’appréhender et de résoudre collectivement une problématique complexe, grâce à une suite de séquences collectives.</p>
<p>Pour que les groupes et les personnes puissent se consacrer pleinement à l’émergence d’idées créatrices, il est important de mettre en place des dispositifs animés par une personne extérieure au groupe, qui n’a pas ou peu d’enjeux affectifs avec le collectif. La personne qui facilite est présente pour co-construire un cadre, impulser une réflexion, relancer et distribuer la parole, sans intervenir dans la proposition d’idées.</p>

<figure>
<img src="/static/images/facilitation/facilitateur.png"
alt="Un schéma avec une personne à côté de pièces de puzzle qui représentent les différents rôles de la personne qui facilite.">
<figcaption>Le rôle de la personne qui facilite.</figcaption>
</figure>

<h3>Garant du cadre</h3>

<p>Afin d’optimiser les échanges et l’émergence d’idées, la personne qui facilite s’assure de bien préparer la salle et le matériel dont vont avoir besoin les participants. C’est elle qui va ouvrir l’espace, le maintenir tout au long de l’atelier et le refermer en s’assurant que l’objectif est atteint.</p>
<p>Pour assurer l’engagement des participant·es, il est important de donner du sens à tout ce qui est demandé. La personne qui facilite déroule ainsi en début d’atelier l’agenda dans les grandes lignes et s’assure que le déroulé des différentes étapes est toujours compréhensible. Pour chacune des étapes, elle peut rappeler le sens par rapport à l’objectif initial.</p>
<p>Il est également important que toutes les consignes soient claires et simples et de bien s’assurer qu’elles sont comprises par tout le monde. Pour cela, elle peut demander du feedback auprès des participant·es régulièrement.</p>
<p>Pour plus de clarté, il est recommandé d’afficher l’agenda et les consignes.</p>

<h3>Garant du processus</h3>

<p>Un moment d’intelligence collective, qu’il soit prévu sur quelques heures ou plusieurs jours, est planifié en amont de manière à stimuler la créativité et l’émergence d’idées par rapport à un objectif identifié. La personne qui facilite prévoit ainsi une suite logique d’ateliers, de l’ouverture à la clôture de la rencontre, pour permettre de répondre à la problématique de départ et d’obtenir les livrables prévus.</p>

<h3>Observation et Écoute</h3>

<p>La personne qui facilite, tout au long de la session, adopte une posture d’écoute et d’observation active. Elle doit faire tout particulièrement attention à la communication non verbale et s’assurer que chacun des membres du groupe trouve sa place et se sente en confiance pour échanger.</p>

<h3>Répartition de la parole</h3>

<p>Il est important, au cours des ateliers, de s’assurer que personne ne monopolise la parole et que chacun·e puisse s’exprimer dans le respect des autres. Différents outils peuvent être mobilisés pour tenter de freiner les personnes qui auraient tendance à facilement prendre la parole et inciter celles pour qui c’est plus difficile.</p>
<p>Par exemple :</p>
<ul>
<li>La réflexion individuelle de quelques minutes et le partage en binôme avant une partage en grand groupe, permet à chaque personne de réfléchir de son côté, poser son propos et trier ce qui doit être partagé ou non au groupe.</li>
<li>Il est aussi possible pour des temps plus restreint de proposer quelques moments de silence pour ralentir la spontanéité. </li>
<li>Afin de répartir la parole, chronométrer les tours de paroles est un moyen qui peut être vu comme contraignant, mais très efficace dans des groupes nouveaux. Lorsque le groupe commence à être habitué à travailler ensemble, on se rend compte que cet outil devient rapidement inutile, le groupe s’auto-gère.</li>
</ul>

<h3>Présentation des règles</h3>

<p>Au début de la rencontre, la personne facilitatrice présente les règles pour le groupe et s’assure qu’elles sont bien comprises par tout le monde. Si le temps le permet, ces règles peuvent être co-construites avec le groupe ou du moins complétées afin de convenir à toutes et tous. On peut les classer en deux catégories : les règles objectives (pas de téléphone portable, respect des horaires…) et les règles subjectives (écoute active, bienveillance…). Il est recommandé d’afficher ces règles à un endroit central de manière à être vues par tout le monde.</p>
<p>Même pour un temps court, il est recommandé de citer des règles. Rien que le fait d’en parler et de les définir pose un cadre. De plus, une fois que des règles sont posées, chacun·e est légitime et responsable de leur respect.</p>

<figure>
<img src="/static/images/facilitation/bulle-de-confiance.png"
alt="Dessins de bulles représentant les bulles de confiance avec les différentes sections décrites ci-dessus.">
<figcaption>Des bulles pour être ensemble.</figcaption>
</figure>

<h3>Gestion du temps</h3>

<p>Un temps facilité est constitué d’une suite logique de séquences à durée déterminée afin de s’assurer du bon déroulement du processus. Personne n’étant à l’abri d’un imprévu, la personne qui facilite doit cependant rester flexible, réactive et prévoir des temps plus ou moins compressibles afin de s’adapter et d’être en mesure de réaliser les moments clés pour atteindre les objectifs.</p>
<p>La personne facilitatrice peut, en fonction de ses besoins, demander au groupe si une personne veut bien se porter volontaire pour assurer le rôle de “time keeper”.</p>

<h3>Interroger & Clarifier</h3>

<p>La personne qui facilite doit être dans une attitude d’écoute et de curiosité permanente. Elle cherche à comprendre sans jugement. Elle pose des questions ouvertes (Pourquoi ? Que voulez-vous dire par là ? Qu’en pensez-vous ? Qui d’autre ? Quoi d’autre ?) qui invitent à réfléchir.</p>
<p>Il est important de prendre le temps de reformuler pour s’assurer que tout le monde a bien compris un avis, une idée ou une consigne.</p>

<h2>Prendre des notes et restituer</h2>

<dl>
<dt>Objectif de la prise de note et de la restitution</dt>
<dd>Récupérer, agréger, organiser et rendre lisible les données partagées pendant les ateliers. La prise de note est une synthèse de ce qui est dit.</dd>
<dt>Avant l’atelier</dt>
<dd>Préparer des gabarits pour faciliter la prise de note par n’importe quelle personne volontaire</dd>
<dt>Pendant l’atelier</dt>
<dd>
<ul>
<li>se concentrer sur les mots-clés. Le but n’est pas de retranscrire la totalité de l’échange, mais de récupérer les idées principales et de ne garder que les grandes lignes ;</li>
<li>apporter une attention particulière à la clarification des idées partagées ;</li>
<li>prendre des notes de manière lisible pour que tout le monde puisse se les approprier ;</li>
<li>utiliser des abréviations ;</li>
<li>laisser une marge avec des espaces pour ajouter des annotations, des corrections ou des précisions permettant d’améliorer les notes tout au long de l’intervention ;</li>
<li>synthétiser en tentant de ne pas interpréter les propos ;</li>
<li>demander du feedback des personnes pour confirmer que ce qui est écrit reflète réellement ce qui a été dit.</li>
</ul>
</dd>
</dl>
<p>À la fin de l’atelier garder quelques minutes pour réfléchir à la synthèse et vérifier avec le groupe que les notes/propositions de synthèse sont exactes.</p>

<h2>Nos interventions</h2>

<ul>
<li>rétrospectives d’équipe</li>
<li>animation de réunions variées</li>
<li>aide à la prise de décisions</li>
<li>accompagnement au changement organisationnel</li>
<li>aide à la résolution de problèmes</li>
<li>accompagnement à la coopération</li>
<li>facilitation graphique</li>
<li>accompagnement à la création de projet</li>
<li>organisation de forums ouverts</li>
</ul>

<figure>
<img src="/static/images/facilitation/forum-ouvert.png"
alt="Schéma d’un forum ouvert expliquant les différentes étapes du déroulé.">
<figcaption>Forum ouvert.</figcaption>
</figure>


<p><strong>Vous avez un projet, vous souhaitez en parler, <a href="mailto:bonjour%40scopyleft.fr">contactez-nous</a>.</strong></p>
</div>

<footer>

</footer>

</body>

</html>
41 changes: 24 additions & 17 deletions static/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ blockquote {
font-family: Palatino, Georgia, serif;
}

h1, h2, h3, h4, h5, h6, th, dt {
h1, h2, h3, h4, h5, h6, th {
font-family: Palatino, Georgia, serif;
font-size: 120%;
margin-top: 1em;
Expand All @@ -38,6 +38,10 @@ h1, h2, h3, h4, h5, h6 {
padding-top: 1em;
}

h1 {
font-size: xxx-large;
text-align: center;
}
h2 {
clear: left;
font-size: xx-large;
Expand Down Expand Up @@ -184,17 +188,27 @@ nav a {
margin-left: 5px;
}

/* Homepage */
nav a[aria-current="true"] {
color: black;
text-decoration-thickness: 2px;
}

.homepage blockquote {
font-size: 140%;
img {
display: block;
max-width: 100%;
margin: 0 auto;
border: 1px solid #222;
padding: 1px;
}
figcaption {
text-align: center;
font-style: normal;
font-weight: normal;
font-family: Palatino, Georgia, serif;
letter-spacing: .05em;
margin: 1.5em 0;
line-height: 1.25;
color: #585858;
}
dt {
font-weight: bold;
}
dd ul {
margin-left: 0;
}

/* blog */
Expand All @@ -203,13 +217,6 @@ nav a {
text-align: center;
}

.blog-post img {
display: block;
margin: 0 auto;
border: 1px solid #222;
padding: 1px;
}

/* Formation */

.formation {
Expand Down
Binary file added static/images/facilitation/bulle-de-confiance.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/images/facilitation/facilitateur.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/images/facilitation/forum-ouvert.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 4 additions & 2 deletions templates/blogpost.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,8 @@
<nav>
<ul>
<li><a href="/">accueil</a></li>
<li><a href="/blog/">blog</a></li>
<li><a href="/prestations/facilitation/">facilitation</a></li>
<li><a href="/blog/" aria-current="true">blog</a></li>
<li><a href="/en/">en</a></li>
</ul>
</nav>
Expand Down Expand Up @@ -56,7 +57,8 @@ <h2 class="contactez-nous" id="contact">Contact</h2>
<nav>
<ul>
<li><a href="/">accueil</a></li>
<li><a href="/blog/">blog</a></li>
<li><a href="/prestations/facilitation/">facilitation</a></li>
<li><a href="/blog/" aria-current="true">blog</a></li>
<li><a href="/en/">en</a></li>
</ul>
</nav>
Expand Down
6 changes: 4 additions & 2 deletions templates/blogposts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,8 @@
<nav>
<ul>
<li><a href="/">accueil</a></li>
<li><a href="/blog/">blog</a></li>
<li><a href="/prestations/facilitation/">facilitation</a></li>
<li><a href="/blog/" aria-current="true">blog</a></li>
<li><a href="/en/">en</a></li>
</ul>
</nav>
Expand Down Expand Up @@ -918,7 +919,8 @@ <h2 class="contactez-nous" id="contact">Contact</h2>
<nav>
<ul>
<li><a href="/">accueil</a></li>
<li><a href="/blog/">blog</a></li>
<li><a href="/prestations/facilitation/">facilitation</a></li>
<li><a href="/blog/" aria-current="true">blog</a></li>
<li><a href="/en/">en</a></li>
</ul>
</nav>
Expand Down

0 comments on commit c95c804

Please sign in to comment.