E-Web Design
  • Home
    • Looking For Web Development?
    • Professional Web Design
  • Opportunities
    • Partnerships
    • Web Design Referral
    • Web Developer Referral
  • Current Partners
    • Web Developers
  • Blog
    • Read our blog
    • Become an Author
  • About
    • Sitemap
  • Contact Us
    • Frequently Asked Questions
    • Free Consulation
  • Careers
    • Overview
    • Junior Web Developer
    • Jobs In Web Development
    • Web Design
Home » Blog » Web Design Tips to Improve Call to Action Buttons

Web Design Tips to Improve Call to Action Buttons

May, Fri 21st, 2010 Posted in : Blog By : admin 0 Comments

Call to action buttons are buttons which encourage users to do something on a page, e.g. lead them to fill out a consultation form or make users want to purchase a product via a “buy now” button. Therefore, it is important that these buttons do it in the most effective way possible. On the web, there are many ways in which call to actions can be used. Here are 5 quick tips to help you choose and or design effective call to action buttons.

Call to action buttons are buttons which encourage users to do something on a page, e.g. lead them to fill out a consultation form or make users want to purchase a product via a “buy now” button. Therefore, it is important that these buttons do it in the most effective way possible. On the web, there are many ways in which call to actions can be used. Here are 5 quick tips to help you choose and or design effective call to action buttons.

Tip 1: Big is beautiful, always make sure your main call to action is the biggest button on the page

  • Large buttons are more obvious
  • Always place the main call to action button above the fold
  • Use contrasting colours to the background so it can stand out
  • Use uplifting action words such as “Sign Up”, “Buy Now” , “Order Today” or “Discover”

Tip 2: Use appropriate supporting graphics

  • Graphic s should always relate to you call to actions
  • Use bullet points near your call to action button as this draws attention and allows the user to scan and soak in the content easily
  • When possible, use testimonials to communicate the positive aspects f your company. In this way, it will not look like you are gloating.
  • Use a lot of white space:  white space in web design actually can draw attention to elements. So by placing ample white space around your call to action, you will make it stand out more.
  • Avoid lengthy paragraphs above the fold. Content about the fold should be short and concise.

Tip 3: Use repetition

  • Add more than 1 form of call to action buttons on the page to reinforce and to ensure the user does not miss it. E.g. placing another call to action near at the bottom of the content so the user does not need to scroll up to find it.

Tip 4: Tell users what is in it for them

  • Users do not care how great a company is if the company cannot help them. Therefore, be sure to communicate how you can help them. When doing so, use personal language to reduce the gap between the company and its users by using words like “us” and “together.”

Tip 5: Reduce number of choices

  • Choice is normally a good thing, but if your users spend too much time deciding which the best thing is, you have a problem.
  • Provide only a few choices with detailed descriptions.
  • To aid users more, consider highlighting the most popular option to speed the process of conversions.
Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google

Popular Posts

  • Web Design Sydney
    March 1, 2010

Recent Posts

  • Last Minute To Do's For Web Designers
    July 21, 2010
  • Proof Reading Tips
    June 1, 2010
  • Web Design Tips to Improve Call to Action Buttons
    May 21, 2010

Search E-Web Design

(C) 2010 Versatile - Business & Portfolio Wordpress Theme by system32