I’m going to publish every week some posts about the “web design trends” for the next year.
This time we’ll see something about the “call-to-action” buttons.
Enjoy and let me know your thoughts!
Bigger Is Better (and choose contrasting colors!)
Big is “beautiful”, Big is “web 2.0″, Big is “visible”.
Increase the size of your main buttons and place them on a good position.
Use some bright colors, try a nice gradient.
Choose the right position
A good position is fundamental.
Better if you can insert an important button on the top of your page.
Place your logo on the left and on the button on the right (in western culture we read from left to right and from top to bottom)
…but you can still try to move it on the absolute center, after the header:
Be consistent with your style
It’s pretty easy to understand. Follow a style.
Give your users the chance to recognize immediately where to “click”.
Space
Insert some dead space around your main buttons.
Move them in an outstanding position. An important “call to action” button always needs space.
Make it different
Try to use some custom shapes or some cool vectors close or over the button to draw the user’s attention to the focus area.









































[...] Call to Action Buttons im Jahr 2010 [...]
[...] web-design-trends-for-2010-action-buttons [...]
[...] und schon in den ersten Millisekunden den Blick des Besuchers steuern. Über die Gestaltung von Buttons gibt es Extra-Abhandlung, so dass ich auch hier keine eindeutige Empfehlung geben [...]
Hi. Very interesting Blog. Not really what i have searched over Google, but thanks for the information. Can you email me back, please. Awaiting your Answer.
[...] Web Design Trends for 2010: Call To Action Buttons – FrancescoMugnai.com [...]
Some great examples of calls to action. It’s an often-overlooked part of website design. The average website visitor does not want to hunt around a site looking for a contact form…much better to give them a pretty and shiny call to action to click on!
I totally love your blog! Thank you for the post, very informative. wty1d8
thanks a lot for this wonderful article
Really like this. I’m looking for new button styles at the moment and am feeling inspired. Great set. Thanks
I’m researching this whole thing at moment. Need to read up on it big time!
Stunning designs! They’re really an inspiration. Keep posting more. Thanks!
Guys, what you think having too many objects and elements can work or a simple, sober layout like nickfinck can work. I am also thinking to write a post on what areas influencing people and what people dislike.
[...] to encourage your visitors to take some action that benefits them and you. Maybe it’s time for a website marketing makeover that includes an effective call-to-action [...]
several great examples of calls to achievement. It’s an often-overlooked piece of website design. The regular website visitor does not want to chase about a site looking for a contact form…much better to give them a attractive and gleaming call to action to click on!
nice post
This time we’ll see something about the “call-to-action” buttons. Enjoy and let me know your thoughts!
thanks a lot for this wonderful article
[...] encourage your visitors to take some action that benefits them and you. Maybe it’s time for a website marketing makeover that includes an effective call-to-action [...]