A place to cache linked articles (think custom and personal wayback machine)
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 20KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  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>What does sponsorship look like? (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. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <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>
  31. <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>
  32. <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>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://larahogan.me/blog/what-sponsorship-looks-like/">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>What does sponsorship look like?</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://larahogan.me/blog/what-sponsorship-looks-like/" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <figure>
  71. <img src="https://larahogan.me/images/sponsorship.jpg" alt="The difference between mentorship and sponsorship">
  72. <figcaption>Illustration by <a href="http://cattsmall.com/">Catt Small</a></figcaption>
  73. </figure>
  74. <p>Studies have shown that women (and nonbinary folks) are <a href="https://hbr.org/2010/08/women-are-over-mentored-but-un">over-mentored, but under-sponsored</a>. As Herminia Ibarra, professor of organizational behavior at INSEAD and coauthor of the HBR article <a href="https://hbr.org/2010/09/why-men-still-get-more-promotions-than-women/ar/1?referral=00134">Why Men Still Get More Promotions Than Women</a> explains,</p>
  75. <blockquote>
  76. <p>[in mentorship], the connection to actually getting promoted and actually getting developmental assignments, has been kind of diluted… [Sponsoring] has to do with fighting to get somebody a promotion, mentioning their name in an appointments meeting, and making sure that the person that you’re sponsoring gets the next assignment, and gets visible and developmental assignments.</p>
  77. </blockquote>
  78. <p>When members of <a href="https://twitter.com/bryanl/status/1134565369098756096">overrepresented groups</a> begin to see the systems of bias and privilege, their first instinct typically is to <strong>mentor</strong> those who haven’t benefited from the same privilege. This is understandable—they want to help them grow, get promoted, or become better engineers, to help balance out the inequity that pervades our industry.</p>
  79. <p>But at its core, this instinct to mentor plays into the idea that <a href="https://codepen.io/tatianamac/pen/BaBKoPv">minoritized</a> people aren’t already skilled enough, smart enough, or ready for more responsibility or leadership.</p>
  80. <p>What members of underrepresented groups in tech often need most is <strong>opportunity and visibility</strong>, <em>not</em> advice. They have to work extremely hard and be extremely good at what they do to combat the systemic privilege and unconscious bias at play in our work environments. They are consistently under-promoted and under-compensated for this work, even though it’s excellent work.</p>
  81. <p>There’s a wealth of research out there that demonstrates to really use one’s privilege for good, you need to do things differently:</p>
  82. <ul>
  83. <li><strong>Start sponsoring members of underrepresented groups</strong></li>
  84. <li><strong>Listen to minoritized people, and believe them</strong></li>
  85. <li><strong>Do “the homework” to be a better mentor</strong></li>
  86. </ul>
  87. <p>To sponsor someone is to feel on the hook to help get someone promoted. It is raising up the name of someone to help them get more opportunities to do visible, valuable work. It is <em>not</em> just giving advice and mentorship. Often, you can sponsor someone without them even knowing it (many of the people I sponsor have no idea I consider them sponsees).</p>
  88. <ol>
  89. <li>Learn the opportunities you have to raise people’s names each week.</li>
  90. <li>Find a person to sponsor.</li>
  91. <li>Listen to their experiences, learn about their skills and how they want to grow.</li>
  92. <li>Raise your sponsee’s name in those opportunities.</li>
  93. </ol>
  94. <h3 id="when-do-we-raise-up-names">When do we raise up names?</h3>
  95. <p>Take a hard look at the daily communications you participate in: your work chat logs, the conversations you have with your manager and other managers, the process for figuring out who should fix a bug or work on a new project, and the process for making your work visible (like an architecture review, code review, launch calendar, etc.).</p>
  96. <p>Where do you see folks’ names raised up? It can be as simple as:</p>
  97. <blockquote>
  98. <p>Person 1: The dashboards are slow today. Is there someone who knows how to fix that?</p>
  99. </blockquote>
  100. <blockquote>
  101. <p>Person 2: Oh, Max fixed our dashboards before. Maybe ask them?</p>
  102. </blockquote>
  103. <blockquote>
  104. <p>Person 3: Sara’s also been doing a lot of perf research recently. Ask her too?</p>
  105. </blockquote>
  106. <p>The people we name are naturally the people we’re closest to, the people whose work we’re most familiar with, and the people who also look like us. (Also known as in-group bias.) It’s a natural part of how we interact and connect, so it takes work to combat these instincts.</p>
  107. <p>I’ve watched members of minoritized groups be passed over for opportunities because of “not enough experience” or “no demonstrated skill in this area,” while being given zero opportunities to demonstrate how they can bring over other kinds of experience to a gnarly problem, or how quick to learn they are, or how much better and more creative at problem-solving they are. It’s your job to raise up the names of those you sponsor, and to vouch for them and their work, and how they might be a good fit for a leadership opportunity. You’re on the hook to make their good work more visible to those who aren’t familiar.</p>
  108. <p>If you’re <em>not</em> familiar with your sponsee’s work or skill set, <em>get</em> familiar. Stay up to date on what they’re working on, what kinds of problems they’re good at solving, and what they’re excited to learn. Keep your eyes peeled for opportunities to raise their name and vouch for their work.</p>
  109. <h3 id="but-im-not-a-manager">“But I’m not a manager.”</h3>
  110. <p><em>Anyone</em> can be a sponsor. Even other members of minoritized communities<sup><a href="#footnote">1</a></sup>. Even brand new software engineers. Even people in other departments. While it’s true that managers are uniquely positioned to give promotions to people, there are plenty of other people with influence around. You may not believe that <em>you</em> have influence, or that you can truly help to sponsor someone. I need you to fight that thought.</p>
  111. <p>These are real-life examples of sponsorship that I’ve seen work:</p>
  112. <ul>
  113. <li>suggesting someone who could be a good <strong>lead on a new project</strong> based on their experience in this codebase, solving these kinds of problems, or past demonstration of effectiveness getting work out the door on time</li>
  114. <li>suggesting someone be a postmortem facilitator, or another type of visible <strong>leader in a meeting</strong> where others are learning</li>
  115. <li>suggesting someone who could <strong>write a new blog post</strong> for the engineering blog about their recent project, approach to a tricky problem, or solution that other companies could learn from</li>
  116. <li>suggesting someone to <strong>give a talk</strong> at a company or team meeting in which they demonstrate their work</li>
  117. <li>forwarding their <strong>email summary of a project</strong> to a different group of people than the original audience, underscoring why it was interesting or what you learned from it</li>
  118. <li>asking someone’s manager if you can <strong>share feedback</strong> about some of their excellent work you witnessed</li>
  119. <li>mentioning or <strong>sharing someone’s work in Slack</strong> that you thought was helpful, interesting, etc.</li>
  120. <li>citing an <strong>interesting thing you learned</strong> from someone recently to a large group of influential folks</li>
  121. </ul>
  122. <p>Any time you can, overtly or not, help those around you see the skill set or experience of someone, that’s a sponsorship opportunity. The more you get practice doing this, the more opportunities you’ll see.</p>
  123. <p>Note that these aren’t opportunities to raise up names for stereotypical work (like suggesting a woman take notes in a meeting). You should focus on highlighting their technical work and demonstrated leadership skill sets, and find opportunities that your sponsee has expressed would interest them.</p>
  124. <h2 id="how-can-i-be-a-better-mentor">How can I be a better mentor?</h2>
  125. <p>In the original version of this post, I asked members of overrepresented groups to “stop mentoring, and start sponsoring”. Kristy Tillman, Head of Communication Design at Slack, helped me see how this ask is problematic:</p>
  126. <blockquote>
  127. <p>“Advice is just one thing a mentor give. But there are residual benefits from visible proximity and tangential relationships to be gained.” - <a href="https://twitter.com/KristyT/status/863785440553213952">Kristy Tillman</a></p>
  128. </blockquote>
  129. <p>I encourage you to read the whole thread. <a href="https://twitter.com/KristyT/status/863778744963481602">Kristy helped me see</a> that it’s more important to have access to mentors who could be sponsors than it is to reduce the pool of people eager to help.</p>
  130. <p>So, if you’re mentoring someone with less power or privilege than you have, please start doing “the homework” of being an ally (like doing <a href="https://codeascraft.com/2016/08/10/recommended-reading-for-allies/">lots of readings</a> on what it means to be a good ally, familiarizing yourself with your own biases and the biases of others, keeping up-to-date on the bias issues du jour in our industry).</p>
  131. <p>As my friend <a href="https://twitter.com/Geek_Manager">Meri Williams</a> says of advice members of overrepresented groups give, “It’s not bad advice, it’s just advice they can’t take.” Often advice that works really well for white men <em>will not</em> work the same way for non-white not-men. “Talk louder,” “brag about your work more,” “speak your mind,” are all examples of behavior that works when you have a lot of privilege, but carry lots of risk when you don’t. You may be perpetuating the system that you’re working so hard to upend with your sponsoring.</p>
  132. <p>This is why <strong>listening</strong> is so important in your sponsorship relationship. As much as you can, treat any one-on-one chats you have with the person you sponsor as a learning opportunity for <em>you</em> (so long as you are not burdening them with this; they’re not there to be your teacher). You likely have limited exposure to the challenges they face, so do your own reading and research, on your own time.</p>
  133. <p>Again, it’s not necessary for them to be aware you are sponsoring them; you’re not doing this for your <em>own</em> recognition. Take this time together to learn about them, what they face, and how they want to grow.</p>
  134. <blockquote>
  135. <p>“One of the most radical things you can do is to actually believe women when they talk about their experiences”
  136. - Anita Sarkeesian</p>
  137. </blockquote>
  138. <h3 id="explore-why-this-might-feel-icky-to-you">Explore why this might feel icky to you</h3>
  139. <p>It’s upsetting to realize that the reason why you’re in a senior position may be because of the system of privilege that got you there. It’s upsetting to realize that there are people who aren’t in that rank who are <em>more qualified</em> than you, but who haven’t benefited from the same privilege you did. I find that people who believed that they were promoted because the system is meritocratic react the hardest when they start to see the systems of privilege and unconscious bias are real (and that meritocracy is a myth). These are challenging, sobering feelings; work through them with other folks you see as allies who have benefited from the same systems.</p>
  140. <blockquote>
  141. <p>“If you are uncomfortable, you will know you are making progress.”
  142. - Kronda Adair</p>
  143. </blockquote>
  144. <h2 id="resources-for-you">Resources for you</h2>
  145. <p><a href="https://hbr.org/2010/09/why-men-still-get-more-promotions-than-women">Why Men Still Get More Promotions Than Women</a> (HBR)</p>
  146. <p><a href="http://everydayfeminism.com/2014/03/moving-past-privilege-guilt/">Moving past privilege guilt</a> (Everyday Feminism)</p>
  147. <p><em><a href="https://www.amazon.com/Men-Explain-Things-Rebecca-Solnit-ebook/dp/B00IWGQ8PU">Men Explain Things to Me</a></em> by Rebecca Solnit</p>
  148. <p><a href="https://maleallies.com/">Male Ally Bingo card</a></p>
  149. <p><a href="https://larahogan.me/sponsors/">This post in slide deck form</a></p>
  150. <hr>
  151. <p> The Center for Talent Innovation’s <a href="https://www.talentinnovation.org/publication.cfm?publication=1350">research</a> highlighted, “Sponsors of color—especially at the top—worry that they do not have the armor or ammunition to pull protégés of color up the ranks.” Plenty of research <a href="https://hbr.org/2016/03/women-and-minorities-are-penalized-for-promoting-diversity">confirms</a> that it’s risky for members of minoritized groups to be perceived as having in-group bias.</p>
  152. </article>
  153. <hr>
  154. <footer>
  155. <p>
  156. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  157. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  158. </svg> Accueil</a> •
  159. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  160. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  161. </svg> Suivre</a> •
  162. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  163. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  164. </svg> Pro</a> •
  165. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  166. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  167. </svg> Email</a> •
  168. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  169. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  170. </svg> Légal</abbr>
  171. </p>
  172. <template id="theme-selector">
  173. <form>
  174. <fieldset>
  175. <legend><svg class="icon icon-brightness-contrast">
  176. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  177. </svg> Thème</legend>
  178. <label>
  179. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  180. </label>
  181. <label>
  182. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  183. </label>
  184. <label>
  185. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  186. </label>
  187. </fieldset>
  188. </form>
  189. </template>
  190. </footer>
  191. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  192. <script>
  193. function loadThemeForm(templateName) {
  194. const themeSelectorTemplate = document.querySelector(templateName)
  195. const form = themeSelectorTemplate.content.firstElementChild
  196. themeSelectorTemplate.replaceWith(form)
  197. form.addEventListener('change', (e) => {
  198. const chosenColorScheme = e.target.value
  199. localStorage.setItem('theme', chosenColorScheme)
  200. toggleTheme(chosenColorScheme)
  201. })
  202. const selectedTheme = localStorage.getItem('theme')
  203. if (selectedTheme && selectedTheme !== 'undefined') {
  204. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  205. }
  206. }
  207. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  208. window.addEventListener('load', () => {
  209. let hasDarkRules = false
  210. for (const styleSheet of Array.from(document.styleSheets)) {
  211. let mediaRules = []
  212. for (const cssRule of styleSheet.cssRules) {
  213. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  214. continue
  215. }
  216. // WARNING: Safari does not have/supports `conditionText`.
  217. if (cssRule.conditionText) {
  218. if (cssRule.conditionText !== prefersColorSchemeDark) {
  219. continue
  220. }
  221. } else {
  222. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  223. continue
  224. }
  225. }
  226. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  227. }
  228. // WARNING: do not try to insert a Rule to a styleSheet you are
  229. // currently iterating on, otherwise the browser will be stuck
  230. // in a infinite loop…
  231. for (const mediaRule of mediaRules) {
  232. styleSheet.insertRule(mediaRule.cssText)
  233. hasDarkRules = true
  234. }
  235. }
  236. if (hasDarkRules) {
  237. loadThemeForm('#theme-selector')
  238. }
  239. })
  240. </script>
  241. </body>
  242. </html>