Hierarchy of information on packaging
Three seconds on the shelf: what exactly happens according to eye tracking data
The numbers here are not abstract — they are the results of studies of eye movement in front of the shelf, and they are measured to the nearest tenth of a second.
| Time interval | What the gaze records | Eye tracking data |
|---|---|---|
| 0–1 second | Brand and product category | The logo is noticed within 0,2 sec and holds attention 0,32 sec |
| 1–2 second | Key advantage (3–5 words) | The product name is recognized within 0,61–0,94 sec |
| 2–3 second | Main visual of the product | Mandatory text (composition) is only read at 1,66 sec — already outside the 'decision window' |
The practical conclusion is strict: if the composition or legal address appears within the field of vision before the logo, the hierarchy is physically broken — not due to the font, but due to the placement. A classic example of such an error is the packaging of dietary supplements and economy-class dairy products, where the manufacturer fears 'not saying enough' and places the composition in a large block at the front. The result is that the buyer spends the first second on text that is not needed for the 'take/not take' decision, and does not have time to see the benefit.
Who actually determines the order: the designer, the regulation, or the buyer's brain
In practice, the work order is almost always violated: first, they draw a mockup, then 'squeeze in' the legal text. This is the root of most failed hierarchies on the shelf. Work should be done in reverse order.
- The regulation sets the minimums. TR TS 022/2011 requires that the main information (name, quantity, expiration date) be no smaller than 2 mm in height of lowercase letters, and auxiliary information (composition, manufacturer's address) — no smaller than 0,8 mm. The regulation does not dictate placement — only size and readability.
- Psychology of perception determines the order of appearance. The brain first searches for a familiar pattern — a logo, then meaning — benefit in 3-5 words, and only then detail — package shape and product visual. This order cannot be reversed by a designer's willful decision; it is embedded in the mechanics of pattern recognition.
- The designer works within already defined constraints. Composition, contrast, color — these are tools within a corridor that has already been narrowed by regulation and physiology, not a free field for creativity.
If the order is changed and composition is started with, the legal text at the end of the process breaks the already completed layout — then it is either reduced to the limit of readability, or repainted into gray on gray, formally complying with 2 mm, but practically making the text invisible. This is not a solution to the conflict, but its masking.
How to place mandatory text so that it does not interfere with the brand
The problem is solved not by fighting the font size, but by fighting for space — mandatory text is placed where the gaze physically does not reach it in the first few seconds.
- The bottom of the front panel or the fully rear/side surface — zones where the gaze reaches only after the purchase decision is made.
- Standardized pictograms instead of text everywhere where the regulation allows: recycling symbol, age marking 6+/12+/18+, allergen symbol — they do not require a minimum font size of 2 mm, as they are formally not text.
- The contrast of the mandatory block is maintained at the level of readability — dark text on a light background without brand color accents, so it does not compete for attention with the logo, but remains legal.
The rule is simple: mandatory text must not be invisible — it must not be first in line for attention.
How much air does packaging need: FMCG and premium segments calculate differently
The share of free space directly affects whether the hierarchy is read or turns into noise. There is no universal number— it depends on the speed of the buyer's decision in the category.
| Category | Optimal share of white space | Reason |
|---|---|---|
| FMCG (snacks, beverages, household chemicals) | 20–40% | The decision is made in seconds, a balance of information and speed is needed |
| Premium segment (cosmetics, alcohol, chocolate) | 40–70% | The buyer examines the packaging for a longer time, status is transmitted through restraint |
A specific effect figure: when the share of free space exceeds 20%, the effectiveness of perceiving key information increases by 18–25%. This is not minimalism aesthetics, but a measurable reduction of cognitive load — fewer elements compete for the first second of attention.
The packaging is readable not only from the front: scanning from the sides
The main gap in most materials about hierarchy is that they only analyze the front panel, as if the buyer sees the packaging exclusively frontally. On the warehouse, on the shelf in the turn, in the hand when rotated — the scanning pattern changes each time.
| Side / orientation | Scanning pattern | What should come first |
|---|---|---|
| Frontal, sparse design | Z-pattern: upper left → upper right → lower left → lower right | Logo and key benefit |
| Frontal, dense text block | F-pattern: line-by-line scanning from top to bottom | Benefit headline, then details |
| Side panel | Linear scanning from top to bottom | Volume/weight, then composition |
| Back panel | Block scanning by sections | Composition, method of application, manufacturer contacts |
From here, specific placement guidelines verified on real shelves: the logo — upper left corner, 15–25% of the front panel area; the key benefit — center of the package at 35–40% from the top edge, in the zone of natural gaze fixation; all mandatory information required by regulation — the bottom of the panel or the reverse side, where it does not intersect with the first glance area. A product whose side panel first displays the composition instead of the volume loses the customer who compares packages by weight on the shelf — and this is a separate and frequent choice pattern in the household chemicals and snack categories.
What follows from this in practice
Three systems — regulation, timing of perception, and composition — must be designed simultaneously, not sequentially 'first design, then legal,' otherwise conflict is inevitable and is always resolved at the expense of the brand or at the expense of the readability of mandatory information. Three seconds on the shelf — this is a measured physiological limit, not a deadline for creative search: within this time frame, you need to manage to show the brand, benefit, and product in exactly this order. And the mandatory text stops hindering the hierarchy not when it is attempted to hide it gray on gray, but when a zone is found for it, which physically does not intersect with the first glance of the buyer — the bottom of the panel, the reverse side, the side panel.
Three seconds on the shelf: what exactly happens according to eye tracking data
The numbers here are not abstract — they are the results of studies of eye movement in front of the shelf, and they are measured to the nearest tenth of a second.
| Time interval | What the gaze records | Eye tracking data |
|---|---|---|
| 0–1 second | Brand and product category | The logo is noticed within 0,2 sec and holds attention 0,32 sec |
| 1–2 second | Key advantage (3–5 words) | The product name is recognized within 0,61–0,94 sec |
| 2–3 second | Main visual of the product | Mandatory text (composition) is only read at 1,66 sec — already outside the 'decision window' |
The practical conclusion is strict: if the composition or legal address appears within the field of vision before the logo, the hierarchy is physically broken — not due to the font, but due to the placement. A classic example of such an error is the packaging of dietary supplements and economy-class dairy products, where the manufacturer fears 'not saying enough' and places the composition in a large block at the front. The result is that the buyer spends the first second on text that is not needed for the 'take/not take' decision, and does not have time to see the benefit.
Who actually determines the order: the designer, the regulation, or the buyer's brain
In practice, the work order is almost always violated: first, they draw a mockup, then 'squeeze in' the legal text. This is the root of most failed hierarchies on the shelf. Work should be done in reverse order.
- The regulation sets the minimums. TR TS 022/2011 requires that the main information (name, quantity, expiration date) be no smaller than 2 mm in height of lowercase letters, and auxiliary information (composition, manufacturer's address) — no smaller than 0,8 mm. The regulation does not dictate placement — only size and readability.
- Psychology of perception determines the order of appearance. The brain first searches for a familiar pattern — a logo, then meaning — benefit in 3-5 words, and only then detail — package shape and product visual. This order cannot be reversed by a designer's willful decision; it is embedded in the mechanics of pattern recognition.
- The designer works within already defined constraints. Composition, contrast, color — these are tools within a corridor that has already been narrowed by regulation and physiology, not a free field for creativity.
If the order is changed and composition is started with, the legal text at the end of the process breaks the already completed layout — then it is either reduced to the limit of readability, or repainted into gray on gray, formally complying with 2 mm, but practically making the text invisible. This is not a solution to the conflict, but its masking.
How to place mandatory text so that it does not interfere with the brand
The problem is solved not by fighting the font size, but by fighting for space — mandatory text is placed where the gaze physically does not reach it in the first few seconds.
- The bottom of the front panel or the fully rear/side surface — zones where the gaze reaches only after the purchase decision is made.
- Standardized pictograms instead of text everywhere where the regulation allows: recycling symbol, age marking 6+/12+/18+, allergen symbol — they do not require a minimum font size of 2 mm, as they are formally not text.
- The contrast of the mandatory block is maintained at the level of readability — dark text on a light background without brand color accents, so it does not compete for attention with the logo, but remains legal.
The rule is simple: mandatory text must not be invisible — it must not be first in line for attention.
How much air does packaging need: FMCG and premium segments calculate differently
The share of free space directly affects whether the hierarchy is read or turns into noise. There is no universal number— it depends on the speed of the buyer's decision in the category.
| Category | Optimal share of white space | Reason |
|---|---|---|
| FMCG (snacks, beverages, household chemicals) | 20–40% | The decision is made in seconds, a balance of information and speed is needed |
| Premium segment (cosmetics, alcohol, chocolate) | 40–70% | The buyer examines the packaging for a longer time, status is transmitted through restraint |
A specific effect figure: when the share of free space exceeds 20%, the effectiveness of perceiving key information increases by 18–25%. This is not minimalism aesthetics, but a measurable reduction of cognitive load — fewer elements compete for the first second of attention.
The packaging is readable not only from the front: scanning from the sides
The main gap in most materials about hierarchy is that they only analyze the front panel, as if the buyer sees the packaging exclusively frontally. On the warehouse, on the shelf in the turn, in the hand when rotated — the scanning pattern changes each time.
| Side / orientation | Scanning pattern | What should come first |
|---|---|---|
| Frontal, sparse design | Z-pattern: upper left → upper right → lower left → lower right | Logo and key benefit |
| Frontal, dense text block | F-pattern: line-by-line scanning from top to bottom | Benefit headline, then details |
| Side panel | Linear scanning from top to bottom | Volume/weight, then composition |
| Back panel | Block scanning by sections | Composition, method of application, manufacturer contacts |
From here, specific placement guidelines verified on real shelves: the logo — upper left corner, 15–25% of the front panel area; the key benefit — center of the package at 35–40% from the top edge, in the zone of natural gaze fixation; all mandatory information required by regulation — the bottom of the panel or the reverse side, where it does not intersect with the first glance area. A product whose side panel first displays the composition instead of the volume loses the customer who compares packages by weight on the shelf — and this is a separate and frequent choice pattern in the household chemicals and snack categories.
What follows from this in practice
Three systems — regulation, timing of perception, and composition — must be designed simultaneously, not sequentially 'first design, then legal,' otherwise conflict is inevitable and is always resolved at the expense of the brand or at the expense of the readability of mandatory information. Three seconds on the shelf — this is a measured physiological limit, not a deadline for creative search: within this time frame, you need to manage to show the brand, benefit, and product in exactly this order. And the mandatory text stops hindering the hierarchy not when it is attempted to hide it gray on gray, but when a zone is found for it, which physically does not intersect with the first glance of the buyer — the bottom of the panel, the reverse side, the side panel.
Recent articles
MegaFon, BMW, VTB and more 240+ companies. See how it looks in the showcase reel:
Our branding agency is approached to order:
Branding agency services
