A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="en">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Animer Vos Retrospectives Avec Le Conseil (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Is that even respected? Retrospectively? What a shAItshow…
  28. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  29. <meta name="robots" content="noai, noimageai">
  30. <!-- Documented, feel free to shoot an email. -->
  31. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  32. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  36. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  37. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  38. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  39. <script>
  40. function toggleTheme(themeName) {
  41. document.documentElement.classList.toggle(
  42. 'forced-dark',
  43. themeName === 'dark'
  44. )
  45. document.documentElement.classList.toggle(
  46. 'forced-light',
  47. themeName === 'light'
  48. )
  49. }
  50. const selectedTheme = localStorage.getItem('theme')
  51. if (selectedTheme !== 'undefined') {
  52. toggleTheme(selectedTheme)
  53. }
  54. </script>
  55. <meta name="robots" content="noindex, nofollow">
  56. <meta content="origin-when-cross-origin" name="referrer">
  57. <!-- Canonical URL for SEO purposes -->
  58. <link rel="canonical" href="https://www.ut7.fr/blog/2015/11/18/animer-vos-retrospectives-avec-le-conseil.html">
  59. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  60. <article>
  61. <header>
  62. <h1>Animer Vos Retrospectives Avec Le Conseil</h1>
  63. </header>
  64. <nav>
  65. <p class="center">
  66. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  68. </svg> Accueil</a> •
  69. <a href="https://www.ut7.fr/blog/2015/11/18/animer-vos-retrospectives-avec-le-conseil.html" title="Lien vers le contenu original">Source originale</a>
  70. <br>
  71. Mis en cache le 2024-02-27
  72. </p>
  73. </nav>
  74. <hr>
  75. <p>À la conférence <a href="http://2015.conference-agile.fr/">Agile France 2015</a>, Emmanuel
  76. et moi-même avons présenté une session intitulée « comment animer des
  77. rétrospectives en utilisant <em>le conseil</em> », un format inventé par
  78. Virginia Satir, une psychothérapeute familiale, format qu’elle appelle en anglais
  79. « Temperature Reading »</p>
  80. <p>Nous avons voulu rester simples et n’avons pas fait de slides.
  81. Nous avons présenté le modèle au tableau et fait un conseil avec les
  82. participants.</p>
  83. <p>Certains participants, dont tu fais peut-être partie, sont venus faire des photos
  84. de notre tableau. Si ce n’est pas le cas, tu seras peut-être content ou
  85. contente de retrouver ici les principaux éléments de notre présentation.</p>
  86. <p>En passant, j’ajoute que je n’ai aucune photo de notre session, si tu en as,
  87. n’hésite pas à me les envoyer. Je les rangerai dans ma boite à souvenir
  88. personnelle.</p>
  89. <p>Un conseil, c’est une réunion en cercle où les personnes se parlent et
  90. font l’expérience individuelle de ce que c’est que d’appartenir au groupe.
  91. Comme le dit Virginia, « le conseil est un processus d’apprentissage ».</p>
  92. <p>Le conseil se déroule par étapes. Chez /ut7, les étapes sont annoncées
  93. successivement, par une personne identifiée en début de conseil que nous appelons
  94. le <em>guide du conseil</em>. Le rôle du guide est d’annoncer les étapes
  95. du conseil au fur et à mesure et de s’assurer que le groupe passera par toutes
  96. les étapes et dans l’ordre prévu.</p>
  97. <p>Pour commencer, chacun peut exprimer une <em>appréciation</em> à une autre personne
  98. du groupe. Il faut dire à quelqu’un qu’on l’apprécie pour une de ses actions
  99. passées. Comme le dit la fille d’un ami, c’est « un peu bisounours ». L’objectif
  100. de cette pratique est de renforcer les comportements positifs.</p>
  101. <p>Au bout d’un moment, bien que l’on continue de pouvoir se faire des
  102. appréciations, on peut commencer à exprimer des <em>plaintes</em> (et même de la
  103. colère) et des <em>craintes</em>. Attention ! Il est très important de penser à
  104. associer sa plainte à <em>une recommandation</em> que l’on se fait à soi-même, ceci
  105. afin de décharger les autres de l’envie de nous trouver des solutions.</p>
  106. <p>Ensuite, le guide décidera d’ouvrir le moment des <em>mystères</em> et des <em>rumeurs</em>.
  107. Toujours sur le même principe, il fera ceci sans pour autant refermer la
  108. possibilité d’exprimer des appréciations ou des plaintes. C’est le moment de
  109. parler de ce qu’on ne comprend pas dans le groupe. Il est parfois difficile de
  110. dire qu’on ne comprend pas quelque chose, et c’est alors assez amusant
  111. d’utiliser une rumeur pour en parler.</p>
  112. <p>De manière assez naturelle, c’est ensuite le moment des <em>informations
  113. nouvelles</em>. Ces informations sont parfois dévoilées en avance de phase quand
  114. elles sont des réponses aux mystères. Si ce n’est pas le cas, c’est le moment
  115. de les donner. Il s’agit de parler seulement de faits nouveaux.</p>
  116. <p>Et pour finir, on termine le conseil par les <em>souhaits</em> et les <em>espoirs</em>.
  117. C’est le moment d’exprimer ce que l’on aimerait voir arriver tout en sachant
  118. que cela n’arrivera pas forcément. Exprimer un espoir, c’est exprimer une
  119. vision d’un avenir désiré, et c’est aussi exprimer par avance l’acceptation
  120. d’une frustration potentielle !</p>
  121. <p>La fin du conseil est déclarée par le guide qui doit le faire de manière explicite.</p>
  122. <p>Et voilà, c’est à peu près ce que nous avons présenté à la conférence. Pour
  123. une présentation par Virginia Satir elle-même, n’hésite pas à consulter les
  124. vidéos librement accessibles sur internet. Il y en a plusieurs.</p>
  125. <h2 id="mise-à-jour-du-3-mai-2018">Mise à jour du 3 mai 2018 :</h2>
  126. <p><a href="https://twitter.com/idetido">Irène Doan</a> a dessiné un beau
  127. <a href="/images-v2/20180429-idetido-de%CC%81roule%CC%81%20re%CC%81tro%20avec%20le%20conseil%20de%20UT7%20et%20virginia%20satir%20-%20V2%20-%20pour%20e%CC%81dition.jpg">poster</a> pour se rappeler plus
  128. facilement la séquence des phases lors de l’animation des conseils.</p>
  129. <p><a href="https://www.ut7.fr/images-v2/20180429-idetido-de%CC%81roule%CC%81%20re%CC%81tro%20avec%20le%20conseil%20de%20UT7%20et%20virginia%20satir%20-%20V2%20-%20pour%20e%CC%81dition.jpg"><img class="thumb" src="/images-v2/20180429-idetido-conseil_thumbnail.jpg"></a></p>
  130. </article>
  131. <hr>
  132. <footer>
  133. <p>
  134. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  135. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  136. </svg> Accueil</a> •
  137. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  138. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  139. </svg> Suivre</a> •
  140. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  141. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  142. </svg> Pro</a> •
  143. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  144. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  145. </svg> Email</a> •
  146. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  147. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  148. </svg> Légal</abbr>
  149. </p>
  150. <template id="theme-selector">
  151. <form>
  152. <fieldset>
  153. <legend><svg class="icon icon-brightness-contrast">
  154. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  155. </svg> Thème</legend>
  156. <label>
  157. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  158. </label>
  159. <label>
  160. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  161. </label>
  162. <label>
  163. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  164. </label>
  165. </fieldset>
  166. </form>
  167. </template>
  168. </footer>
  169. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  170. <script>
  171. function loadThemeForm(templateName) {
  172. const themeSelectorTemplate = document.querySelector(templateName)
  173. const form = themeSelectorTemplate.content.firstElementChild
  174. themeSelectorTemplate.replaceWith(form)
  175. form.addEventListener('change', (e) => {
  176. const chosenColorScheme = e.target.value
  177. localStorage.setItem('theme', chosenColorScheme)
  178. toggleTheme(chosenColorScheme)
  179. })
  180. const selectedTheme = localStorage.getItem('theme')
  181. if (selectedTheme && selectedTheme !== 'undefined') {
  182. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  183. }
  184. }
  185. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  186. window.addEventListener('load', () => {
  187. let hasDarkRules = false
  188. for (const styleSheet of Array.from(document.styleSheets)) {
  189. let mediaRules = []
  190. for (const cssRule of styleSheet.cssRules) {
  191. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  192. continue
  193. }
  194. // WARNING: Safari does not have/supports `conditionText`.
  195. if (cssRule.conditionText) {
  196. if (cssRule.conditionText !== prefersColorSchemeDark) {
  197. continue
  198. }
  199. } else {
  200. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  201. continue
  202. }
  203. }
  204. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  205. }
  206. // WARNING: do not try to insert a Rule to a styleSheet you are
  207. // currently iterating on, otherwise the browser will be stuck
  208. // in a infinite loop…
  209. for (const mediaRule of mediaRules) {
  210. styleSheet.insertRule(mediaRule.cssText)
  211. hasDarkRules = true
  212. }
  213. }
  214. if (hasDarkRules) {
  215. loadThemeForm('#theme-selector')
  216. }
  217. })
  218. </script>
  219. </body>
  220. </html>