Interleaved Practice for UX & Coding

Introduction

Welcome back! In our last lesson, we explored the "why" behind interleaving, establishing that mixing related topics is a powerful way to train your brain to discriminate between concepts. We learned that while it feels harder in the moment, it leads to more flexible and durable knowledge.

Today, we move from theory to practice. This lesson is all about the "how." Our goal is to apply interleaved practice when learning multiple UX methodologies or coding functions. You'll walk away with a clear, step-by-step method for structuring your study sessions to build the kind of adaptable expertise that's essential in design and development. This directly targets your goal of improving how you apply what you learn in real-world contexts.

From "How" to "When": The Core of Interleaving

The most significant shift from blocked to interleaved practice is changing the question you answer.

• Blocked practice trains you on how to execute a single, known procedure.
• Interleaved practice trains you on when to use which procedure from a set of options.

This second skill—choosing the right tool for the job—is the hallmark of an expert. In your work as a UX designer, you're rarely told, "go conduct a card sort." Instead, you're faced with a problem, like "our navigation is confusing," and you must decide that card sorting is the appropriate method. Interleaving builds this exact decision-making muscle.

To hear this crucial distinction explained, let's watch a segment from a video on study hacks.

A 3-Step Guide to Designing an Interleaved Session

So, how do you actually build an interleaved practice session? It's a straightforward process.

Let's summarize and adapt those steps for your specific goals:

1. Identify Related Concepts: Choose 2-4 distinct but related topics you want to learn. For example, different UX research methods, Gestalt principles, or a set of JavaScript array methods (.map(), .filter(), .reduce()).
2. Create Practice Problems: For each concept, generate a few small problems or questions. The key is that each problem should prompt the application of that concept, not just its definition.
3. Mix Them Up: Arrange the problems in a random or systematic order so you are constantly switching between concepts.

Choosing Your Mix: Interleaving Patterns

How you mix the problems can vary. A simple random shuffle works well, but you can also be more systematic.

To quickly recap those patterns:

• ABCABC...: Quick switches, ideal for reinforcing the discrimination skill.
• AABBCC...: A bit more time on each topic before switching, a good balance.
• AAABBBCCCABC...: A mini-block followed by a quick interleaved review. This can be useful when you're still solidifying the basics of each topic.

Now, let's apply this framework to your areas of interest.

Application 1: Interleaving UX Methodologies

Let's use a common UX framework you're already familiar with: Design Thinking. The five stages are distinct but related, making them perfect for interleaved practice.

Blocked Practice (Less Effective):

• Monday: Read 3 articles about user interview techniques (Empathize).
• Tuesday: Practice writing 5 "How Might We" statements (Define).
• Wednesday: Run a 1-hour brainstorming session (Ideate).

Interleaved Practice (More Effective):
Create a series of mini-scenarios and mix them up in a single study session. Each scenario should be a snapshot of a project that requires you to identify the stage and propose a relevant action or method.

Example Problem Set:

• Problem A (Ideate): Your team has confirmed that users struggle with finding past orders in an e-commerce app. You need to generate a broad range of potential solutions. What method would you use? (e.g., Brainstorming, Crazy 8s).
• Problem B (Test): You have a clickable prototype for a new "order history" feature. You need to know if users can complete the core task and identify any usability issues. What method would you use? (e.g., Moderated Usability Testing).
• Problem C (Empathize): A startup wants to create a new mobile app for tourists, but they have no clear idea what problems tourists actually face. What is the very first research activity you would recommend? (e.g., Contextual Inquiry, User Interviews).

Practicing with a mixed set like this forces you to analyze the problem and retrieve the appropriate method, just as you would in your job.

Application 2: Interleaving Coding Functions

This is also highly effective for learning programming, where it's common to learn concepts in isolated blocks (e.g., a chapter on loops, a chapter on arrays).

Let's take the foundational layers of a webpage as our example.

Goal: Learn to create a simple, interactive component.

Blocked Practice (Less Effective):

• Hour 1: Learn all about the <button> and <p> HTML tags.
• Hour 2: Learn all about the CSS color and font-size properties.
• Hour 3: Learn how to use the JavaScript onClick event.

Interleaved Practice (More Effective):
Structure your practice around a mini-project, with tasks that force you to switch between HTML, CSS, and JavaScript.

Example Interleaved Task List:

1. HTML: Create a file with a single <button> element with the text "Show message" and a <p> element that is initially empty.
2. CSS: Give the button a blue background and white text.
3. JS: Write a script that, when the button is clicked, adds the text "Hello World!" to the empty <p> element.
4. CSS: Add a hover effect that slightly darkens the button's background color.
5. JS: Modify your script so that clicking the button toggles the message's visibility.
6. HTML: Add an id attribute to your <p> tag to make your JavaScript selector more robust.

This approach is powerful because it mirrors how features are actually built. It connects the what (a CSS property) with the why (to make this specific button look better). The "Practical Guide" article you read earlier (LINK) includes a worksheet template for planning this kind of session. You can adapt that table for any coding project you tackle.

Final Tips for Implementation

Here are a few extra tips to help you get started.

A particularly low-tech but effective strategy, mentioned in the video by Artem Kirsanov, is to write each practice problem on a separate index card or sticky note (or take a screenshot of each) and then simply shuffle the deck. This ensures a truly random mix and makes it easy to create practice sessions on the fly.

Conclusion

You now have a practical framework for applying interleaved practice. By moving beyond blocked drills and embracing mixed practice, you are actively training yourself to think like an expert—analyzing a situation, selecting the right tool, and applying it effectively.

Key Takeaways:

• Interleaving trains you on when to use a skill, which is a more critical and transferable ability than just knowing how.
• You can design a session in three steps: Identify related concepts, create small practice problems, and mix them up.
• Use established patterns (like ABCABC or AABBCC) to structure your mixed practice.
• This method is highly effective for learning both UX methodologies (by using scenarios) and coding functions (by building integrated mini-projects).

What's Next?

We've now covered spacing your practice over time (spacing effect) and mixing up topics within a session (interleaving). In the next lesson, we will add another layer of depth by exploring how to use varied examples and contexts during practice to improve concept generalization. This will help you take a skill learned in one context (e.g., applying a UX principle to a finance app) and successfully transfer it to a completely different one (e.g., a healthcare app), making your knowledge even more powerful and flexible.