Eye-tracking research of packaging: how to understand where the buyer looks
What eye-tracking metrics mean for a designer, not an analyst
The eye-tracking report is intimidating due to the abundance of terms, but designers actually need only three indicators, and the rest are details for presenting to investors.
| Metric | What it measures | What this means for packaging |
|---|---|---|
| Time to First Fixation (TFF) | How many seconds it takes for the gaze to first land on an element | The shorter — the more noticeable the element on the shelf. A difference of 0,66 seconds already gives 30-40% advantage over the competitor |
| Fixation Duration | How long the gaze lingered on the object in total | Shows whether the element captured attention or the gaze simply skimmed past |
| Heatmap (heat map) | Distribution of all fixations across the layout | Clearly shows what people actually look at and what is merely drawn by the designer “for beauty” |
| Order of fixations (Scanpath) | The sequence in which the gaze moves across the objects | The brain processes packaging in a fixed order: first the logo, then the image, then the text. If the text is seen before the logo — the layout works against the brand |
A telling example is the geotextile test: the new packaging received only 0,43 seconds of fixation within the 10-second window (4,31%), while the competitor's packaging received 1,15 seconds (11,53%). The difference looks like a fraction of a second, but on the shelf it means the product is hardly noticed against the backdrop of its neighbors.
Blind spots and false anchors: how the camera detects them, not the editor's eye
A blind spot is a part of the layout where the gaze does not fall at all or falls by accident, without fixation. Usually this is the lower corners of the packaging, small text next to a large image, elements that repeat the background color. Finding them by eye is almost impossible: the designer knows where they placed the key message, and subconsciously 'sees' it, even when the actual buyer does not.
A false anchor is the opposite problem: an element that draws attention but does not carry the necessary information. Classic example — the story of Tropicana. The redesign of Tropicana led to a significant drop in sales — according to different estimates, the loss amounted to from $27 to $33 million. The main problem was that customers stopped recognizing the brand on the shelf due to the abandonment of the recognizable logo with a straw in an orange.
Both effects are identified equally: a heat map is constructed and compared with the message hierarchy that the marketer had in mind. If the 'hot spot' does not match what should sell the product — you are facing either a blind spot (important elements were not noticed) or a false anchor (unimportant elements captured attention).
The laboratory and the real shelf — two different worlds
A laboratory test with shelf simulation gives clean figures, but does not fully recreate the real store: there is no fatigue after a working day, no queue at the checkout, no child tugging at the sleeve. Therefore, the results of laboratory eye-tracking should be read as the upper boundary of packaging capabilities, not as a guarantee of shelf behavior.
The difference is especially noticeable in category figures: a shopper spends about 15 seconds on the entire product category and notices less than 40% of the displayed products, while advertising materials hold their attention for less than two seconds. In the lab, however, the participant usually looks at the stimulus longer and more carefully than in a real store — simply because they know they are participating in a study. The conclusion is simple: the lab is good for comparing design options against each other, but absolute figures like 'it will be worse in the real world' should be factored in from the start.
What equipment to choose: comparison of approaches
Expensive wearable glasses are not the only option, and for many tasks they are excessive.
| Type of tracking | Accuracy | Cost | When it fits |
|---|---|---|---|
| Webcam (online platforms) | Average, but sufficient for comparing layouts | Low, there are free trial versions available | Early concept testing, rapid A/B comparison of packaging options |
| Remote stationary tracker | High | Medium-high | Final check before printing, precise TFF and Fixation Duration metrics |
| Wearable tracker glasses | Maximum, movement in real space | High | Behavioral research right in the store, at the real shelf |
Basic testing without expensive equipment is quite realistic: camera-based services (offered by several foreign and Russian platforms) provide a heat map and TFF using a regular laptop camera of the respondent. The accuracy is lower than that of a stationary tracker, but for filtering out three weak design variants from five, this is sufficient — there's no need to spend the budget on a laboratory to understand that the logo is not seen at all.
At what stage of development to test
A common mistake is to test only the final layout before printing, when it is almost impossible to make significant changes without losing schedule.
- Concept — 3-5 rough composition variants are checked for where the first glance falls. Web-camera tracking is sufficient here, the goal is to filter out weak directions.
- Design — the finalized layout with all elements is tested: fonts, color, product photo. Here, the accuracy of a stationary tracker and a full heat map are required.
- Redesign — it is essential to compare the old and new versions on the same sample of respondents, not just evaluate the new layout in isolation. It was precisely the lack of such a comparison that doomed Tropicana — the redesign was tested as a standalone product, not against the previous packaging that customers were already recognizing.
Why peripheral vision decides the fate of a product on the shelf
Focal vision sees in detail but narrowly — literally just a couple of centimeters in depth of the shelf. Peripheral vision works differently: it scans a wide field and decides where to direct the gaze for detailed examination. It is precisely peripheral vision that answers the question 'will I notice the product among twenty neighbors', not focus.
From this, a practical rule emerges: large color spots, silhouette contrast of the packaging, and the overall 'glint' on the shelf work at the level of peripheral vision and must be perceived within 500-700 milliseconds — this is the budget for the initial decision on the product. After that, the buyer has 2-6 seconds to examine the details with focused vision and make a purchase decision. In total, the entire packaging budget is 3-7 seconds, and most of this time is spent on peripheral, rather than detailed, evaluation.
Practical output for design: if the packaging is 'beautiful up close,' but does not have a recognizable silhouette or color block distinguishable by peripheral vision — it will lose the battle for attention even before the buyer has time to examine it.
How to turn a report into specific layout revisions
The numbers themselves do not change anything — it is the decisions made based on them that change. Here is what to look for when interpreting the report:
- If TFF on the logo is above 1 seconds — increase the contrast of the logo with the background or its size, competitors with TFF around 0,9-1 seconds are already capturing attention faster.
- If Fixation Duration on the key message is below average for the layout — this is a blind spot: the element is either too small, or is placed next to a stronger visual 'magnet' that captures attention earlier.
- If the heatmap shows a 'hot spot' on a decorative element that should not be selling a product — this is a false anchor. The solution is not to 'add' but to remove or reduce the competing element, rather than trying to outdo it with an even larger logo.
- If scanpath shows that text or illustration is read before the logo — restructure the composition so that the gaze physically cannot bypass the brand block first: this is a matter of placement, not size.
What eye-tracking metrics mean for a designer, not an analyst
The eye-tracking report is intimidating due to the abundance of terms, but designers actually need only three indicators, and the rest are details for presenting to investors.
| Metric | What it measures | What this means for packaging |
|---|---|---|
| Time to First Fixation (TFF) | How many seconds it takes for the gaze to first land on an element | The shorter — the more noticeable the element on the shelf. A difference of 0,66 seconds already gives 30-40% advantage over the competitor |
| Fixation Duration | How long the gaze lingered on the object in total | Shows whether the element captured attention or the gaze simply skimmed past |
| Heatmap (heat map) | Distribution of all fixations across the layout | Clearly shows what people actually look at and what is merely drawn by the designer “for beauty” |
| Order of fixations (Scanpath) | The sequence in which the gaze moves across the objects | The brain processes packaging in a fixed order: first the logo, then the image, then the text. If the text is seen before the logo — the layout works against the brand |
A telling example is the geotextile test: the new packaging received only 0,43 seconds of fixation within the 10-second window (4,31%), while the competitor's packaging received 1,15 seconds (11,53%). The difference looks like a fraction of a second, but on the shelf it means the product is hardly noticed against the backdrop of its neighbors.
Blind spots and false anchors: how the camera detects them, not the editor's eye
A blind spot is a part of the layout where the gaze does not fall at all or falls by accident, without fixation. Usually this is the lower corners of the packaging, small text next to a large image, elements that repeat the background color. Finding them by eye is almost impossible: the designer knows where they placed the key message, and subconsciously 'sees' it, even when the actual buyer does not.
A false anchor is the opposite problem: an element that draws attention but does not carry the necessary information. Classic example — the story of Tropicana. The redesign of Tropicana led to a significant drop in sales — according to different estimates, the loss amounted to from $27 to $33 million. The main problem was that customers stopped recognizing the brand on the shelf due to the abandonment of the recognizable logo with a straw in an orange.
Both effects are identified equally: a heat map is constructed and compared with the message hierarchy that the marketer had in mind. If the 'hot spot' does not match what should sell the product — you are facing either a blind spot (important elements were not noticed) or a false anchor (unimportant elements captured attention).
The laboratory and the real shelf — two different worlds
A laboratory test with shelf simulation gives clean figures, but does not fully recreate the real store: there is no fatigue after a working day, no queue at the checkout, no child tugging at the sleeve. Therefore, the results of laboratory eye-tracking should be read as the upper boundary of packaging capabilities, not as a guarantee of shelf behavior.
The difference is especially noticeable in category figures: a shopper spends about 15 seconds on the entire product category and notices less than 40% of the displayed products, while advertising materials hold their attention for less than two seconds. In the lab, however, the participant usually looks at the stimulus longer and more carefully than in a real store — simply because they know they are participating in a study. The conclusion is simple: the lab is good for comparing design options against each other, but absolute figures like 'it will be worse in the real world' should be factored in from the start.
What equipment to choose: comparison of approaches
Expensive wearable glasses are not the only option, and for many tasks they are excessive.
| Type of tracking | Accuracy | Cost | When it fits |
|---|---|---|---|
| Webcam (online platforms) | Average, but sufficient for comparing layouts | Low, there are free trial versions available | Early concept testing, rapid A/B comparison of packaging options |
| Remote stationary tracker | High | Medium-high | Final check before printing, precise TFF and Fixation Duration metrics |
| Wearable tracker glasses | Maximum, movement in real space | High | Behavioral research right in the store, at the real shelf |
Basic testing without expensive equipment is quite realistic: camera-based services (offered by several foreign and Russian platforms) provide a heat map and TFF using a regular laptop camera of the respondent. The accuracy is lower than that of a stationary tracker, but for filtering out three weak design variants from five, this is sufficient — there's no need to spend the budget on a laboratory to understand that the logo is not seen at all.
At what stage of development to test
A common mistake is to test only the final layout before printing, when it is almost impossible to make significant changes without losing schedule.
- Concept — 3-5 rough composition variants are checked for where the first glance falls. Web-camera tracking is sufficient here, the goal is to filter out weak directions.
- Design — the finalized layout with all elements is tested: fonts, color, product photo. Here, the accuracy of a stationary tracker and a full heat map are required.
- Redesign — it is essential to compare the old and new versions on the same sample of respondents, not just evaluate the new layout in isolation. It was precisely the lack of such a comparison that doomed Tropicana — the redesign was tested as a standalone product, not against the previous packaging that customers were already recognizing.
Why peripheral vision decides the fate of a product on the shelf
Focal vision sees in detail but narrowly — literally just a couple of centimeters in depth of the shelf. Peripheral vision works differently: it scans a wide field and decides where to direct the gaze for detailed examination. It is precisely peripheral vision that answers the question 'will I notice the product among twenty neighbors', not focus.
From this, a practical rule emerges: large color spots, silhouette contrast of the packaging, and the overall 'glint' on the shelf work at the level of peripheral vision and must be perceived within 500-700 milliseconds — this is the budget for the initial decision on the product. After that, the buyer has 2-6 seconds to examine the details with focused vision and make a purchase decision. In total, the entire packaging budget is 3-7 seconds, and most of this time is spent on peripheral, rather than detailed, evaluation.
Practical output for design: if the packaging is 'beautiful up close,' but does not have a recognizable silhouette or color block distinguishable by peripheral vision — it will lose the battle for attention even before the buyer has time to examine it.
How to turn a report into specific layout revisions
The numbers themselves do not change anything — it is the decisions made based on them that change. Here is what to look for when interpreting the report:
- If TFF on the logo is above 1 seconds — increase the contrast of the logo with the background or its size, competitors with TFF around 0,9-1 seconds are already capturing attention faster.
- If Fixation Duration on the key message is below average for the layout — this is a blind spot: the element is either too small, or is placed next to a stronger visual 'magnet' that captures attention earlier.
- If the heatmap shows a 'hot spot' on a decorative element that should not be selling a product — this is a false anchor. The solution is not to 'add' but to remove or reduce the competing element, rather than trying to outdo it with an even larger logo.
- If scanpath shows that text or illustration is read before the logo — restructure the composition so that the gaze physically cannot bypass the brand block first: this is a matter of placement, not size.
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
