Meet Banner Score, the algorithm that gives you banner performance insight. It checks 100+ parameters over 10 categories and tells you how good your banner is while you’re designing it.
While adding new banners to our own campaigns, we wondered: “Wouldn’t it be nice if we knew how good our banner is before we spent $1000 testing it?”
“How about our users? Would they mind a smart personal banner design assistant?”
With that in mind, we built Banner Score. It’s like the Siri of banner design, only it uses numbers and you can find it in Bannersnack.
How Banner Score works
The Banner Score works on two levels. First, it checks if your banner respects design principles. Second, it assesses the combinations of elements (text, images, fonts, colors) from a performance point of view.
The algorithm checks your banner for contrast, margins and alignments, colors, images, text readability, fonts, font sizes, buttons and the amount of text. Your banner gets a grade for each of those categories and each grade adds to the overall Banner Score.
A high Banner Score means both that your banner respects design rules and that the combinations of elements perform well (get clicks and conversions) overall. If your banner gets a low score, even if all the elements are chosen correctly, their combination as a whole is not likely to perform well.
How to get a good Banner Score
To get a good score, make sure you follow design principles. Edit text so that is easy to read (good font, good size, readability, color), use good contrast, high-quality images and colors that go well together. Keep an eye on margins and alignments as well – those matter, too.
There are no recipes. Combinations of elements that got a high score for one banner might not work for another. This happens because banners have different complexity levels according to the number and the type of elements on it.
For example, if for a banner designed mainly with text, black and green got a good score, the same colors could get a lower score if you use them in a banner designed with text and images.
How to use the Banner Score
Create a banner using our easy to use banner ad maker.
- Check the Banner Score in the upper right hand, next to the “Save & Publish” button. As you edit your banner, you will see the score update in real time. Please note (and be patient) – it may take a few seconds for the Banner Score to update as the machine learning algorithm does the math every time.
IMPORTANT ABOUT BANNER SCORE
The Banner Score is beta. It’s a 100% brand new feature, we created it because we want to help our users to build better banners. We know it’s not perfect yet, but we also want to see what you think of it. Your feedback will help us further improve the Banner Score.
Currently, the average error is around 10%. Still, Banner Score learns by itself from banner ads that run in real ad campaigns across the world. It gets smarter every day.
Because we used mainly well designed banners to build the algorithm, badly designed banners can still get a good Banner Score. This happens because badly designed banners may obey the same important rules as good banners, while breaking other, less important ones.
The Banner Score recognizes types of elements on your banner, text or image. Still, it doesn’t analyse what’s inside them to grade your banner. Because of this, if you want to edit the text or to use a different image without making further changes (fonts, colors, sizes, element position etc), your Banner Score will not be affected.
The Banner Score also evaluates the colors on your banner according to color combinations. It uses the four main colors on your banner and the Muller formula for this. However, it won’t pick up if a color is used too much or too little or if it’s not used well at all. You’ll get a better Banner Score if the main colors you’ve used go well together.
The Banner Score is calculated separately for each size. Right now, it is available only for the following standard banner ad sizes: 300×250, 728×90, 160×600. Other sizes will be available in the future.
For multiple slide banners, the Banner Score will be displayed only for the first slide in your banner.
- The Banner Score works only for banners created using Bannersnack. If you just upload a banner as a flat file from Photoshop, Illustrator or other editing software, it won’t provide much insight. You can however, use the new Photoshop to Bannersnack plugin to import your .psd files directly to Bannersnack to check Banner Score for them.
So, what do you think? Check the Banner Score for your banners and let us know what you think in the comments below.
Get industry news, studies, how-to articles, exclusive Bannersnack offers and product updates every other week.