What you'll understand by the end of this lesson
- Why images are remembered significantly better than equivalent text
- How images encode in memory differently from words
- How to use product screenshots, hero images, and testimonial photos for maximum impact
- Why generic stock photography can actively harm trust
The principle in plain English
When people encounter information as a picture rather than words, they remember it dramatically better.
Research by Lionel Standing in the 1970s showed that people could recognise around 90% of 2,500 images they had briefly viewed — a recall rate far beyond what any equivalent word list would achieve.
The reason is dual coding: images encode in memory in multiple ways simultaneously — visually, conceptually, and often emotionally. A word encodes primarily through one channel: its meaning. An image fires multiple channels at once. More encoding pathways mean more routes back to the memory.
A simple example
A landing page for project management software has a hero section.
Version A shows the headline: "See everything your team is working on, in one place."
Version B shows the same headline — and below it, a screenshot of the actual dashboard with three projects visible, status indicators colour-coded, and team member avatars assigned to each task.
Version B communicates the same idea as Version A — but it also shows it. The visitor doesn't have to imagine what "everything in one place" looks like. They can see it. And because they saw it, they're more likely to remember it.
Product screenshots: show the outcome, not just the interface
The most common mistake with product screenshots is showing the interface without context: a blank dashboard, a default template, an empty state.
The screenshot that works shows the outcome the visitor wants: a populated dashboard with real data, a finished report, a workflow that's clearly running. The visitor's mental model should shift from "this is what the product looks like" to "this is what my work would look like if I used this product."
That shift is the picture superiority effect in action. Seeing yourself in the outcome is far more memorable — and more persuasive — than reading a description of what the outcome could be.
If your product screenshot shows sample data, make it realistic and aspirational. A project management tool with projects named "Project Alpha" and "Test Campaign" is less persuasive than one with "Q3 Website Relaunch" and "Customer Onboarding Redesign." Realistic data helps visitors project themselves into the image, which deepens encoding and strengthens conversion intent.
Hero images: show the desired state, not a generic visual
A hero image should answer one question visually: "What does life look like after I buy this?"
For a fitness app, that's not a generic photo of someone running — it's the specific moment of satisfaction the app enables: hitting a goal, seeing progress, completing a streak.
For a B2B tool, it might not be a person at all — it might be a clear before/after data visualisation showing what the tool changes.
The wrong hero image is one that communicates nothing: a city skyline for a generic "solutions" company, a handshake for a consulting firm, a team smiling in an open-plan office for a HR platform. These images are visually present but informationally empty. They take up space without doing the picture superiority effect's job — which is to encode a specific, memorable idea.
Testimonials: real photos vs. initials
A testimonial from "J.S." with no photo is harder to trust and easier to forget than a testimonial from a real person with a name, a role, and a visible face.
The photo does multiple things:
- It activates the picture superiority effect, making the testimonial more memorable
- It adds authenticity (a real face is harder to fabricate than initials)
- It creates a human connection — faces are processed differently from text, triggering social cognition
Even a small headshot makes a testimonial significantly more credible and more retained.
Generic stock photography works against the picture superiority effect because it communicates nothing distinctive. A photo of a smiling person at a laptop doesn't encode a specific, useful idea — it encodes "generic marketing site." Visitors recognise stock images even when they can't name why something feels inauthentic, and that recognition erodes trust. Where possible, use real product screenshots, real customer photos, and real environments rather than stock.
The CRO audit
Look at your key pages and ask:
1. Is your hero image doing communicative work or decorative work?
Could a visitor who only saw the image (without reading the headline) understand what your product does or what problem it solves? If not, the image isn't using the picture superiority effect — it's just filling space.
2. Do your product screenshots show an outcome or an empty state?
If your screenshots show default templates, blank dashboards, or unconfigured states, you're showing the product at its least impressive moment. Show it populated, working, and demonstrating the outcome your target user wants.
3. Are your testimonials accompanied by real photos?
If testimonials are text-only with initials, you're losing the credibility and memorability that a real photo would add. Even small, simple headshots change the trust and retention equation.
A SaaS analytics tool's landing page shows a screenshot of its dashboard — but the dashboard is blank and unpopulated, showing only column headers. What's the problem, and what's the fix?
Images are remembered because they anchor information visually. But what about anchoring information to a location? There's a memory technique thousands of years old that exploits exactly this — and it has direct implications for how you design navigation and page layout.