Skip to content
Skip to content

Making Design Memorable and Actionable

This primer covers the science of how the human brain encodes, consolidates, retrieves, and acts on visual information—and what that means for design. It connects memory research and behavioral science to practical design strategy, written for design students, instructors preparing lectures, and professionals who want to understand why some designs are remembered and acted upon while others vanish without trace.

How to Use This Primer

Read this straight through if you want the architecture and principles that connect memory science to design practice. Dip into specific sections if you need to understand why a particular critique matters, or what neurological evidence supports a given design decision. The point is not to memorize terms or studies, but to understand the causal chain: how the brain encodes visual information, what determines whether that information sticks, and how memory shapes behavior. Every principle here has a source in cognitive neuroscience, and every source has design implications that inform whether a design succeeds. The central thesis is this: a design that is not remembered has failed. A design that is not acted upon has failed.

This primer reframes how you think about design success. Keep it accessible during critique sessions to reference which memory or behavioral mechanisms a design is failing to activate.

Preface

There is a sentence that has become increasingly important in design education: a design that is not remembered has failed. A design that is not acted upon has failed. These two statements change everything about how you think as a designer.

Most students enter design school believing the job is to make something beautiful. They accumulate skills in software. They study color, composition, typography, and imagery. They learn to iterate and refine. They learn to defend decisions in critique. But underneath all of that, there is often an unexamined assumption: that design is primarily about visual form, and that form is justified by aesthetic principles.

This primer is written to overturn that assumption.

Design is not primarily about beauty. Design is about how the human brain works. Specifically, it is about how the brain encodes, consolidates, retrieves, and acts on visual information. A design can be technically beautiful and still fail if it does not encode into memory. A design can be visually simple and still succeed if it leverages the deep mechanisms of encoding and retrieval. A design can be memorable but useless if it does not drive behavior. A design can be actionable but forgotten if it does not survive the encoding process.

Understanding these mechanisms is not peripheral to design education. It is the foundation. It is the reason every critique criterion exists. It is the scientific ground beneath every judgment you will hear about whether a design works.

This primer establishes that ground. It moves through the sequence: from the fleeting iconic impression that precedes conscious awareness, through the narrow bottleneck of working memory, into the encoding mechanisms that determine what sticks, into the retrieval systems that determine what can be found when needed, and finally into the behavioral systems that turn memory into action. Along the way, you will encounter the evidence: the studies that document how the brain handles visual information, the thresholds and limits that constrain what design can do, and the leverage points where design choices produce disproportionate impact on memorability and actionability.

The larger goal is to give you a way of thinking about design that is grounded in how people actually work, not in taste or trend or abstract principle. After reading this, you should understand that when someone says a design is “cluttered” or “unclear” or “forgettable,” they are not being subjective. They are describing a failure in one of the mechanisms documented here. And you should understand what it takes to fix it.

Part I. How the Brain Encodes Visual Information

1. The Memory System Is Not One System

Begin with this fact: human memory is not a single container. It is a hierarchy of distinct subsystems, each with different capacities, different durations, and different failure modes. A design can fail at any level of that hierarchy. It may never reach conscious attention. It may overload the temporary processing system. It may be processed but never stored. It may be stored but never retrieved when needed. It may be retrieved but never translated into action.

These failures look different at each stage, and understanding them is not academic background. It is a direct map to the failure modes that thoughtful critique criteria are designed to detect.

The first stage is sensory memory. The moment a viewer encounters a design, their visual system captures a nearly perfect, full-field visual snapshot. Sperling (1960) demonstrated this through a simple experiment: he flashed arrays of letters for fifty milliseconds and then asked viewers to report what they saw. When he cued them immediately, they could report almost any letter, even letters they had not consciously attended to. The snapshot was complete. But the snapshot lasted only about 250 milliseconds before fading entirely. If attention did not select items from that buffer and move them to the next stage, they disappeared forever. No trace remained.

This has a direct design implication: you have 250 milliseconds to capture attention. In that window, everything in your visual field is available for processing, but only the elements that are sufficiently distinct will be selected for further processing. After 250 milliseconds, unattended elements vanish from the perceptual system. They never reach consciousness. They never enter working memory. The viewer has no memory of them at all.

The second stage is working memory. This is where conscious design evaluation happens. This is where the viewer actually thinks about what they are seeing. But working memory is severely limited. Baddeley and Hitch (1974) described it as a multi-component system: a central executive that controls attention, a phonological loop that handles language, a visuospatial sketchpad that handles visual and spatial information, and an episodic buffer that integrates across all three. But even with multiple components, the total capacity is narrow. Cowan (2001) revised earlier estimates downward: when viewers encounter new material, working memory can hold about three to five distinct chunks of information at any given time. A chunk is a meaningful unit. An unfamiliar visual element counts as one chunk. A group of related elements that share visual attributes and are clearly grouped together counts as one chunk. When you exceed working memory capacity, the viewer experiences cognitive overload. They cannot maintain a coherent representation of what they are seeing. The design fails.

The third stage is long-term memory. This is where information is stored for days, weeks, years, or a lifetime. Long-term memory is not one system either. It is divided into semantic memory (facts and concepts), episodic memory (personal experiences), and procedural memory (skills and behaviors). A design can be stored in any of these systems, but the durability of the memory depends on how deeply the information is encoded. And encoding depth depends on the mechanisms discussed in Part II.

2. The Iconic Gate

The first design principle flows directly from Sperling’s work: design cannot control what enters sensory memory. Everything in the visual field enters. Design can only control what gets selected from sensory memory for transfer to working memory. That selection is governed by two mechanisms: the saliency map and the feature detection system.

The saliency map is computed pre-attentively by the visual system. Certain features capture attention automatically without conscious effort: high contrast, motion, color discontinuity, extreme size. If your design puts its most important element in the position of highest contrast or greatest color discontinuity, that element is statistically more likely to be selected from the iconic buffer and transferred to working memory.

The feature detection system works alongside this. Treisman’s research (1980) on visual search established that some features are processed in parallel across the entire visual field without requiring conscious attention, while others require serial, attention-dependent processing. Color pops out. Orientation pops out. Motion pops out. Conjunction of features does not pop out and requires attention-dependent search. This is why a red element stands out from a field of blue elements, but a red horizontal element does not stand out from a field of red vertical elements.

These mechanisms are not controllable by conscious effort. They are bottom-up processes. But they are predictable. If you want your most important element to survive the iconic gate, put it where the saliency map predicts it will be selected. Make it sufficiently distinct from its surroundings that the feature detection system identifies it as a discontinuity.

3. The Working Memory Bottleneck

Once attention selects elements from the iconic buffer, they enter working memory. This is where the design becomes conscious. This is where the viewer actually processes meaning. But working memory is the narrow gate through which all comprehension must pass.

Cowan’s research established that the capacity limit is three to five chunks for unfamiliar material. This is not five pieces of information if you count every word and every shape. A chunk is a meaningful unit. The design that presents five clearly distinct, visually grouped regions costs five chunks. The design that presents those same five regions with no explicit grouping cues may cost ten chunks, because each visual element competes for attention independently.

This is why visual hierarchy is not an aesthetic preference. It is a cognitive necessity. When you apply the Gestalt principles—proximity, common region, similarity—you are not making the design prettier. You are actively reducing the chunk cost by grouping elements into larger perceptual units. The design that presents nine elements arranged into three clear groups costs three chunks of working memory. The design that presents nine elements scattered without grouping exceeds working memory capacity immediately.

Cowan’s work also established that rehearsal can maintain information in working memory temporarily, but the duration is brief. About fifteen to thirty seconds with active rehearsal. After that, without transfer to long-term memory, the information decays. This is why a design viewed for three seconds and then removed from the viewer’s environment has almost no chance of being remembered unless it achieves deep encoding during those three seconds.

Part II. Depth of Processing and Encoding Strength

4. The Three Levels of Processing

The critical question is not how much exposure a design receives. The critical question is how deeply that exposure is processed. This is the work of Craik and Lockhart (1972), and it is the most influential principle in memory science. Their framework explains why some designs survive in memory and others vanish without trace, regardless of how much time the viewer spends looking at them.

4.1 Structural Processing: Surface Features

At the shallowest level is structural processing. This is processing that focuses exclusively on the physical form of elements: the shape of the letters, the color of backgrounds, the visual texture, the typeface style. When a viewer encounters a design structurally, they are noticing that it looks good, that the colors are pleasant, that the typography is interesting. But they are not thinking about what any of it means.

Designs processed at the structural level produce weak memory traces. When asked later what they remember, viewers report impressions: “there was a nice design” or “the colors were pretty.” But they cannot recall specific content. They cannot remember what the design was communicating. They cannot remember what action they were supposed to take. A structurally beautiful design that demands only structural processing is memorable as an aesthetic experience and forgettable as a message.

This is not to say that structural processing is worthless. Visual appeal captures attention and initiates engagement. But if the design never progresses beyond structural processing, the viewer will not retain actionable information. The design fails its fundamental purpose.

4.2 Phonemic Processing: Sound and Pattern

At a medium level is phonemic processing. This is processing that focuses on how words and elements sound, their acoustic properties, their linguistic rhythm. A viewer engaging in phonemic processing might notice clever wordplay, poetic language, or rhythmic patterns in the copy. They might enjoy the sound of the language without fully processing its meaning.

Phonemic processing produces stronger memory traces than structural processing, but still weaker than semantic processing. The viewer remembers something about how the design feels to encounter, but the content is not deeply encoded.

4.3 Semantic Processing: Meaning and Significance

At the deepest level is semantic processing. This is processing that focuses on meaning: what the design is communicating, how it connects to existing knowledge and experience, why it matters, what it asks the viewer to do or think or feel. Semantic processing requires engagement with the substance of the design, not just its surface or its sound.

Designs that demand semantic processing produce dramatically more durable memory traces. Craik and Tulving (1975) confirmed this through systematic experiments. They presented viewers with words and asked questions that required either structural processing (“Is this word in capital letters?”), phonemic processing (“Does this word rhyme with X?”), or semantic processing (“Would this word fit in the sentence…?”). Later, they tested what viewers remembered. Semantic processing produced dramatically superior retention, even when the exposure time and the frequency of exposure were identical.

This means that a simple, meaningful design can be remembered better than a beautiful but empty design, even if the viewer spends less time looking at the simple design. The quality of processing matters more than the quantity of exposure.

5. How Designs Get Into Long-Term Memory

The critical question is not how much exposure a design receives. The critical question is how deeply that exposure is processed. This is the work of Craik and Lockhart (1972), and it is the most influential principle in memory science.

They identified three levels of processing. Structural processing focuses on surface features: the shape of letters, the color of the background, the visual styling. This is shallow processing. It produces weak memory traces. Phonemic processing focuses on how words sound. This is medium-depth processing. Semantic processing focuses on meaning: what the design communicates, how it connects to existing knowledge, what significance it holds for the viewer. This is deep processing. It produces memory traces that are dramatically more durable.

Craik and Tulving (1975) confirmed this through systematic experiments. They presented viewers with words and asked questions that required either structural processing (“Is this word in capital letters?”), phonemic processing (“Does this word rhyme with X?”), or semantic processing (“Would this word fit in the sentence…?”). Later, they tested what viewers remembered. Semantic processing produced dramatically superior retention, even when the exposure time and the frequency of exposure were identical.

This has profound implications for design. A design that demands only structural processing—a visually interesting composition with appealing colors and beautiful typography—will be recalled as “there was a nice design,” but the viewer will retain no specific content. The design will not be memorable in any actionable sense. A design that demands semantic processing—that makes the viewer think about what it means, how it relates to their experience, what it asks them to do—will encode specific content that can be retrieved later.

5.1 Dual Coding Theory: Two Channels Are Better Than One

The second encoding principle is dual coding theory. Paivio (1971, 1986) established that human cognition operates with two distinct channels: a verbal system for language and symbolic information, and an imagery system for visual, spatial, and perceptual information. These systems are not redundant. They are independent pathways to memory. Information that is encoded in both channels simultaneously is remembered at higher rates than information encoded in only one channel.

This is why concrete imagery outperforms abstract imagery. Concrete images automatically activate both the visual code and the verbal code. A photograph of a red apple activates the visual representation of the apple—the image system processes the shape, color, texture—and simultaneously activates the verbal label “apple”—the language system processes the word. That double encoding creates two retrieval pathways. If the viewer later encounters a cue that connects to the visual, they can retrieve the memory. If they encounter a cue that connects to the verbal, they can also retrieve it. The memory is redundantly encoded.

Abstract shapes with no meaningful referent activate primarily the visual code. There is no corresponding verbal representation to create a dual code. The shape is remembered only as a shape. It cannot be accessed through language or conceptual recall.

The picture superiority effect—the consistent finding that pictures are remembered better than equivalent word labels—flows directly from dual coding: pictures activate both codes while words activate primarily the verbal code. This is not because pictures are inherently simpler or more interesting. It is because pictures trigger automatic verbal labeling while words do not automatically trigger imagery.

For design, this means pairing visual elements with verbal labels whenever possible. A visual system with clear labels is more memorable than the same visual system without labels. An abstract icon is less memorable than a concrete image paired with a label. A photograph of a concept is more memorable than a diagram of the same concept. The principle is straightforward: give the viewer’s brain multiple ways to encode and later retrieve the information.

6. Distinctiveness and the Von Restorff Effect

Now introduce a different encoding mechanism: distinctiveness. Items that are perceptually or conceptually distinctive are remembered at higher rates than similar items. This is the Von Restorff effect, named after the researcher who first documented it (1933).

The mechanism is straightforward: a stimulus that stands out from its context receives more attention in working memory, undergoes deeper processing, and produces a stronger memory trace. This is not the same as saliency in the iconic buffer. Saliency governs what gets selected from sensory memory. Distinctiveness governs how strongly an item is encoded once it is in working memory.

A design element that is visually distinctive relative to its surroundings—a color that does not appear elsewhere, a typographic style that contrasts with the rest of the layout—will be encoded more deeply and remembered more strongly than a similar element that blends with the visual context.

But distinctiveness can be overdone. If every element is equally distinctive, nothing stands out. The design degrades into visual noise. The Von Restorff effect depends on contrast: one distinctive element among similar elements produces the strongest encoding. This is why the visual hierarchy principle centers on creating clear distinctions between primary, secondary, and tertiary elements.

7. Emotional Encoding and Flashbulb Memory

Now add a factor that amplifies encoding strength at the neurological level: emotion. The amygdala, the brain’s emotion center, directly enhances memory consolidation in the hippocampus. Items that evoke emotional arousal are encoded more deeply and retained longer, even without additional repetition.

Cahill and McGaugh (1995) demonstrated this through experiments where viewers were shown either emotionally neutral or emotionally arousing image sequences, with the arousal-inducing elements distributed throughout the sequence. When tested weeks later, viewers who had seen emotionally arousing images remembered not only the arousing images but also the surrounding images at higher rates than viewers who had seen only neutral images. The emotional content amplified encoding for the entire sequence.

This is the neurological basis for the observation that designs that “move people” tend to be remembered better than designs that do not evoke an emotional response. The emotion does not have to be intense. Mild positive affect—a sense of playfulness, warmth, or unexpected delight—is sufficient to activate amygdala-mediated consolidation enhancement.

But emotional encoding has limits. Extreme emotional arousal (fear, disgust, overwhelming sadness) can produce narrowing of attention, where only the most arousing elements are encoded at the expense of surrounding information. This is the flashbulb memory phenomenon documented by Brown and Kulik (1977). The design that attempts to create very strong emotional arousal may succeed in encoding the emotional element while failing to encode the surrounding design context or the actionable message.

Part III. Retrieval, Recognition, and Behavioral Response

8. How Designs Get Out of Memory: Encoding Specificity

Encoding is only half the problem. The other half is retrieval. Information that is stored in long-term memory is not always accessible. Just because something is stored does not mean it can be found when needed. Retrieval depends on retrieval cues: features of the present environment that match features encoded with the original memory trace.

Tulving (1983) established the principle of encoding specificity: information is more likely to be retrieved if the retrieval environment matches the encoding environment, and more likely to be forgotten if the retrieval environment is different. This is not about the amount of information stored. It is about the alignment between encoding context and retrieval context.

Consider the difference between these two scenarios. First: you encounter a compelling design about climate action in a museum exhibition, surrounded by other environmental art, with text explaining the context. Weeks later, someone asks you about climate-action designs. The question itself is a retrieval cue that matches the encoding context, and the memory comes back easily. Second: you encounter the same compelling design in a crowded train station, glancing at it for three seconds while rushing past. Weeks later, the same person asks the same question. The retrieval cue does not match the encoding context. The memory does not surface.

This is why recognition memory—identifying a design you have seen before—is generally easier than recall memory—reproducing the design from memory alone or describing it in detail. Recognition requires only that the present design match the original encoding sufficiently to trigger retrieval. The design itself serves as the retrieval cue. Recall requires that the internal memory representation be precise enough to guide reproduction or description without external cues. The viewer must generate their own retrieval cues from internal memory.

8.1 Recognition vs. Recall in Design Context

For design, this has profound implications. A design that is meant to be encountered repeatedly in the same context (a logo on a package, a consistent page layout in a book, a recurring visual element across a website) can rely on the consistency of retrieval cues. The viewer encounters the design frequently, each time in a similar context, and the repetition strengthens the encoding and provides consistent cues for retrieval. Recognition is easy because the design itself is always present.

But a design that is meant to be encountered once and remembered in a different context (a poster, an advertisement, a one-time experience, a charity gala invitation that is remembered weeks later) must encode the information deeply enough to support recall without strong retrieval cues. The viewer does not have the design in front of them. They must retrieve it from memory in response to a different context. This requires deeper encoding, more elaborate semantic processing, stronger emotional connection, or more distinctive visual elements. The challenge is harder, and the design must work harder to succeed.

9. From Memory to Action: The Actionability Problem

But memorability alone is not enough. The design must drive behavior. This is the problem of actionability. A design can be memorable but not actionable if it does not clearly specify what action the viewer should take, and does not reduce the friction between awareness and action. Conversely, a design can be actionable and fail if the viewer never reaches a state of motivation to act.

9.1 Fogg’s Behavior Model: The Three Conditions

Fogg’s Behavior Model (2009) specifies three conditions that must all be present at the same moment for behavior to occur. First, the viewer must have the motivation to act. This is the domain of messaging and emotional design: what does the design communicate about why the viewer should care? Does it appeal to the viewer’s values, desires, or needs? Second, the viewer must have the ability to act. This is the domain of clarity and accessibility: does the design make clear what action is possible? Is the action physically easy to perform? Does it require specialized knowledge or complex decision-making? Third, the prompt must be present at the moment of motivation and ability. The design must be present and perceptible at the moment the viewer is ready to act.

Many designs fail on the second condition. They communicate a motivation—they inspire feelings about a cause or create desire for a product—but fail to make the action clear. A poster might inspire feelings about environmental action but not clearly specify how to donate, volunteer, or participate. The viewer is motivated. The design is present. But the ability to know what to do is missing. A website might attract attention and create desire but bury the call to action where only highly motivated viewers will search for it. The friction between motivation and action is too high.

Some designs fail on the third condition. They provide clear action paths, but the action is available at the wrong time. A sign at the exit of a concert venue says “Join our mailing list,” but by the time the viewer reads it, they are leaving and have no way to sign up easily. The viewer was motivated inside the venue. But the prompt arrived too late, at the wrong moment.

9.2 Hick’s Law: The Cost of Choice

Hick’s Law documents the cost of excessive choices. When viewers are presented with multiple options, the time to decide among them increases logarithmically with the number of choices (Hick, 1952). This is measurable. A viewer deciding between two action paths makes the decision faster than a viewer deciding between four paths, who is faster than a viewer deciding between eight paths. But more importantly than speed, excessive choices reduce the probability of action at all. A viewer who is only moderately motivated will give up and leave if there are too many options to evaluate. The decision friction becomes higher than the viewer’s motivation to act.

A design that presents two clear action paths requires less cognitive effort than a design that presents eight paths. But the reduction in choice is not just faster. It is more likely to result in action. The person who is 60% motivated to act will abandon a process that requires evaluating eight choices. They will complete a process with two choices.

9.3 Fitts’ Law: The Cost of Physical Effort

Fitts’ Law documents another cost: physical effort. The time required to acquire a target increases with the distance to the target and decreases with the size of the target (Fitts, 1954). This is measurable in milliseconds. A large button near the primary focal point requires less time to reach than a small button far away. This is not subjective preference or usability aesthetics. It is measurable motor cost.

A call-to-action button that is small and far from the primary focal point will have lower engagement than a button that is larger and nearer. The viewer must expend more physical and attentional effort to locate and reach the button. If the viewer is only moderately motivated, this additional friction is sufficient to cause them to abandon the action. The design that respects Fitts’ Law makes the action cost so low that even moderately motivated viewers will follow through.

Part IV. The Design Criteria: Memorability and Actionability

10. What Makes a Design Memorable

There are designs that viewers see once and remember years later. There are designs that viewers see repeatedly and cannot recall. The difference is not exposure time. The difference is how the design leverages the encoding mechanisms documented in Part II.

Synthesizing the mechanisms above, the memorability criteria rest on four integrated foundations.

10.1 Semantic Depth

First, a memorable design is encoded deeply through semantic processing. Semantic processing—thinking about what something means, how it connects to knowledge and experience, why it matters—produces memory traces that are orders of magnitude more durable than structural processing. The viewer has to think about what the design means, not just notice that it looks appealing.

This requires that the design communicate something beyond visual surface. A design that exists only as pleasing colors and interesting shapes will be remembered as a visual experience but not as meaningful content. A design that communicates an idea—that asks the viewer to think about something, to connect concepts, to recognize relationships—demands semantic processing.

The message does not have to be explicit text. It can be conveyed through metaphor, through visual juxtaposition, through spatial relationships that require interpretation. But something must be there for the viewer to process beyond surface features. A design with no message is a decoration. A design with a message is communication.

10.2 Multiple Encoding Channels

Second, a memorable design uses multiple encoding channels simultaneously. It combines visual elements with verbal labels or captions. It creates concrete imagery where possible, not just abstract shapes. It creates dual coding opportunities, where the same information is presented both visually and verbally, giving the viewer multiple retrieval pathways to the same information.

A design that is purely visual will be remembered as visual form. A design that is purely verbal will be remembered as language. A design that presents information in both channels simultaneously will be remembered more strongly because the viewer has built two independent retrieval pathways.

10.3 Distinctiveness Within Coherence

Third, a memorable design creates distinctiveness within coherence. The most important elements are visually distinct relative to the surrounding context. But the context is not chaotic. The design has clear visual hierarchy and grouping. The distinctiveness is perceptual and meaningful, not random or arbitrary.

Coherence matters because it allows viewers to chunk the design into meaningful units, reducing working memory demand. Distinctiveness matters because it ensures that the most important elements are encoded more strongly through the Von Restorff effect. Together, they create a design that is both easy to process and easy to remember.

10.4 Emotional Resonance

Additionally, a memorable design creates emotional resonance. This does not mean being emotionally manipulative or relying on shock value. It means creating something that feels human and authentic, that connects to values or experiences the viewer cares about, that produces mild positive affect or meaningful emotional alignment.

The amygdala enhancement that follows emotional engagement is not an additional feature or a bonus. It is a fundamental amplifier of encoding strength. Information that is emotionally resonant is encoded more deeply and retained longer than information that is emotionally neutral. This is not opinion or preference. This is neurology.

11. What Makes a Design Actionable

An actionable design is one where the path from awareness to behavior is clear and easy. Actionability is not about aggressive marketing or manipulation. It is about respecting the viewer’s intention. If the viewer has decided to act, the design should make action easy. If the design creates motivation, the design should provide an action path. Actionability is fundamentally about honesty: if you want the viewer to do something, make that path visible.

11.1 Clarity of Intent

First, actionability requires clarity of intent. The design must communicate not just what the message is, but what the viewer should do about it. This must be explicit and unambiguous. Viewers will not infer an action path if it is not made evident in the design itself.

11.2 Minimized Decision Friction

Second, actionability requires minimized cognitive load in decision-making. By Hick’s Law, excessive choices create decision friction that delays and prevents action. An actionable design reduces the action path to the most necessary steps. If the goal is to sign up for something, the primary path is sign up. If the goal is to explore multiple options, the design groups those options clearly and presents them in a logical order of likely user intent.

11.3 Minimized Physical Effort

Third, actionability requires minimized physical effort. By Fitts’ Law, the primary call to action should be sufficiently large and sufficiently positioned that the viewer can reach it with minimal navigational cost. The design does not require the viewer to hunt for the action path. The action path finds them.

11.4 Motivation Alignment

Fourth, actionability requires alignment with motivation. The design identifies the viewer’s likely motivation and structures the design to make action easy at the moment the viewer is motivated. A promotional design should put the redemption path where a viewer would look if they wanted to redeem the promotion. An educational design should provide the learning path at the moment the viewer has decided to learn.

12. The Integration: When Memorability and Actionability Align

The strongest designs align memorability and actionability. A design that is memorable but not actionable is a curiosity. A design that is actionable but not memorable is a transaction. A design that is both memorable and actionable is an experience the viewer carries forward.

This alignment is not automatic. It requires intentional design. A design that is memorable might create emotional resonance or visual distinctiveness in ways that do not contribute to clear action paths. A design that is hyper-actionable—stripped down to pure usability—might become visually undifferentiated and forgettable.

The integration is the difficult work. It requires using the encoding mechanisms (semantic processing, dual coding, emotional resonance) in service of clarity. It requires using the action mechanisms (reduced choices, physical accessibility, motivation alignment) in a way that preserves the distinctiveness and coherence that supports encoding.

This is what good design means: design that is both remembered and acted upon, where the mechanisms of memory support the clarity of action.

Part V. Designing for Encoding

13. Making Semantic Depth Visible

The first practical strategy is ensuring that your design demands semantic processing. This requires that you communicate not just decoration but meaning. The goal is to make viewers engage with what the design is saying, not just how it looks.

13.1 Semantic Function of Every Element

At the most basic level, every design element should have a semantic function. It should communicate something about the content or the message. This is the difference between element choice and element purpose.

Colors should relate to emotional or categorical meaning. A red emergency alert button communicates danger. A green “buy now” button communicates positive action. If color is chosen only for visual balance or aesthetic preference—red in this corner because blue is in that corner—the color does not support semantic processing. The viewer sees balance but not meaning.

Typography should relate to the hierarchy of ideas, not just aesthetic preference. A large, heavy typeface should mark primary ideas. A small, light typeface should mark secondary information. If a typeface is chosen because it looks interesting, without relation to the information hierarchy, the viewer processes aesthetics but not structure.

Layout should group elements that are semantically related, separating elements that are semantically distinct. Information about the event date should be grouped together, separate from information about the location. If layout follows only visual balance, the semantic relationships are not communicated.

13.2 Concrete Imagery and Representational Clarity

This is harder than it sounds, because semantic depth often requires content expertise. A designer must understand the content deeply enough to represent it faithfully. A poster about climate change that uses only abstract shapes and colors will not demand semantic processing because viewers cannot extract meaning from abstraction. The same visual surface with concrete imagery—melting ice, coastal flooding, climate refugees, affected communities—creates semantic content that viewers can process deeply.

Concrete means specific, particular, visually graspable. A photograph of a specific person volunteering is more semantically rich than an abstract symbol of volunteering. A specific, named location that is affected by a problem is more concrete than a generic landscape. The more concrete the imagery, the more multiple retrieval pathways exist for the semantic content.

13.3 Structural Clarity and Visual Coherence

Once you have semantic content, make its structure visible. Use hierarchy to show which ideas are primary and which are secondary. Use rhythm and repetition to create coherence. Use contrast to create emphasis. These structural moves translate semantic complexity into visual clarity, allowing viewers to process the meaning efficiently rather than struggling to extract it from visual noise.

A design with strong hierarchy communicates meaning faster because the structure guides the viewer’s attention through the information in a logical order. A design with rhythm and repetition feels coherent, suggesting that the elements belong together and share semantic relationships. A design with strategic contrast highlights the most important ideas.

14. Activating Dual Coding

The second practical strategy is to ensure that your design activates both the verbal and imagery systems simultaneously.

For predominantly visual designs—photography, illustration, motion design—add explicit labels or captions. Do not assume that the visual alone will convey the intended message. The addition of a text label creates a second encoding pathway, increasing the likelihood that the memory trace survives. Research on instructional design (Mayer, 2001) consistently shows that image-plus-label outperforms image alone in retention tests.

For predominantly verbal designs—body copy, headlines, explanatory text—integrate imagery that is concrete and related to the text. A dense paragraph of information benefits from a supporting illustration that makes the concept visual. An instructional text becomes more memorable with step-by-step imagery that the reader can visualize while reading.

The principle is straightforward: every piece of critical information should exist in both channels. Text should be supported by image. Image should be labeled or contextualized through text. Information that exists only as image or only as text will have only one encoding pathway and therefore lower retention.

15. Creating Productive Distinctiveness

The third practical strategy is leveraging the Von Restorff effect without creating visual chaos.

Identify the single most important element or the two or three most important elements in your design. These are what you want encoded most strongly. Make these elements perceptually distinct: give them a color that does not appear elsewhere, a typographic style that contrasts with the rest, a visual scale that stands out from the surrounding elements.

Everything else should be visually coherent. Use a consistent color palette. Use a single typeface family or a carefully coordinated pair. Maintain consistent rhythm and spacing. This creates a visual context in which the distinctive elements genuinely stand out.

The test is this: after viewing the design for five seconds and then looking away, what elements can you still see in your mind? What stands out? Those are likely the elements encoded most strongly. If they are your intended focal points, the design is working. If they are not, you have misaligned distinctiveness and intent.

16. Building Emotional Coherence

The fourth practical strategy is creating mild, appropriate emotional resonance. The goal is to activate amygdala-mediated encoding enhancement without creating manipulative or inauthentic emotional appeals.

16.1 Emotional Tone and Coherence

This does not require being sentimental or manipulative. It requires designing with the understanding that viewers are human beings with values, experiences, and attachments. A design that acknowledges these dimensions will create more engagement and better encoding than a design that treats viewers as purely logical beings.

At the simplest level, this means attending to the emotional tone of every element. Does the color palette feel warm or cool, energetic or calm, playful or serious? Warm colors (reds, oranges, yellows) create feelings of warmth and energy. Cool colors (blues, greens, purples) create feelings of calm and reflection. Does the typography feel formal or friendly, precise or loose, traditional or contemporary? A formal serif typeface signals authority and tradition. A loose, organic typeface signals friendliness and humanity. Does the imagery feel aspirational or achievable, abstract or concrete, clinical or human? Images of human faces and human contexts create connection. Clinical, dehumanized imagery creates distance.

These choices are not just aesthetic. They are emotional cues that viewers respond to pre-consciously, below the level of conscious awareness. A design with incongruent emotional cues—energetic colors paired with rigid, formal typography, aspirational imagery paired with clinical, detached labeling—creates cognitive dissonance. Viewers experience the design as conflicted or untrustworthy. The emotional signals contradict each other.

A design with coherent emotional cues creates a unified experience that feels intentional and trustworthy. Every choice—color, type, imagery, spacing, tone of copy—reinforces the same emotional message. This coherence is what makes a design feel “right,” even if the viewer cannot articulate why.

16.2 Moments of Surprise and Delight

The second level is creating moments of surprise or delight. This does not require elaborate special effects. It can be as simple as an unexpected color choice, a moment of visual wit, an insight that the viewer did not anticipate. These moments break the pattern of expectation and activate attention. They activate the amygdala and enhance consolidation. The emotional content amplifies encoding for the entire design, not just the surprising element.

But they must align with the overall tone. A moment of humor that contradicts the rest of the message produces dissonance, not delight. A serious, formal design with a sudden joke feels broken, not clever. A playful design with a sudden moment of coldness feels mean. The surprise must feel like a natural extension of the design’s voice, not a disruption of it.

The most effective surprises are moments of human recognition or warmth that the viewer did not expect. A formal corporate design that includes a moment of visible human emotion. A playful design that acknowledges something the viewer cares about seriously. These moments create connection because they show that the designer understood something human about the viewer’s experience.

Part VI. Designing for Action

17. Clarity of Intent

The foundation of actionability is this: every viewer should know, after encountering your design, what they are supposed to do next. This requires explicit communication of intent, not assumptions about what viewers will infer.

17.1 Single Primary Action

This requires that you identify a single primary action. Not multiple options, not a menu of possibilities—a single clear action that serves the dominant use case or the primary conversion goal. If the design is a button, what does the button do? If the design is a poster, what should the viewer do after reading it? If the design is a landing page, what is the primary conversion or interaction? Identify that action explicitly and make it the focal point of the design.

The action should be visible in the copy and in the visual hierarchy. It should not require inference. The viewer should not have to guess what they are supposed to do. They should not have to remember the action after they have moved their attention away from the design. The design should continue to specify the action throughout the encounter, not just at the beginning.

17.2 Handling Multiple Audiences

This becomes harder as designs become more complex or as they serve multiple audiences. A website might need to serve both first-time visitors and returning customers. A printed piece might need to serve multiple use cases: some viewers want to purchase, some want to learn more, some want to find contact information. But even in complexity, there should be a hierarchy: a primary action that serves the dominant use case, with secondary paths visible but not obstructing the primary path.

The test is this: if a viewer spends thirty seconds with your design and then walks away, what action are they most likely to have understood? That is your primary action. Everything else is secondary. Make sure the primary action is unambiguously communicated.

18. Reducing Decision Friction

By Hick’s Law, decision time increases logarithmically with the number of options. But more importantly, decision friction increases. Viewers become less willing to make a decision at all as the number of options grows. A viewer who is 70% motivated to act will follow a simple path. The same viewer at 70% motivation will abandon a complex choice environment where they have to evaluate eight options.

18.1 Minimizing Choice at Decision Points

An actionable design minimizes the decision space at the moment of action. If the viewer has decided to purchase something, show the purchase path directly. Do not make them choose between five different purchase paths, five payment options, five shipping speeds, all competing for attention. Let them make those decisions sequentially, not all at once.

If the viewer wants to learn more, provide a clear learning path. Do not present twelve different learning options all at once. If there are multiple topics to explore, organize them into a clear sequence or hierarchy. Let the viewer understand the categories before diving into options within each category.

The principle is this: show the full landscape of what is available, but make the default path—the path that serves the largest audience or the most common use case—visually obvious and distinct. Viewers will find secondary paths if they need them. But the primary path should require no decision. It should feel like the natural next step. It should be the path most viewers would choose if they understood all the options.

18.2 Progressive Disclosure

One technique that respects Hick’s Law while accommodating complexity is progressive disclosure: reveal options in stages rather than all at once. Show the primary action prominently. Provide access to secondary options, but only after the primary action is clear. This allows the simple viewer to see a simple interface and the sophisticated viewer to access complexity if they need it. Both succeed.

19. Minimizing Physical Effort

By Fitts’ Law, the time required to perform an action increases with distance and decreases with target size. But more fundamentally, viewers will not perform actions that require excessive physical effort relative to their motivation. A viewer with moderate motivation will abandon a task if the physical or navigational friction is too high.

19.1 Size, Placement, and Accessibility

An actionable design places the primary call to action where it is easiest to reach and makes it easy to identify. On a screen, this typically means large buttons, placed in the upper portion of the visible interface, not hidden below the fold. On a print piece, this means clear, accessible contact information or redemption paths, positioned prominently, not buried in small type in a corner.

A button for a high-priority action should be larger than a button for a secondary action. This is not just about aesthetic balance. It is measurable physics: a larger target requires less motor precision to acquire. A button placed near the natural focal point of the design requires less navigational time to reach than a button placed far away.

19.2 Effort Economics and Motivation Alignment

The accessibility requirement is not just about people with disabilities, though it is that. It is about respecting the effort economics of user behavior. A viewer with high motivation will navigate through friction to accomplish their goal. A viewer with moderate motivation will work up to a point and then abandon the task. A viewer with low motivation will not work at all.

If your goal is to maximize conversion or engagement, you must match the effort required to the expected motivation level. A high-effort action should be reserved for viewers with high motivation. A primary action that serves most viewers should require minimal effort. If you require a viewer to scroll through dense text, fill out complex forms, or perform multiple clicks to find a primary action, you have increased the effort barrier. Moderate-motivation viewers will stop and leave.

19.3 Mobile and Context Constraints

On mobile devices, where touch targets are constrained by finger size and screen real estate is limited, Fitts’ Law becomes even more important. A small button that is easy to click on a desktop mouse becomes nearly impossible to click accurately on a mobile touchscreen. The design that is optimized for mouse interaction may fail on mobile because the physical effort barrier has increased. The same design principle applies across contexts: always respect the effort economics of the interaction method.

20. Motivation Alignment

The final condition for actionability is alignment with motivation. By Fogg’s model, the viewer must be motivated, able, and prompted at the same moment. Get the timing of the prompt wrong and even a highly motivated viewer will not act.

20.1 Motivation Sources and Decay

Designs often fail because the design assumes a motivation that the viewer does not have, or provides the prompt at a moment when the viewer is not yet motivated. Motivation is not constant. It peaks and decays. A poster that is emotionally compelling might move a viewer to the peak of motivation, but if the action path is not provided at that moment, the motivation decays as the viewer moves on to the next stimulus. By the time the viewer finds the action path, they are no longer sufficiently motivated to follow through.

Similarly, a website that provides extensive product information might create knowledge but not create sufficient emotional motivation to purchase. The viewer understands the product but does not feel moved to buy. Providing the purchase path clearly does not help if the viewer was never motivated to use it.

20.2 Structuring for Motivation Peaks

An actionable design identifies the viewer’s most likely motivation and structures the design to support action at that motivation peak. This requires understanding not just what the design should say, but when the viewer is most likely to be motivated to act.

For purchase-focused designs, this means creating motivation through imagery or copy that addresses why the viewer should care, then providing the purchase path immediately, while motivation is at its peak. Do not create motivation and then delay the action path. The delay allows motivation to decay.

For informational designs, this means providing the information path clearly from the beginning. The viewer is motivated to learn. Provide the learning path directly. Do not make them work to find how to access the information.

For advocacy designs, this means making the called action explicit at the moment of emotional alignment. Do not create emotional response and then bury the call to action at the end of dense text. Strike the emotional chord and immediately provide the action path while the emotion is active. The action path and the emotional peak should align.

20.3 Removing Barriers Between Motivation and Action

The final consideration is removing barriers between the moment of motivation and the moment of action. Every step the viewer must take between feeling motivated and acting is an opportunity for motivation to decay. If a viewer must find their phone, open an app, navigate to a page, and then fill out a form, motivation may have decayed by step three. If a viewer can scan a code and immediately see the action path, motivation is maintained. Design for the fewest possible steps between motivation and action.

Conclusion: Integration and Practice

Understanding how the brain encodes, consolidates, and retrieves information is not optional knowledge for designers. It is the foundation of every design critique principle. It is the scientific ground beneath every judgment about whether a design succeeds.

When a design is called forgettable, that is a statement about encoding depth. The design did not demand semantic processing. It did not create multiple retrieval pathways through dual coding. It did not create emotional resonance or distinctive visual distinctiveness. It was processed structurally and discarded.

When a design is called unclear, that is a statement about working memory load. The design presented too many independent visual elements. The viewer could not chunk the information into meaningful units. The composition exceeded the 3–5 chunk limit of working memory and produced cognitive overload.

When a design is called ineffective or unconvincing, that is a statement about the alignment between memory and behavior. The design may have been memorable, but it did not drive action. Or it was actionable, but the action path was not clear at the moment of peak motivation. Or the effort required to act was too high relative to the viewer’s motivation.

When a design is called “beautiful” or “well-designed,” what is often really being said is that it succeeds on multiple mechanisms simultaneously: it demands semantic processing, it respects working memory capacity, it creates emotional resonance, it presents distinctive elements within coherence, and it aligns memory with action.

Integration as Practice

The research documented in this primer establishes the neuroscience beneath these judgments. The principles establish how that neuroscience translates into actionable design criteria. The strategies establish what that translation looks like in practice.

Your work is to integrate all three: to understand the science deeply, to apply the principles with intention, and to develop the judgment that allows you to see encoding failure and action failure in designs—whether in your own work or in critique of others’ work.

This integration is not a one-time activity. It is a practice. Each design you create is an opportunity to test these principles: Does it demand semantic processing, or does it settle for structural appeal? Does it respect working memory limits, or does it overwhelm with competing elements? Does it create emotional resonance, or does it feel cold and distant? Does it create distinctiveness within coherence, or does it dissolve into noise? Does it align memory with action, or does it create motivation without a path to behavior?

Each design you critique is an opportunity to identify which mechanisms are working and which are failing. Why does this design stick in memory? What encoding pathways did it create? Why does this design fail to drive action, even though the viewer understands it? Where is the breakdown in motivation, ability, or prompt timing?

This is the skill you are developing: the ability to see beneath the surface of a design to the mechanisms that determine whether it works. Not whether it looks good. Whether it functions as human memory and behavior actually work.

The Larger Goal

The reason this material is taught this way is not to give you abstract theory. It is to give you a way of seeing design that is grounded in how people actually work. Not in taste. Not in trend. Not in aesthetic principle disconnected from human cognition and behavior.

After reading this, when you encounter a design, you should be able to ask: How is this design encoding? How is this design prompting action? What would happen if I tested this design with viewers? Would they remember it? Would they act on it? Why or why not?

These questions have answers. The answers are rooted in neuroscience. The neuroscience is measurable. The measurements show which designs succeed and which fail.

That is what a deep understanding of design means: understanding not just how to make it, but why what you make works or does not work. Understanding the mechanisms beneath the surface.

Everything in this primer points toward that understanding. The rest is practice.

Reinforcement Exercises

These exercises are designed for use in the classroom or as independent practice. Each one targets a specific competency explored in this primer. They are structured to build diagnostic thinking, not just technical recall.

Exercise 1: Encoding Distinctiveness Test

Design two versions of the same information: one using conventional design and one using distinctive, unexpected visual choices. Show each version to different groups of people briefly. After 24 hours, ask each group to recall what they saw. Which version is more memorable? Which specific design choices created distinctiveness without sacrificing clarity? How would you balance distinctiveness with audience expectations?

Why this matters: Demonstrates that memory encoding is strengthened by distinctiveness and that boring designs are literally forgotten while distinctive designs persist in memory.

Exercise 2: Working Memory and Cognitive Load

Create three versions of complex information: one densely packed with everything visible at once, one with progressive disclosure (show key information first, hide details until requested), and one with external memory aids (clear visual hierarchy, annotations, white space). Measure cognitive load through task performance or self-report. Which version allows viewers to process and understand the most information? How does this relate to working memory constraints?

Why this matters: Demonstrates that reducing cognitive load through good information design allows people to understand more, not less, and that working memory constraints are design opportunities not limitations.

Exercise 3: Retrieval Cues and Context-Dependence

Create a visual design and present it in two different contexts: once in isolation and once embedded in related designs. Test how well people remember the design in each context. Then embed retrieval cues (repeated visual elements, consistent color language, thematic connections) and test again. Which context and which cues support memory best? Why does context-dependent memory matter for design systems?

Why this matters: Demonstrates that memory is context-dependent and that good design systems provide retrieval cues that help viewers remember and recognize designs across contexts.

Exercise 4: Emotional Encoding and Motivation

Evaluate three designs for the same message: one purely functional and clear, one emotionally engaging but less clear, and one combining functional clarity with emotional resonance. Test memorability, emotional response, and behavioral intent (would you take the requested action?). Which design best connects emotional engagement with behavioral outcomes? What design choices created that connection?

Why this matters: Demonstrates that emotion powerfully affects encoding and that designs that engage emotion while maintaining clarity are more memorable and actionable.

Exercise 5: Interference and Priming Effects

Design a series of related materials (like a campaign or product line) and test how well people remember and distinguish between them. Where does interference occur (similar designs being confused with each other)? How can you use visual distinctiveness to prevent interference? How can you use visual consistency to create beneficial priming (where seeing one design primes memory for related designs)?

Why this matters: Demonstrates that related designs can interfere with each other’s memorability and that understanding interference allows you to design systems where distinctiveness and consistency work together.

Reflection Questions

These questions are meant for deeper thinking. They work well as journal prompts, small-group discussion starters, or pre-class writing assignments. There are no right answers—the value is in the reasoning.

  1. How does the statement “a design that is not remembered has failed” change the way you evaluate design success?
  2. What is the relationship between working memory constraints (3–4 items) and the instruction to create clear hierarchy and emphasis in design?
  3. Describe a design that you found engaging emotionally but later discovered was confusing or unclear. How could emotional engagement and functional clarity have been combined?
  4. Why is distinctiveness as important as clarity for memorability? Can you think of examples where overly conventional design fails to stick in memory?
  5. How would you design a system of related materials (like an advertising campaign) so that the designs support each other’s memorability rather than interfering with it?
References and Further Reading

Sperling, George. The information available in brief visual presentations. Psychological Monographs: General and Applied, vol. 74, no. 11, 1960, pp. 1–29.

Craik, Fergus I. M. & Lockhart, Robert S. Levels of processing: A framework for memory research. Journal of Verbal Learning and Verbal Behavior, vol. 11, no. 6, 1972, pp. 671–684.

Tulving, Endel & Thomson, Donald M. Encoding specificity and retrieval processes in episodic memory. Psychological Review, vol. 80, no. 5, 1973, pp. 352–373.

Baddeley, Alan D. & Hitch, Graham. Working memory. Psychology of Learning and Motivation, vol. 8, 1974, pp. 47–89.

Hunt, Earl & Love, Tracy. How good can memory be? In A. W. Melton & E. Martin (Eds.), Coding Processes in Human Memory. Washington: V. H. Winston & Sons, 1972, pp. 237–260.

Underwood, Benton J. Interference and Forgetting. Psychological Review, vol. 64, no. 1, 1957, pp. 49–60.

Phelps, Elizabeth A. Emotion and cognition: Insights from studies of the human amygdala. Annual Review of Psychology, vol. 57, 2006, pp. 27–53.

Anderson, Michael C. & Bell, Tara. Suppressing unwanted memories by executive control. Nature, vol. 410, no. 6826, 2001, pp. 366–369.