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 23KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  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>Variability, Not Repetition, is the Key to Mastery (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://www.scotthyoung.com/blog/2022/10/26/variable-mastery/">
  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>Variability, Not Repetition, is the Key to Mastery</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://www.scotthyoung.com/blog/2022/10/26/variable-mastery/" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>Bruce Lee is reported to have said, “I fear not the man who has practiced 10,000 kicks once, but the man who has practiced one kick 10,000 times.” With all due respect to Mr. Lee, he might have been wrong about this one.</p>
  71. <p>Variability plays an essential and oft-neglected role in mastering complex skills. Considerable research shows that practicing in varied contexts with varied methods and performing with varied task constraints results in more robust learning than simple repetition.</p>
  72. <p>Below, I’d like to review some of the key research supporting the role of variability in learning and suggest how you can apply this to your career and studies.</p>
  73. <h2>Contextual Interference: Same Method, Variable Situations</h2>
  74. <p class="inline-podcast">
  75. <small>Listen to this article</small><br>
  76. </p>
  77. <p><a href="https://en.wikipedia.org/wiki/Motor_learning#Structure_of_practice_and_contextual_interference">Contextual interference</a> occurs when you practice the same skill, but vary the situations in which it is called for.</p>
  78. <p>For instance, you could practice your tennis backhand by being served backhand shots repeatedly. Alternatively, your coach could mix things up: serve you backhand shots interspersed with balls that require a forehand shot.</p>
  79. <p>Or imagine preparing for a calculus exam: you could study all the questions that require the chain rule, then all the questions that use the quotient rule. Instead, you might shuffle these questions together so you can’t be sure which technique is needed.</p>
  80. <figure class="wp-block-image size-large"><img decoding="async" loading="lazy" src="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-1024x512.jpg" alt="" class="wp-image-14607" srcset="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-1024x512.jpg 1024w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-300x150.jpg 300w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-768x384.jpg 768w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-1536x768.jpg 1536w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px"></figure>
  81. <p>Contextual interference improves the transfer of learning to new situations. There are a few reasons contextual interference works:</p>
  82. <ul>
  83. <li><strong>Identifying problems correctly and ensuring the correct technique is associated with the problem</strong>. A major difficulty in learning isn’t getting knowledge into your head—but getting it out at the right time. Practice that repeats the same technique in narrow situations may result in skills that aren’t accessible when you need them.</li>
  84. <li><strong>Putting similar situations side-by-side helps you compare them</strong>. Seeing two problems that look similar, but require different solution methods, makes it more likely that you’ll attend to the key distinction between them.</li>
  85. <li><strong>The extra effort needed to retrieve the right response may be desirable</strong>. According to psychologist Robert Bjork’s influential <a href="https://www.researchgate.net/profile/Robert-Bjork-2/publication/281322665_A_new_theory_of_disuse_and_an_old_theory_of_stimulus_fluctuation/links/58b6f20945851591c5d55e96/A-new-theory-of-disuse-and-an-old-theory-of-stimulus-fluctuation.pdf">theory of memory</a>, more difficult retrieval results in greater memory strengthening than easier retrieval. Thus, more variable practice is likely more efficient practice.</li>
  86. </ul>
  87. <h2>Abstracting the Deep Structure: Same Idea, Different Examples</h2>
  88. <p>Variability plays a role in abstracting the deep structure of seemingly different situations. Experts tend to <a href="https://www.sciencedirect.com/science/article/abs/pii/S0364021381800298">perceive the deep principles</a> of a particular problem. In contrast, novices tend to get distracted by the superficial features.</p>
  89. <p>Physics experts, for instance, tend to look at problems and see “conservation of energy” or “forces must be balanced if an object isn’t moving.” In contrast, novices tend to look at problems and see “it’s one with a pulley” or “it’s an incline-plane problem.”</p>
  90. <figure class="wp-block-image size-large"><img decoding="async" loading="lazy" src="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-1024x512.jpg" alt="" class="wp-image-14608" srcset="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-1024x512.jpg 1024w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-300x150.jpg 300w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-768x384.jpg 768w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-1536x768.jpg 1536w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px"></figure>
  91. <p>The exact role of concrete versus abstract representations in thinking is controversial in cognitive psychology.</p>
  92. <p>Some theorists argue that we reason through <a href="https://psycnet.apa.org/record/1989-98035-006">storing multiple</a>, <a href="https://psycnet.apa.org/doiLanding?doi=10.1037%2F0033-295X.95.4.492">specific instances of ideas</a>. Others argue that we erase the specifics, leading to <a href="https://en.wikipedia.org/wiki/Prototype_theory">generic stereotypes</a> of situations we deal with. Regardless of whether thinking is fundamentally concrete or abstract (or some mixture of both), seeing multiple examples is central to learning.</p>
  93. <p>A central principle of the highly-successful teaching strategy, <a href="https://en.wikipedia.org/wiki/Direct_instruction">Direct Instruction</a>, is to present students with examples that span the full range of possibilities for a concept. So instead of teaching students to recognize the letter “a” by showing students the exact same letter, we would show “a” in a variety of fonts and typefaces. A student learns that all of these as represent the same “thing” by being exposed to multiple, varying examples:</p>
  94. <figure class="wp-block-image size-large"><img decoding="async" loading="lazy" src="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-1024x512.jpg" alt="" class="wp-image-14605" srcset="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-1024x512.jpg 1024w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-300x150.jpg 300w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-768x384.jpg 768w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-1536x768.jpg 1536w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px"></figure>
  95. <h2>Ensuring Robust Learning: Same Strategy, Varied Problems</h2>
  96. <p>A substantial challenge in learning is that the mind economizes on effort. This means we often fall prey to psychological shortcuts that give us the correct answer, even if they won’t benefit us in future situations.</p>
  97. <p><a href="https://journals.plos.org/ploscompbiol/article?id=10.1371/journal.pcbi.1003425">One study</a> that looked at this required participants to predict a trajectory. Some participants were given a low-variability condition which only involved a few different paths. Other participants were given a high-variability condition which involved a much larger set of different trajectories.</p>
  98. <p>The researchers found that the method participants adopted depended on the variability of the task. When variability was low, participants simply memorized the pattern. In contrast, when variability was high, they simulated the trajectory to find the likely destination.</p>
  99. <p>This result shows that when practice has low variability, we often adopt shortcuts that won’t necessarily generalize to the broader conditions of a task. These effort-saving maneuvers aren’t always conscious, so it’s not simply a matter of laziness. This is one reason I caution students when using flashcards for subjects like mathematics. If you’re not careful, it’s easy to design cards where you memorize the answer (x = 7) and not the method.</p>
  100. <h2>Evolving Practice: Same Problems, Varied Strategies</h2>
  101. <p>Thus far, we’ve discussed variable contexts, examples, or task conditions. But having multiple methods for getting the right answer is also an important part of mastering complex skills.</p>
  102. <p>In contrast to the classical view that experts and novices use a particular method, developmental psychologist Robert Siegler finds that people use <a href="https://www.amazon.ca/Emerging-Minds-Process-Childrens-Thinking-ebook/dp/B000QTD49E/ref=tmm_kin_swatch_0?_encoding=UTF8&amp;qid=&amp;sr=">multiple methods to come up with answers</a>. In his study of how addition strategies children use evolve, he discovered that most children used at least three techniques. Even college students will use multiple methods for single-digit arithmetic.</p>
  103. <p>Following this data, Siegler proposed the “moderate experience hypothesis.” Strategy variability will be highest when we have some, but not a lot, of experience.</p>
  104. <p>Vimla Patel has documented a <a href="https://onlinelibrary.wiley.com/doi/abs/10.1111/j.1365-2923.1991.tb00106.x">similar pattern in the thinking of medical students</a>. Intermediate students, but not novices or experts, show the most elaborations in their reasoning about medical cases.</p>
  105. <p>Siegler argues that this variability is beneficial. First, the “best” strategy depends on the current skill level. Direct retrieval of the correct addition fact (7 + 5 = 12) is easiest—but this strategy only works when we’re confident we know the right answer. Having an assortment of backup methods is helpful in situations when we have lower confidence.</p>
  106. <figure class="wp-block-image size-large"><img decoding="async" loading="lazy" src="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-1024x512.jpg" alt="" class="wp-image-14610" srcset="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-1024x512.jpg 1024w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-300x150.jpg 300w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-768x384.jpg 768w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-1536x768.jpg 1536w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px"></figure>
  107. <p>Having multiple strategies for solving a problem is vital when you aren’t yet at the level of mastery. It ensures not only backups you can fall upon when more difficult methods fail, but it gives different reasoning paths to reach the right answer.</p>
  108. <h2>Avoiding Local Optima: Same Challenge, Varied Task Constraints</h2>
  109. <p>A classic learning dilemma is avoiding methods that work well enough, but aren’t the best. In this view of learning, progress is like trying to find the highest point in a vast forest. It makes sense to keep climbing until you reach a peak, but getting stuck on a small hill is easy—even if there’s a taller mountain nearby.</p>
  110. <p>Climbing downhill is hard and feels counterproductive. We instinctively avoid changes that make our performance worse than it might otherwise be, even if we suspect it is good for us in the long run.</p>
  111. <p>One way out of this trap is to practice with variable constraints that prevent using the dominant strategy. A rock climber who leans toward explosive, dynamic jumps might explore a new style by climbing with the constraint of pausing for a second before each new hold. A writer who relies on personal stories might make a rule to avoid them for a future essay.</p>
  112. <h2>When is Variability Good? Watching Out for Cognitive Overload</h2>
  113. <p>Most research supports the benefits of variability in practice. However, less-variable practice is often <a href="https://link.springer.com/article/10.1007/s10648-019-09462-8">better for beginners or lower-performing students</a>. The logic here is relatively straightforward—if you can’t perform a method under helpful, simplified conditions, you probably won’t benefit from making things harder.</p>
  114. <p>Having variable methods may also backfire if some of those methods are buggy or flawed. Researchers have found that <a href="https://www.lri.fr/~mbl/Stanford/CS477/papers/RepairTheory-SeelyBrown.pdf">broken algorithms</a> for basic mathematical procedures lead to difficulty in learning more complex algorithms, such as multi-digit subtraction problems.</p>
  115. <p>These two considerations moderate the extreme stance that all variability is good when learning. Instead, we want to see a slow ramp-up in variability. Learning should start with clear instructions and concrete examples when a skill is new and expand into increasingly broad contexts as we progress.</p>
  116. <h2>Applying Variability to Learning</h2>
  117. <p>Given this research evidence, how can we apply variability to learn better?</p>
  118. <ul>
  119. <li><strong>Mix up your problems</strong>. If you have to study problems, mix them up so there aren’t clues telling you what strategy you need to apply. Mix together Unit One and Unit Two—and don’t indicate which problems come from which sections.</li>
  120. <li><strong>Choose opportunities with greater variability</strong>. Management consultants who work for a wide range of clients are more likely to learn broad principles than those who work only with a single firm or industry. Psychologist Gary Klein <a href="https://www.amazon.com/gp/product/0262532816/ref=ox_sc_saved_title_9?smid=A3DWYIK6Y9EEQB&amp;psc=1">reports</a> that inner-city firefighters progress much faster than rural firefighters, owing to the more varied firefighting conditions. Choosing jobs with greater variability early in your career may lead to better skill development than narrow specializations.</li>
  121. <li><strong>Work with multiple teachers, peers and styles</strong>. Learning a language, for instance, benefits from <a href="https://psycnet.apa.org/record/2013-18820-001">exposure to different speakers</a>, accents and speaking styles. Learning from several teachers is more likely to promote diverse perspectives. Having a variety of peers exposes you to different strategies and is less likely to get you in a rut.</li>
  122. <li><strong>Add constraints that force you away from dominant strategies</strong>. Performing skills under different constraints forces you to explore wider areas of the <a href="https://www.scotthyoung.com/blog/2022/03/28/human-problem-solving/">problem space</a>. This added variability helps you discover new strategies and kicks you out of ruts that can develop when an easy, but sub-optimal, method is relied on.</li>
  123. </ul>
  124. </article>
  125. <hr>
  126. <footer>
  127. <p>
  128. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  129. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  130. </svg> Accueil</a> •
  131. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  132. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  133. </svg> Suivre</a> •
  134. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  135. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  136. </svg> Pro</a> •
  137. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  138. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  139. </svg> Email</a> •
  140. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  141. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  142. </svg> Légal</abbr>
  143. </p>
  144. <template id="theme-selector">
  145. <form>
  146. <fieldset>
  147. <legend><svg class="icon icon-brightness-contrast">
  148. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  149. </svg> Thème</legend>
  150. <label>
  151. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  152. </label>
  153. <label>
  154. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  155. </label>
  156. <label>
  157. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  158. </label>
  159. </fieldset>
  160. </form>
  161. </template>
  162. </footer>
  163. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  164. <script>
  165. function loadThemeForm(templateName) {
  166. const themeSelectorTemplate = document.querySelector(templateName)
  167. const form = themeSelectorTemplate.content.firstElementChild
  168. themeSelectorTemplate.replaceWith(form)
  169. form.addEventListener('change', (e) => {
  170. const chosenColorScheme = e.target.value
  171. localStorage.setItem('theme', chosenColorScheme)
  172. toggleTheme(chosenColorScheme)
  173. })
  174. const selectedTheme = localStorage.getItem('theme')
  175. if (selectedTheme && selectedTheme !== 'undefined') {
  176. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  177. }
  178. }
  179. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  180. window.addEventListener('load', () => {
  181. let hasDarkRules = false
  182. for (const styleSheet of Array.from(document.styleSheets)) {
  183. let mediaRules = []
  184. for (const cssRule of styleSheet.cssRules) {
  185. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  186. continue
  187. }
  188. // WARNING: Safari does not have/supports `conditionText`.
  189. if (cssRule.conditionText) {
  190. if (cssRule.conditionText !== prefersColorSchemeDark) {
  191. continue
  192. }
  193. } else {
  194. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  195. continue
  196. }
  197. }
  198. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  199. }
  200. // WARNING: do not try to insert a Rule to a styleSheet you are
  201. // currently iterating on, otherwise the browser will be stuck
  202. // in a infinite loop…
  203. for (const mediaRule of mediaRules) {
  204. styleSheet.insertRule(mediaRule.cssText)
  205. hasDarkRules = true
  206. }
  207. }
  208. if (hasDarkRules) {
  209. loadThemeForm('#theme-selector')
  210. }
  211. })
  212. </script>
  213. </body>
  214. </html>