Glance readability is becoming one of the most important disciplines in commerce because real shoppers rarely experience a product in the way brands experience it during the brand workflow approval process.
A brand team might review a pack on a large screen, examine a beautifully produced product image at full resolution and spend considerable time debating typography, colour and layout.
The shopper does none of that.
They see the product from several metres away on a supermarket shelf. They see it as a small thumbnail while scrolling through a retailer’s mobile site. They encounter it in a sponsored retail media placement. They ask an AI assistant for a recommendation and see it alongside competing products. Or they come across it in a fast-vertical scrolling social feed while doing something else entirely.
The product is the same.
The decision environment isn’t.
This is becoming one of the most important challenges for brands operating across today’s increasingly fragmented commerce landscape. We have moved beyond the idea of a single “shelf”. There is the physical shelf, the Digital Commerce shelf, the emerging LLM shelf and the social shelf. Each one creates a unique moment of truth, with a different amount of attention and a unique expectation of what the product needs to communicate.
The answer is not to blindly create more content for every channel using GenAI and hope something sticks.
It is to make sure the product can still communicate when the context changes.
That is the thinking behind The Four Shelves: design for every shelf, but test for every decision.
The product has one identity. The shopper sees it in many different ways.
For years, the industry has talked about omnichannel experiences as though the objective were simply to make every touchpoint feel consistent.
Consistency matters, but it is only part of the challenge.
A supermarket shopper does not interact with a product in the same way as somebody searching a retailer’s mobile app. A shopper browsing an Rufus/Alexa LLM recommendation does not behave like someone watching a TikTok video.
Someone clicking a sponsored product in a high-intent retail environment has a different mindset again.
Trying to solve all of these situations by taking the same creative asset and resizing it is not really an omnichannel strategy. It is an adaptation exercise.
The better question is:
What does the shopper need to understand on this “shelf”?
That question takes us back upstream, to the product itself.
Pack design establishes the visual language. Brand identity establishes recognition. Product information establishes meaning. Those decisions then travel into the Digital Commerce image, the product page, retail media, AI LLM Search product recommendations and social content.
When those upstream decisions are strong, they give every downstream execution something useful to work with.
When they are not, the problem gets reproduced everywhere.
1. The physical shelf: recognition before consideration
The physical shelf remains one of the clearest examples of why visual communication matters.
A shopper approaches a category and is confronted an overwhelmingly large number of competing products. They are not reading every label. They are not analysing every claim. They are scanning for things they recognise and information that helps them narrow their choice.
Pack shape, colour, distinctive brand assets, category cues and hierarchy all contribute to that recognition.
But there is a point that is often overlooked: the pack needs to work at the distance of the decision.
A design that is perfectly legible when held in someone’s hands may not be equally effective when viewed from the other side of an aisle.
That is why glance readability should not be thought of as a Digital Commerce problem. It is a broader discipline of communication.
The physical shelf asks a very practical set of questions:
Can I recognise the brand?
Can I tell what the product is?
Can I distinguish this variant from the one next to it?
Can I see the information that matters before I have decided to pick it up?
This is also where product visual hierarchy becomes important. The front of a pack can contain an enormous amount of information, but adding information is not the same as improving communication.
In fact, there is a point at which every additional message competes with the message that actually matters.
The objective should therefore not be to make the pack say everything.
It should be to make sure the right things are understood first.
2. The Digital Commerce shelf: when the pack becomes a thumbnail
Move that same product onto a mobile screen and the context changes completely.
The physical shelf gives a product physical scale. A bottle can look obviously larger than a smaller bottle next to it. A shopper can pick it up, turn it around and examine the packaging.
A Digital Shelf removes much of that context.
Products are presented in a relatively uniform visual space. A tall bottle and a short box will occupy a 20mm square image tile. The shopper may see several competing products at once, often while scrolling quickly on a small screen.
This is where GS1 mobile-ready hero images become commercially important.
GS1’s Mobile Ready Hero Image guidance was developed specifically to address the challenge of presenting products on small screens. It defines an MRHI as a representation of a real-world product that may differ from a conventional pack shot while retaining the key elements of its physical design, shape and colour so that the product remains recognisable on a Digital Shelf.
GS1 also identifies the 4Ws that shoppers need to understand quickly:
- Who is the brand?
- What is the product?
- Which variant is it?
- hoW much is it?
These sound obvious.
They are not.
They become surprisingly difficult to communicate when a physical pack is reduced to a small mobile image.
GS1 specifically recommends that the 4Ws should be perceivable quickly and with certainty in normal mobile use. It also recommends decluttering imagery where necessary and making the Digital Pack as large as practical within the available image space.
That leads to a useful distinction between a pack shot and a Digital Commerce asset.
A pack shot documents the product. What the pack looks like.
A mobile-ready hero image is designed to help a shopper quickly and easily identify the product from the thumbnail alone, without forcing them to read the product title.
Those are related jobs, but they are not necessarily the same job. The pack shot cannot do what mobile-ready hero images do.
Take a hypothetical product: NOVA+
Consider the hypothetical product we have been using as an example: NOVA+ Lemon + Lime Electrolyte Water.
Imagine the physical bottle clearly communicates:
NOVA+
Electrolyte Water
Lemon + Lime
Natural Flavors
Fast Hydration
Essential Electrolytes
Zero Sugar
16.9 FL OZ (500 mL)
At full size, there is plenty of information available to the shopper.
Now put the bottle into a small mobile product tile.
The question changes from:
Is all the information there?
to:
Which of that information can the shopper actually perceive?
The bottle might still be recognisable because of its shape and colour. The logo might still be visible. But perhaps “Lemon + Lime” has become difficult to read. Perhaps “Electrolyte Water” has disappeared into the background. Perhaps the pack size is effectively invisible.
The information is technically present.
The communication has failed.
That distinction matters enormously.
GS1’s guidance makes a similar point: a standard pack shot designed for larger-screen presentation may become ineffective when reduced to a small Shelf Item, particularly where text forms part of the product’s key differentiating information.
The problem with “beautiful” product imagery
This is where the conversation about Digital Commerce imagery needs to become more sophisticated.
There is nothing wrong with beautiful product photography.
The problem is assuming that beauty and effectiveness are the same thing.
They aren’t.
A product image can be beautifully photographed, perfectly retouched and completely aligned to brand guidelines while still failing to communicate the information that a shopper needs.
The reason is that there are several different jobs taking place.
Attention gets the shopper to notice the image.
Branding helps the shopper recognise who it belongs to.
Communication helps the shopper understand what they are looking at & why it is relevant.
All three matter.
None of them should be confused with the others.
This is particularly relevant to product image testing. An image that wins attention but leaves the shopper uncertain about the variant has not necessarily done its job. Likewise, a product that is unmistakably branded but whose critical text disappears at thumbnail size still has a communication problem.
This is why glance readability deserves to sit alongside attention and brand recognition rather than underneath them.
The question is not simply whether the image is noticed.
It is whether the information that matters survives the glance.
Glance readability is not simply a contrast problem
Contrast is an important part of product image readability, but it is only one part of the equation.
Text can have adequate contrast and still be too small to process comfortably.
It can be large enough but sit against a visually complex background.
It can be technically legible but compete with several other pieces of information.
It can work beautifully at full resolution and become ineffective when reduced to the size at which the shopper actually encounters it.
Typography, weight, scale, spacing, background complexity, placement and overall visual hierarchy all influence how quickly information can be understood.
Established accessibility standards matter here. WCAG 2.2, for example, sets a minimum contrast ratio of 4.5:1 for normal-sized text and 3:1 for large text.
But a contrast ratio should not be mistaken for a complete measure of commercial readability.
This is particularly important when discussing APCA contrast. APCA represents a different, perceptual approach to evaluating text contrast, and the subject is part of the ongoing evolution of contrast guidance. It should therefore be discussed as a testing methodology rather than presented as though it were a replacement for the established WCAG 2.2 requirements.
For brands, the practical lesson is more useful than the technical debate:
Don’t ask only whether the text passes a contrast test. Ask whether the shopper can actually understand it in context.
That is the real test.
3. The LLM shelf: when AI becomes part of product discovery
The next shelf is changing the way product discovery happens.
Instead of starting with a retailer’s search bar, a shopper might start with a question:
“What is a good electrolyte water for everyday hydration?”
Or:
“Which electrolyte water has zero sugar?”
Or:
“What should I look for in an electrolyte drink?”
The answer may come from an AI assistant that interprets product information, compares attributes and presents a selection of products.
This is LLM product discovery.
And it creates a new requirement for product content.
The product needs to be understandable to machines, but it still needs to be understandable to people.
That means product content optimisation cannot simply be about adding more keywords.
The stronger approach is to make the product’s meaning explicit.
What is the product?
What category does it belong to?
What is it designed for?
Who is it intended for?
What makes it different?
Which variant is it?
What is the pack size?
Which claims can be supported with evidence?
These are the questions that people ask, and they are also the kinds of questions an AI system needs to interpret when determining whether one product is relevant to a particular request.
This is why structured product attributes, clear product descriptions, concise decision-oriented bullets, FAQs and evidence-backed claims matter.
It is also why content written around genuine questions can be more useful than content written around an arbitrary list of keywords.
Write for the question the shopper is actually asking.
But the thumbnail comes back
There is an interesting irony in the LLM shelf.
AI may do much more of the information processing for the shopper, but it does not necessarily remove visual communication from the experience.
Quite the opposite.
An AI shopping result can still present several product cards, each with an image, brand, product name, rating, price and short description.
Which means the product image is back in the decision.
Imagine NOVA+ appearing in an AI shopping result next to two or three competing electrolyte products.
The assistant may have correctly understood the product information.
But the shopper still has to look at the screen and decide which product to investigate.
That means product image readability remains relevant even when AI is doing the discovery work.
The machine may understand the product.
The shopper still needs to recognise it.
That is an important distinction.
4. The social shelf: when the shelf is moving
Social commerce creates another version of the same problem, but with considerably less time to solve it.
A shopper scrolling through TikTok is not necessarily looking for your product. They may be watching something completely unrelated. They may be in a noisy environment. They may have sound turned off. And they can move past the content with a single movement of the thumb.
That means the first visual communication has to work before the viewer has consciously decided to pay attention.
The product needs to be recognisable.
The proposition needs to be understandable.
The creative needs to make the role of the product obvious.
And any text overlay needs to reinforce the message rather than compete with the product.
The point is not that every TikTok video needs to become a static product advertisement. It is the opposite.
Dynamic, informal and creator-led content can work extremely well.
But informality does not remove the need for disciplined communication.
If anything, it makes that discipline more important.
The commercial sequence is straightforward: the opening needs to stop the scroll, the proposition needs to become clear quickly, the product needs to be demonstrated or contextualised, and the viewer needs to understand why they should continue or act.
This is where glance readability in social commerce becomes particularly valuable.
A message can be on screen and still not be communicated.
That is the difference between visible and understood.
One product. Four shelves. Four different decisions.
This is where the Design for All Four shelves idea becomes useful.
Take NOVA+ again.
The product itself has not changed.
But what the shopper needs to understand has.
This is why the idea of simply “repurposing” creative across channels is becoming increasingly problematic.
The brand should remain recognisable.
The product truth should remain consistent.
But the execution should reflect the decision environment.
The physical pack needs to:
Prioritise recognition at distance as well as extra details when picked up and inspected close up.
The mobile-ready hero image needs to:
Make the 4W’s of BRAND-FORMAT-VARIANT-SIZE glance-readable
The LLM-facing hero image needs to:
Make the 4W’s of BRAND-FORMAT-VARIANT-SIZE glance-readable.
The social asset needs to:
Communicate the product proposition in an instant, make the product and proof easy to understand through use, close-up, or demonstration, as well as give a glance-readable (in 300 ms) reason to tap or buy.
One product. Four Shelves. All require glance-readable critical text.
That is the real meaning of designing for every shelf.
Retail media is another moment of truth
Retail media deserves particular attention because the shopper is already in a commercial environment.
They may have searched for a category, opened a retailer, selected a department or demonstrated some other form of purchase intent.
The job of the creative is therefore not simply to interrupt.
It is to help convert existing intent.
That changes the role of the product image.
When a sponsored result appears alongside organic products, the hero image becomes part of the shopper’s evaluation process. The product needs to be immediately recognisable and sufficiently clear for the shopper to decide whether it is worth investigating.
This is where retail media, Digital Commerce and product image testing intersect.
The creative team may think they are producing an advertisement.
The shopper may simply see another product in a list.
That difference in perspective matters.
The more retail media becomes embedded in the shopping experience, the less useful it is to think about creative as something separate from the Digital Shelf.
It is part of the shelf.
The answer isn’t more content. It is better-tested content.
There is an understandable temptation to respond to all of these new environments by producing more assets.
More product images.
More videos.
More retailer variants.
More social posts.
More AI-generated copy.
More creative versions.
But volume creates a second problem.
How do you know which assets actually work?
This is where AI has an opportunity that is considerably more interesting than simply generating content faster.
AI can help brands test assets at scale.
It can help identify potential problems with readability, contrast, hierarchy and visual clarity before those assets reach the shopper.
That changes the role of AI.
Instead of treating it purely as a content-generation engine, brands can begin to use it as part of an operating system for creative decision-making.
That distinction is important.
Generating 10,000 assets is not a strategy if 10,000 assets are released without adequate testing.
The real advantage comes from creating a repeatable process in which assets can be created, tested, improved and approved at scale.
The future of AI in creative isn’t simply more output. It is better decisions about what gets released.
From pack design to a glance-readable system
The biggest opportunity sits further upstream.
Most organisations still have different people responsible for different parts of the product experience.
Packaging may sit with one team.
Digital Commerce with another.
Retail media with another.
Social with another.
The product page may be owned by yet another group.
Each team can do its job well and still create a fragmented experience.
The shopper does not see those organisational boundaries.
They see one product.
That is why pack design should be treated as an upstream commercial decision, not simply a packaging decision.
The choices made on the pack influence how easily the product can be translated into a mobile-ready hero image. Those same choices influence what can be communicated in retail media, how easily a product can be recognised in an AI result and how effectively the brand can appear in social content.
The objective is not to make every execution identical.
It is to create a connected visual system in which the product remains recognisable and understandable as the environment changes.
That requires governance.
It requires testing.
And, importantly, it requires somebody to take responsibility for the experience beyond a single channel.
What should brands test?
A practical Design for All 4 Shelves framework can start with five questions.
1. Is the product recognisable?
Does the digital representation still feel like the physical product?
GS1 places particular emphasis on maintaining recognisable design, shape and colour between the physical product and its Digital Pack.
2. Can the shopper understand the 4Ws?
Can they quickly establish Who, What, Which and hoW much?
If not, what information needs to be made more prominent?
3. Is the critical information glance-readable?
Can the information actually be perceived at the size and speed at which the shopper encounters it?
This is a different question from whether somebody can read it when the artwork is displayed at full resolution.
4. Does the visual hierarchy work in context?
Is the information presented in the order the shopper needs it?
Or is the design asking the shopper to work too hard?
5. Can the approach scale?
Can the same testing principle be applied across hundreds or thousands of assets, rather than relying on someone manually checking every image?
That final question is increasingly important.
A good creative test is useful.
A repeatable testing system is a capability.
The future isn’t simply omnichannel. It’s about Winning on All 4 Shelves.
The shopper does not think in channels.
They think in needs.
They may notice a product in store, search for it later, see it in a retailer’s sponsored result, encounter an AI recommendation and then see somebody using it on social media.
From their perspective, these are not separate brand experiences.
They are different moments in the same journey.
That is why the next stage of Digital Commerce optimisation cannot be limited to better search rankings, better product descriptions or better photography in isolation.
The entire product system needs to work together.
The physical pack has to communicate.
The Digital Commerce image has to communicate.
The product page has to answer questions.
The retail media creative has to capture demand.
The LLM-facing content has to make the product understandable.
The social content has to earn attention quickly enough to create a next action.
And underneath all of it is a simple commercial requirement:
Make the important thing understandable when it matters.
That is what glance readability really means.
Design for every shelf. Test for every decision.
The industry has spent years optimising individual channels.
The next opportunity is to optimise the decision.
For the physical shelf, that means testing the pack at the distance at which the shopper actually makes a choice.
For Digital Commerce, it means treating mobile-first product imagery as the default rather than an afterthought.
For the LLM shelf, it means treating mobile-first product imagery as the default rather than an afterthought.
For retail media, it means treating the hero image as part of demand capture rather than simply another advertising asset.
For social commerce, it means communicating the proposition in glance readable titles before the thumb moves on.
Design for every shelf. Test for every decision.
Frequently Asked Questions
Qs. 1 | What is glance readability?
Glance readability is the ability to recognise and understand important visual information quickly, at the size, distance and speed at which a person encounters it.
For brands, this can include the product name, brand, variant, category, key benefit or pack size. It becomes particularly important when shoppers scan rather than deliberately read, such as on physical shelves, mobile Digital Commerce listings, retail media placements, AI product recommendations and social feeds.
Qs. 2 | Why does glance readability matter in Digital Commerce?
Digital Commerce often presents multiple products together on a small screen, which means shoppers can make decisions from relatively small product images.
A conventional pack shot may contain all the necessary information but still become difficult to interpret when reduced to thumbnail size. GS1’s Mobile Ready Hero Image guidance specifically addresses this problem, recommending that the 4Ws – Who, What, Which and hoW much – should be communicated clearly within the mobile shopping experience.
Qs. 3 | What are the 4Ws of a Mobile Ready Hero Image?
The GS1 4Ws are:
- Who – who is the brand?
- What – what is the product?
- Which – which variant is it?
- hoW much – how much product does the shopper receive?
They are intended to help shoppers identify and distinguish products quickly on a Digital Shelf.
Qs. 4 | What is a Mobile Ready Hero Image?
A Mobile Ready Hero Image (MRHI) is a digital representation of a physical product that is designed to remain recognisable in a small-screen Digital Commerce environment.
GS1’s guidance allows an MRHI to differ from a conventional pack shot, provided that the physical product’s key design, shape and colour remain recognisable and the relevant 4Ws are communicated.
Qs. 5 | Does glance readability only apply to Digital Commerce?
No.
The principle applies anywhere a person needs to recognise, understand or act on information quickly.
That includes packaging, point-of-sale material, retail media, in-store screens, Digital Commerce imagery, AI product recommendations, social commerce and short-form video.
The viewing environment changes, but the underlying communication challenge remains.
Qs. 6 | Why does product image testing matter?
Because an image can look effective during the approval process and behave differently in the environment where the shopper encounters it.
Product image testing can help assess whether important visual information remains sufficiently clear when the asset is viewed at the relevant scale and within the relevant context.
For mobile Digital Commerce, this means evaluating the image as part of the Digital Shelf rather than looking at the artwork in isolation. GS1 explicitly recommends evaluating MRHI objectives within the context of a Digital Shelf where multiple products appear together.
Qs. 7 | Is contrast enough to make an image glance-readable?
No.
Contrast is important, but readability can also be affected by text size, typography, visual complexity, hierarchy, placement and viewing scale.
WCAG 2.2 provides established minimum contrast requirements for text, including 4.5:1 for normal-sized text and 3:1 for large text.
For commercial product imagery, however, passing a contrast requirement should not automatically be treated as proof that the entire image communicates effectively.
Qs. 8 | What is APCA contrast?
APCA, or the Accessible Perceptual Contrast Algorithm, is a perceptual approach to evaluating contrast that considers aspects of how text and background combinations are perceived.
It can be useful as part of broader product image readability and visual testing, but it should not be presented as though it has replaced the established WCAG 2.2 contrast requirements. Brands should distinguish between current normative accessibility requirements and emerging or alternative perceptual testing methodologies.
Qs. 9 | Why does glance readability matter for LLM product discovery?
AI assistants can interpret product information and potentially surface products in response to natural-language questions. That makes clear product data, structured attributes and evidence-backed information increasingly important.
However, the shopper may still encounter the recommendation through a visual product card.
That means LLM product discovery has two related requirements: the product needs to be understandable to the AI system, and it needs to remain understandable to the human looking at the recommendation.
Qs. 10 | Why does glance readability matter in social commerce?
Social commerce is often experienced through fast-moving mobile feeds where the viewer can move past content almost instantly.
A product therefore needs to communicate its identity and proposition quickly. Text that is technically present but too small, low contrast, visually crowded or displayed for too little time may not perform its intended communication role.
The principle is simple: being on screen is not the same as being understood.
Is your product built for every shelf?
The question for brands is no longer whether the product looks good in isolation.
It is whether the product continues to communicate when the shopper encounters it:
from the aisle,
on the mobile screen,
inside a retail media placement,
within an AI recommendation,
or during a fast-moving social scroll.
That is the challenge RHINO is designed to address: bringing measurable testing to the visual communication layer so brands can assess readability, contrast and clarity across the assets that increasingly shape product discovery.
Because the future of commerce will not be won by creating more content.
It will be won by making the right information work, wherever the shopper sees it.
Design for every shelf. Test for every decision.
Explore RHINO →
