Connect and Conquer: Elaborative Encoding for UX Design

Introduction

Welcome back! In our last lesson, we focused on when to review information to combat the forgetting curve, establishing the power of spaced repetition. We learned that interrupting the forgetting process at strategic intervals is key to long-term retention.

Today, we shift our focus from the timing of your review to the quality of your initial learning. This lesson addresses the learning outcome: Use elaborative encoding by connecting new information to your existing knowledge of UX design.

You've expressed a desire to not only remember information but also to apply it effectively. Elaborative encoding is a cornerstone technique for achieving this. It's about transforming passive consumption of information into an active process of building connections. Instead of treating new facts as isolated islands, you'll learn to build bridges between them and the vast continent of knowledge you already possess as a UX designer.

From Storage to Construction: A New Model for Memory

A common misconception is that memory works like a hard drive, where we simply save and retrieve files. A more accurate model is to think of memory as something we construct. The strength and longevity of a memory depend on the quality of that construction.

This short video clip introduces this powerful idea.

The central idea is that passively reading or watching something is like building a flimsy cardboard box—it falls apart quickly. To build a robust, lasting memory, we need to engage in a more effortful construction process. This process is called encoding, and one of the most effective methods for deep encoding is elaboration.

What is Elaborative Encoding?

Elaborative encoding is the process of actively connecting new information to your existing knowledge. Instead of just trying to memorize a new fact in isolation, you ask questions about it, compare it to things you already understand, and think about its implications.

To get a precise definition and see how it contrasts with common but ineffective strategies, let's turn to a short reading.

As the article states, rereading leads to familiarity ("I've seen this before"), but elaboration leads to true understanding and application ("I know when and how to use this"). Each connection you build acts as a retrieval cue—a mental pathway that can lead you back to the original information when you need it. The more pathways you have, the easier it is to find what you're looking for.

How to Practice Elaborative Encoding: A 3-Step Framework

Knowing what elaboration is and knowing how to do it are two different things. Your goal is to find actionable methods, so let's use a systematic framework for applying it.

The Unisium article you just read outlines a clear, three-step process. We'll focus on Step 2, which is the heart of the technique.

To summarize, the core practice involves interrogating a new concept with four types of questions:

1. Within-Principle: What are its parts? How do they relate to each other?
2. For-Principle: What is its purpose? When does it apply (and when does it not)?
3. Between-Principles: How is this similar to or different from other concepts I know?
4. Examples and Applications: What does this look like in the real world? Can I create my own example?

A simple yet incredibly powerful way to practice this, especially for the "Between-Principles" and "Examples" questions, is by creating analogies. An analogy is a bridge between the new and the familiar. The act of building that bridge forces you to think deeply about the structure of the new concept.

Applying Elaboration to UX Design: A Worked Example

Let's make this concrete by applying the four-question framework to a concept you might encounter: Jakob's Law of Internet User Experience.

Jakob's Law states: Users spend most of their time on other websites. This means that users prefer your site to work the same way as all the other sites they already know.

Step 1: Interrogate the Principle

• (Within-Principle) What are the core components?

  • The user's existing mental models, built from experience on other sites.
  • The user's expectation of familiar patterns and conventions.
  • The consequence: violating conventions increases cognitive load.

• (For-Principle) When does it apply?

  • It's critical for common, high-traffic patterns like e-commerce checkout flows, navigation menus, and login forms. Users expect these to work in a standard way.
  • Edge Case: When might it not apply? In highly specialized, expert software (like a flight simulator or complex 3D modeling tool) where a novel interaction model might be more efficient once learned. Or in a purely artistic/experiential site designed to deliberately subvert expectations.

• (Between-Principles) How does it relate to other concepts?

  • It's a specific application of Nielsen's Usability Heuristic #4: Consistency and Standards.
  • It has an interesting relationship with the Aesthetic-Usability Effect. A design might look beautiful and unique, but if it violates Jakob's Law too much, its usability will suffer, which in turn can harm the user's perception of its beauty.
  • Analogy: Applying Jakob's Law is like designing a rental car. You can innovate on the sound system or seat comfort, but the steering wheel, pedals, and turn signal must be in the standard places. If a driver has to re-learn how to drive, the car has failed, no matter how nice the leather is.

• (Examples & Applications) Where can I see this in action?

  • Look at this screenshot of Google Flights.

  
  This is an example of Jakob's Law in action. The layout with 'From' and 'To' fields, a calendar for dates, and prominent filters on the left or top is a deeply ingrained convention across travel and e-commerce sites. Google leverages this existing mental model rather than reinventing it.

  • Counter-Example: Imagine a shopping cart icon placed in the bottom-left corner of an e-commerce site instead of the top-right. This would violate Jakob's Law and likely lead to user confusion and abandoned carts.

By going through this structured questioning, you've moved far beyond simply memorizing the definition of Jakob's Law. You've built a rich network of connections that helps you understand its nuances, know when to apply it, and explain it to others.

Conclusion

In this lesson, you've added a powerful technique to your learning toolkit. You now have a framework to move beyond passive review and start actively constructing durable, interconnected knowledge.

Key Takeaways:

• Memory is Constructed: Effective learning is not about passive storage but about the active, effortful construction of knowledge.
• Elaboration Builds Networks: Elaborative encoding creates a rich web of connections (retrieval cues) between new and old information, making recall easier and more reliable.
• Use a Structured Framework: You can practice elaboration systematically by asking targeted questions about a new concept: what are its parts (Within), when does it apply (For), how does it relate to other ideas (Between), and what are its real-world examples (Applications).
• Analogies are Powerful: Creating analogies is a fast and effective way to build a bridge between a new, abstract concept and your existing, concrete knowledge.

In our next lesson, we will explore the generation effect. You'll learn why attempting to answer a question before you know the answer is one of the most effective ways to study. You'll see that generation is, in fact, a practical way to force yourself to engage in the very elaborative thinking we discussed today.