Call to Action

Your site is hemorrhaging active users. You're trying to corral your users into a specific action. You've done everything you think is necessary. You've smattered buttons and forms across your site. All in the hopes to lure users into your ultimate goal. Yet there's no improvement. Things remain flat. And flat ain't sexy.

Money is wasting away. Your're running out of time. You've got to retool before it's too late.

If you believe just a few buttons and a few forms are going to help improve site activity — it’s time to rethink your strategy.

Drive Users to Action

You need to drive users to a well-developed and succinct action. In order to accomplish this feat, you have to keep in mind these three concepts: visual design, content and form elements.

• Visual design is where you build context for your call to action. The user can visualize what needs to be done. This can be achieved through contrast in colors, proximity associations or size variations to beckon the users attention. These designs should motivate a user to want to follow through with your actions.

• Content is what guides your user through the action. The words help the user identify what they need to be doing and begin the action. This is achieved through short concise narratives for your user. The shorter and clearer the instructions, the better it is. The content needs to trigger the motivated user to follow through with the action.

• Form Elements are the finishing touch of the process. These elements are the driving force of the desired action, often a button. You want the form elements to promote an action, through no-nonsense means. Make sure the elements are very succinct and clear to their functions. The form elements gives your motivated user the ability to trigger the action.

By developing context, guiding users’ decisions and crafting elements that finalize the call to action, your design has become your competitive advantage.With this advantage and concepts, you harness the tools to drive the most apathetic and casual browser to becoming a contributing and active user.

Getting desired results requires more than just haphazardly placing buttons about your site.

You have to be aware of the design surrounding your buttons and their placement in the content order to bring the most effective call to action to life.

Function Follows Form Elements

We usually let the function of a product dictate how things are built. For our form elements – usually buttons – it’s the exact opposite. We have to place buttons based on how the site or page is built.

The layout of a page will dictate how a user looks at the page. An example would be a user viewing a page in a zigzag pattern, a diagonal pattern or straight down. Based on these eye-tracking patterns, we must place a button appropriately to finish the call to action.

This is an example of a layout in which a user will view the page in a diagonal motion, based on the content and the variations found throughout. Because of this layout it is imperative that the users’ final focal point is your call to action. By placing the button at the end of your users view pattern you making it a point for the user to continue forward with said call to action.

Buttons, You’re Doing it Wrong

Following the same example, as before, there are wrong ways in which to produce buttons, even if they are in line with your call to action.

The call to action still wants users to sign up and use the sites services. The placement follows the users eye movement. So why is this button out of sync, compared to the previous?

The client has no context nor reason to follow through with the call to action.

The client needs content and context. They need a reason to follow through with your product. Hierarchy of content lends a helping hand in creating the most effective buttons to aid to the success of your product and your business.

To lend credence to effective hierarchy and buttons, the previous example increased signup activity by 350% over this variation.

Primary Trumps Secondary

With a call to action, there is always a route you want your user to move towards — your primary directive. The other option, usually a cancel or button of similar nature, is the secondary choice in which you’d rather the user not choose to go with.

With these buttons, most — not all — of the time you would want to align the primary on the right and the secondary to the left. You want to leave the user with the best impression last. Reading left-to-right, you will leave the user with the primary choice last and leaving an impression to end with the call to action on the primary choice.

As with hierarchy, the bigger and bolder content garners the most attention and direction. Buttons work the same way. Your primary button gains the same attention with variation. Variation of your button can be achieved through colors and size. We even showcased some super awesome buttons in a blog entry a few years back, which emphasized some super awesome variations.

Bridge the Gap

Context and buttons are your dynamic duo to creating the ultimate call to action. The buttons are your users’ bridge between being a passive user and an active user. To get them over that bridge, the placement and design of your call to action is crucial.

With all the delicate details surrounding the buttons and making them more beneficial to your product and overall goal with the call to action, there is one thing to really remember with your button. Make sure the action is as succinct as possible. Making the action clear and concise for the user is invaluable.

You can give a user all the right context clues, the right guidance towards proper action and beautiful form elements — should the direct action not be clear and the user is left to their own devices, they may not follow through your primary call to action.

Call Yourself to – Proper Call to Action – Action

Everyone has a call to action. You just need the right information and tools to make yours truly work and speak to your audience in a way that's advantageous to your business and the users as well.

There's a few tips to keep in mind when it comes to calls to action:

• Leave a call to action on every page. You never know what page users will be entering your site on. The links the user followed to land on your page may not be a path you have thought a user would enter your site. It is in this case that it's important to have your call to action visible on any page of your site.

• Have a call to action above the fold. The fold is the visible part of a page that is loaded before a user scrolls down. Most of the time, a user scans the information and content of the fold to decide whether they will proceed with the rest of the page. By having a direct call to action placed here, a user can see it right away, rather than scavenging for reason.

• Know the purpose of your site. By knowing precisely your ultimate business goal, you can cater the call to action accordingly. Giving the users the necessary information and clear distinct action will help benefit their understanding of your site. If the user understands your goals and call to action, you will have accomplished your business’ goals.

Remember actions give pages meaning, purpose. You create the right environment for that through the use of visual design, content and form elements. A crisp, clear call to action can be the difference between being the next big thing or the next Boo.com.