Vlix Vlix

← Digital Marketing

How to Make a Scroll Stopping Banner: Every Element, Measured

In 2005 researchers sat 24 people in front of an eye tracker. Some pages carried a real advertising banner. Some carried a blank grey rectangle in the same slot. People looked at the real ads in 13.0% of the tasks and at the empty grey box in 8.8%, a gap small enough to have been luck. That is the whole return on the design work. I make small apps (Repeat Recorder, Paint Vlix, Camera to Clipboard) and buy ads for them, so what I wanted was the short list of banner tips somebody has actually measured.

The short version: three things about banners have really been measured. Everything else is just convention.

  • Where the banner sits beats anything you can draw on it. Banners sitting among the content got looked at 58 times, against only 10 times for banners in a slot at the top, and the strip of ads placed at the right-hand side of a page filled a quarter of it and got fewer than one look in a hundred. No colour or headline closes a gap that size.
  • Trying to look eye-catching backfires, because standing out is how a reader knows to skip you. This reverses almost every banner guide ever written. Nielsen Norman Group found an element was ignored precisely because it looked different from the text and photography around it, and Meta's own 2026 study found rough, home-made-looking ads beating expensively produced ones. Animation is the same trap: across 67,000 Facebook ads it won clicks by 1.9% to 1.1% and lost on cost per buyer by $48.20 to $34.50. Take your colours, type and photography from the page you sit on, not from your brand guidelines.
  • Expect very little, then blame where the ad sits rather than the artwork. Display ads get about 0.05% of clicks on desktop and 0.21% on mobile, only one person in four stops three seconds on a Meta video ad, and about a third never get half their pixels on screen for one second.

Where a banner sits matters more than how it looks

Illustration: a web page with a highlighted blue block in the middle of the reading column, and a plain grey block ignored in the narrow side column

The whole answer, before the evidence behind it.

So: fight to get the ad into the column people are reading rather than into an ad slot, put words on it, leave it still, and if you use a face, point it at the thing you are selling.

A finished ad is barely noticed more than an empty box

Illustration: two identical empty rectangles side by side, one plain grey and one designed in blue, with almost the same tiny cluster of gaze dots above each

The best hard numbers on this come from a paper almost nobody in marketing cites: Burke, Hornof, Nilsen and Gorman, in ACM Transactions on Computer-Human Interaction, 2005. They eye-tracked 24 people looking for things on a web page, and changed what sat in the banner slot. Sometimes it held a proper advertisement with a product, a headline and a colour scheme. Sometimes it held an empty grey box with nothing in it at all. The empty box is the fair comparison, because whatever the real ad wins over it is what all the design work bought you.

What was in the banner slotHow often it was looked atRemembered afterwardsHow much it slowed people down
A blank grey rectangle8.8% almost nobody lookedNothing in it to rememberNo delay, there was nothing there to ignore
A static advertisement13.0% no real gain on an empty boxGenuinely remembered by some people6.3% longer to find what they came for
An animated advertisement13.2% no real gain on an empty boxNot remembered at all7.5% longer to find what they came for

The first column is red the whole way down on purpose. 8.8%, 13.0% and 13.2% look like a ranking, but the researchers found a gap that size was the kind that turns up by luck, so the honest reading is that all three did equally badly. The same goes for the last column: the two ads cost people 6.3% and 7.5% extra time, and those two did not differ from each other either. One caveat worth stating: this is 24 undergraduates hunting for things on a page in 2005, not a person idly scrolling a feed in 2026. It measures the reflex, not the whole market.

Almost nobody looks at the ads placed at the side of a page

Illustration: a web page where the reading area is dense with gaze dots and the narrow right-hand column has almost none

People have learned where ads normally sit, and their eyes now skip those places without them deciding to. Nielsen Norman Group put 26 people in front of real web pages and tracked exactly where they looked.

So an ad sitting in the column people are reading beats a better-looking ad in the sidebar, and it is not close.

Trying to stand out is exactly what gets a banner skipped

Illustration: a vertical stack of identical pale grey feed cards with one jarring coral card at the bottom and a skip arrow curving around it

Here is the contradiction at the centre of this whole subject. Design advice says stand out. The eye-tracking says that on a web page, looking different from what surrounds you is precisely how you get skipped.

Animation buys attention and loses you the customer

Illustration: a rectangle with motion streaks around it, connected by an arrow to a large coral coin beside a much smaller blue one

Search for how to make a banner stand out and the first advice you meet is to add movement. This is the one area where the research is genuinely split, so here is both sides, and then the thing that resolves it.

So the honest summary is that motion does get looked at, and that looking is worth less than it costs. If you are paying per customer rather than per click, the cheap change is deleting the animation.

Plain text gets looked at more than a picture

Illustration: a banner filled with lines of text glowing with attention marks, next to a plain picture banner with none

Three separate sources, across nearly twenty years, point the same way, and none of them is cited by any of the design-tip articles that rank for this subject.

Bold text is the cheapest change you can make to a banner

Given that words work better than pictures, the next question is how those words should look. There is one real answer, one honest gap, and two rules people follow that were never measured.

So the whole of it: use words rather than a picture, set them in bold, make them readable, and ignore the 20% rule.

A face works only when it is looking at your product

Illustration: a blank navy head shape in profile turned toward a small coral product box with a dotted line between them, beside a faded head facing straight out

"Put a human face in it" is one of the oldest pieces of advertising advice. It has been measured properly exactly once that I could find, and the result is narrower and more useful than the advice.

One caution on the last point: those are individual results picked out of a huge library of ads by the company that sells the analysis, not controlled tests, and they never say how likely the results were to be luck.

How big your banner is beats how much it stands out

Illustration: three squares in a row, a large plain navy one, a medium blue one, and a tiny coral one surrounded by sparkle marks

Every banner guide tells you to make the design bold and high contrast. The research on where human eyes actually land says standing out is the weakest of the three things competing for that job.

Which colour you pick has never been shown to matter

Two different questions get mixed up here, and separating them clears up most of the confusion. Whether to use colour at all does have an answer, and it is a modest yes, worth a bit more looking time. Which colour to use, red against green against blue, has no answer at all, and that is where almost every famous piece of colour advice lives. This section is about the second question.

One catch worth naming: that 21% came from a printed phone directory, where standing out from the page was the whole point. On a web page it cuts both ways, because standing out from the content around you is also exactly what gets a banner skipped. So the safe reading is to use enough contrast inside the banner that the words are easy to read, and to stop worrying about which colour that is. Every confident claim that a particular colour wins turns out to be built on nothing.

You get 1.7 seconds, so design for a single glance

Illustration: a phone in side view with feed cards rushing past in motion blur, one blue card caught mid screen, beside a stopwatch

Facebook published the number everyone quotes, in April 2016: people spend 1.7 seconds with a piece of content in a mobile feed against 2.5 seconds on desktop, and a quarter of a second in front of someone is enough for them to remember having seen it. Two honest caveats: it is Meta measuring its own product, and while Meta published a full method for the ad study on that page, it published no method at all for the 1.7 and 2.5 second figures themselves. It is a vendor claim, a decade old, and it is still the best public figure there is.

So build the banner for one glance. One idea, in words big enough to read without stopping, and no second thing competing with the first. You cannot buy yourself more time by designing harder, because the two things that decide how long your banner is on screen both belong to the reader.

Only one in four people stop three seconds on a video ad

Illustration: a ring with roughly one quarter filled in bright blue and the remaining three quarters pale grey

"Scroll stopping" does have a real unit. On Meta it is the hook rate, the share of people shown a video ad who stay for three seconds. Billo measured it across more than 80,000 Meta video ads carrying $105 million of spend between July and December 2025.

A third of display ads never get onto the screen at all

Illustration: a screen frame with a banner only partly inside it, the portion outside the edge faded to pale grey

Before any of the design argument applies, the ad has to be on screen. The industry standard for that is lower than most people assume, and a large minority of ads still fail it.

Tall banners stay on screen and wide ones scroll away

Illustration: a tall blue rectangle standing inside a screen frame beside a wide grey rectangle drifting out of the top with motion streaks

Size does have measured effects, but not the ones the guidance implies, and the reason is mechanical rather than aesthetic. Meetrics measured how often each size was properly on screen, and for how long, across several billion ads shown in Europe.

Standard unitHow often it was on screenTime in viewDesktop click-through
160x600 wide skyscraper72% the best of the five27.8 sec0.082% the best of the five
300x600 half page70%29.1 sec the longest0.057%
300x250 medium rectangle58%20.6 sec0.051%
970x250 billboard55%14.3 secNot measured in this dataset
728x90 leaderboard51% the worst of the five15.5 sec0.040% the worst of the five

Everyone quotes 0.46% but the real banner click rate is 0.27%

Illustration: a faded grey card with cobwebs in its corners beside a crisp bright blue card of the same shape

Before you judge your own numbers, check what you are being compared to. The most quoted statistic in banner advertising is roughly double the real figure, because it is a genuine measurement from 2017 being passed off as current.

Where the ad runsClick-through rateHow current the data isHow well sourced it is
Google Search6.64% the outlierApr 2025 to Mar 202613,474 campaigns, method published
Meta feed, leads campaigns2.59%Apr 2024 to Jun 2025726 campaigns, a small sample
Meta feed, traffic campaigns1.71%Apr 2024 to Jun 2025554 campaigns, a small sample
Google Display Network0.46%Aug 2017 to Jan 2018, sold as current14,197 accounts, method published
Mobile display, any size0.209%Roughly 2017, recycled as 2026 data2.78 billion ads shown, one platform
Desktop display, any size0.051% the floorRoughly 2017, recycled as 2026 data2.78 billion ads shown, one platform

So the number to plan against is about a quarter of one percent, not the half a percent you will be quoted, and lower still on desktop. If a thousand people are shown your banner, expect two or three clicks.

Banner blindness got worse and now hits anything ad-shaped

Illustration: three identical faded banner shapes in a row along a horizontal line, each with the same small cluster of skip arrows above it

One last thing worth knowing before you spend a week on the artwork. This has been getting worse rather than better, in two separate ways: the habit of skipping ads is as strong as it ever was, and it has spread to things that are not even ads.

Conclusion: what actually makes a banner scroll stopping