Not a member? Why not join us or log in? (No more hassle filling in comments, less obtrusive ads and asides.)

Calls To Action - Click Here!

Posted by Matt Davies on February 7th, 2008.

Creative designer and founder of Attitude Design. View our Graphic Design Portfolio.

http://attitudedesign.co.uk

Matt Davies has posted 27 articles.

RSS Feed for fadtastic.net RSS Feed for Matt Davies

Full Profile →

As we go about our online lives we are all exposed to “Calls To Action” on a day by day, and sometimes minute to minute, basis . This article examines what a Call To Action is and how you can make yours stronger than the competition.

What Is A Call To Action

Basically a “Call To Action” (CTA) is a section of text which tells the user to do something. For example “contact us today”, “find out more”, “register now” or the famous “click here”. Normally a call to action is placed along-side an attention grabbing advert or graphic.

There has been much discussion on CTA’s, from userbility, accessibility, design and marketing perspectives. There is no general way of doing CTA’s because it depends on what you are trying to get the user to do and where you CTA is placed. Here we have laid out a few guidelines for making your CTA’s better…

Wording

Many web designers argue that the commonly used “click here” is inadequate as a CTA because it does not convey why the user should take such an action.

It is commonly acknowledged that an effective CTA will inform the user as to why they should follow it. For example if we came across a “register now” CTA it informs us as to WHY we need to click it. “Click here” is an expression which fails on the informative front.

However on the other hand “click here” is a commonly used term which seems to work for the big companies. For example, see below:

CTA Click Examples

Now we’re not suggesting that this makes it right but if it works for them then it’s logical to ask why can’t it work for the rest of us? The answer is of course, that it can work for us - only we can make our CTA even better. For example on the WSPA banner advert above, it may work saying “click here” but what if it said “click here to save a gorilla”, or “click here to find out why we need your help”. This would tell the user why they should do what it says as well as using the common term “click here” telling them how to do it. To make the CTA even stronger you could, for example, on the MYA cosmetic surgery advert have “click here for a free brochure”. This example offers incentives to the user as well as telling them why they should click.

The best word to use is “Free”. Marketeers all agree that “Free” is the most powerful word. So whatever it is, whether it is a free product or simply free information. A killer call to action then would include the command “click here” with the incentive of “free”. “Click here for a free sample” for example.

Messaging

Again the messaging which accompanies the CTA needs to be clear and simple. Most of all though it needs to give a sense of urgency. For example “Sale Now On - Hurry, ends on Friday” with the CTA “click here to see what’s on offer”. If we also added “Free” in there somewhere we would have a irisistable call to action!

The message needs to appeal to your target *audience and it needs to grab their attention. Don’t tell the user what you want them to do in the message, thats in the CTA, tell them what they will want to hear then tell them what to do.

Design & Images

Obviously CTA’s come in all shapes and sizes. The most simple CTAs are used in HTML text in anchor tags like this. Text links are useful for search engines who record the text held in anchor tags and add them as bonuses to search phrases - however they don’t look great. Use them in your copy but maybe use an image based CTA somewhere as well. If you are going to use a CTA in text - why not pop an icon next to it help the user to it from other text or links.

When styling CTA’s its important to make them obvious. The idea is to make sure the sure knows that they are supposed to click on it. Below are some examples of “button” style CTA’s:

C2A Button Examples

CTA buttons are widely used alongside images with marketing messages. The message gets the interest, the CTA tells the user what to do. Again the principles of the wording of the CTA still apply but when coupled with graphics, especially appealing ones, the eye is incited in a way which simple plain text cannot do.

CTA Design Examples

All images that you use need to be uncomplicated and need to back up or enforce the message and call to action. Sometimes just using a product shot will do the trick, other times a clever concept could be developed into the image. The important thing is to keep it simple though.

Conclusion

So there ends a breif introduction to makign your CTA’s better. Has anybody got any other tips or examples of better CTA’s? Leave a comment below…

This article can also be found on Attitude Design

Make A Comment

( 12 so far )

blockquote and a tags work here.

12 Responses to Calls To Action - Click Here!

Comments RSS Feed

Great article.  I was attempting to explain this exact situtation to some people the other day.  I’ll definitely be directing them to this article!

Kyle
February 7th, 2008
#

For some more CTA samples you might want to check out my page of <a href="http://www.smileycat.com/miaow/archives/000064.php">banner ad examples</a>. I posted this in 2004 - interestingly, "click here" isn’t used vey much.

Christian Watson
February 7th, 2008
#

A very nice collection!Interesting that the third lot of CTA’s are advertising more technology advance than the first and second lot of examples. 

Jermayn Parker
February 8th, 2008
#

I’d argue that there’s no need to say click here in a lot of your examples, e.g. Get your free sample here is better than Click here for a free sample and See what’s on offer! is better than click here to see what’s on offer.

John Faulds
February 8th, 2008
#

[…] Calls To Action - Click Here! - As we go about our online lives we are all exposed to “Calls To Action” on a day by day, and sometimes minute to minute, basis . This article examines what a Call To Action is and how you can make yours stronger than the competition. […]

Matt, great introduction! I’d agree with John’s comment. Click Here? Aren’t we past that? Almost seems like SPAM at this point. I’d also like to add that my company and dept. has done a lot of testing around CTA graphics and text. We’ve found the most descriptive text (such as the exmaples in your last block of images) is optimal. However, many times we’re limited to 2 or 3 words and have tested around this scenario. We’ve found some interesting reactions.Act Now - Denotes a sense of urgency. Sometimes good, sometimes not.Buy Now - Denotes commitment. Did not do well for our eCommerce site since consumers rarely wanted to commit right then and there.Learn More and More Info did about the same and are considered safe for much of our work. We also use phrases like ‘Sign Up’, ‘Submit My Information’, ‘Request Info’, and ‘RSVP Now’ when they describe the exact action that results from clicking the button (as Matt notes above). 

Ted Goas
February 8th, 2008
#

[…] Calls To Action - Click Here! […]

[…] has a nice article looking at the rationale behind different approaches to implementing calls-to-action on banners and buttons (with lots of […]

This is great and makes a very good point.

web design , almog , media
February 25th, 2008
#

Thanks Great Article, short and to the point and informative, a good call to action makes all the difference when trying to convert a visitor into a lead or sale.

Jason Marsh - Website designer
February 28th, 2008
#

Informative and helpful. View some of our buttons at http://www.ardis-creative.com

Miranda Larsen
March 10th, 2008
#

Sorry, but the link to the image are defect ;) Ralph 

Ralph
March 26th, 2008
#

↑ Jump up to the comment form

Related In Some Way, Shape Or Form

The above post has obviously kept you amused. Why not discover similar material:

The posts Vote For The Happy WaterdropFriday Fun: SEO Clout ChallengeYour Client Problems Solved: Answers (Part 2 of 3)Ajax - User Interface Libraries and Design PatternsLeaving An Impression, are related to this post.

Or why not take time out to find out about the author of the post.