does button colour affect conversion optmisation?
TRANSCRIPT
![Page 1: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/1.jpg)
www.usability247.com
BUYBUY
BUY
BUY
BUY
BUY
Does button colour
play a part in
conversion
optimisation?
www.usability247.com
![Page 2: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/2.jpg)
www.usability247.com
There's more to colour than meets the eye.
www.usability247.com
![Page 3: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/3.jpg)
www.usability247.com
www.usability247.com
Colour is visual…
![Page 4: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/4.jpg)
www.usability247.com
www.usability247.com
and colour is
psychological.
![Page 5: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/5.jpg)
www.usability247.com
www.usability247.com
Colour can evoke an
emotional response…
…or convey a message.
![Page 6: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/6.jpg)
www.usability247.com
www.usability247.com
RED, for instance is often
interpreted as:
Warm. Stop. Danger.
![Page 7: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/7.jpg)
www.usability247.com
But does colour
influence buying
decisions?
www.usability247.com
![Page 8: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/8.jpg)
www.usability247.com
An effective CTA*
button catches the
eye, inviting the user to
click and convert.
*Call to Action
www.usability247.com
![Page 9: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/9.jpg)
Appearance is everything:
www.usability247.com
![Page 10: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/10.jpg)
www.usability247.com
92.6% of people state visual aspect as being
a deciding factor when making a purchase.
www.usability247.com
![Page 11: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/11.jpg)
www.usability247.com
84.7% think colour is more important than other
elements when choosing products to buy.
www.usability247.com
![Page 12: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/12.jpg)
www.usability247.com
So how something looks,
along with its colour,
influences the decision to
buy it. But does this
association translate to
CTAs and conversion
optimisation?
![Page 13: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/13.jpg)
www.usability247.com
GO?
STOP?Not necessarily so.
![Page 14: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/14.jpg)
www.usability247.com
One test study found that a red
button increased conversions
by a massive 34%, when
compared with a green one.
BUY
BUY
![Page 15: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/15.jpg)
www.usability247.com
Similarly, a Red/Green A/B test
by marketing platform HubSpot
increased conversions by 21%
in favour of red.
BUY
BUY
![Page 16: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/16.jpg)
www.usability247.com
In another test, a green button
was tested against a blue
button, with the green button
weighing in a hefty 35.81%
increase.
BUY
BUY
![Page 17: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/17.jpg)
www.usability247.com
BUYBUY
BUY
So green trumps blue, and
red trumps green?
Not necessarily
so.
![Page 18: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/18.jpg)
www.usability247.com
Vs.
Internet marketers Monetate tested a blue button against an
orange one – orange and red often being regarded as
interchangeable – with blue outperforming its rival by 9%.
![Page 19: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/19.jpg)
www.usability247.com
What this tells us is that no
single colour is a guarantee
of conversion.
![Page 20: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/20.jpg)
www.usability247.com
What works colour-wise on
one website, might not work
on another.
![Page 21: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/21.jpg)
www.usability247.com
Other contributing factors in CTA conversion
optimisation include:
Message Placement
Context
Size
![Page 22: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/22.jpg)
www.usability247.com
But what really
counts is
standing out.
![Page 23: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/23.jpg)
www.usability247.com
Choose a strong colour
that lifts the CTA from
the page; one that
contrasts its
surroundings.
![Page 24: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/24.jpg)
www.usability247.com
Determine which colour, and shade of that colour, works
best for your website via real world A/B testing.
![Page 25: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/25.jpg)
www.usability247.com
Rinse and repeat until your
CTA button is performing the
job it was designed for, and
your conversion rates are in
the rudest of health.
![Page 26: Does button colour affect conversion optmisation?](https://reader031.vdocuments.site/reader031/viewer/2022030318/58ee63511a28ab9a0b8b46d5/html5/thumbnails/26.jpg)
www.usability247.com
Press me
Increase your sales with
CTA buttons that
convert. To find out
how, contact
Usability24/7 today!