Hick's law
Rule of thirds
In photography it's widely recognised that if you divide your photo into thirds, it becomes more appealing to the viewer. The same applies to websites, and we can take that a step further. On a PC in particular the user will generally start on the left hand side of the page, then scan down and across it left to right. With that in mind, the 'F' layout is a great one to use - tracing those 'thirds' of the screen. You'll find alot of effective sites will have their call to action placed in the mid/bottom left hand side of the visible portion of the landing page, at the intersection of the bottom left third. Keeping that general layout in mind can really help when setting up your landing pages.
Don't be afraid of blank space
Often when a newbie is putting together a design they think is great, they will shy away from empty spots and white space. They want to cram all their information into the first part of a landing screen, and so think blank space is wasted space. That's a big misunderstanding. Negative space can be used to bring real attention to your call of action, can simplify the page, and can in fact make it look alot better. Use that negative space to draw the user's attention to your call to action button - and remember that simplicity can be the winner on the day.
On this note, definitely give a bit of space between your text by setting a taller line height. At a minimum it's a good idea to have your line spacing at 1.5 times the size of the font - leaving a half gap of white between lines. It is easier for the viewer to read, and also gives a great design aesthetic. Fitt's law
The placement of your call to action buttons in particular can also be guided by Fitt's law. Borrowing from Wikipedia again, this scientific law predicts that the time required to rapidly move to a target area is a function of the ratio between the distance to the target and the width of the target. So, if your mouse is close to a big button, you will click it more often than a small button that is on the other side of the screen. It's another fairly obvious statement, but critical to getting increased conversions on your homepage. Use a reasonably large button, not too far from the centre of the screen (remembering the 'F' layout) and you should be onto a winner.
Our overall 543 thoughts
Like everything online, there is a balancing act to be had between a highly optimised site for SEO, lead conversion, and a visually good looking website. All of the above can really be narrowed down to the KISS principles of keeping it simple. Focus on one major call to action and one piece of messaging, keep the landing page uncluttered around that call to action button and you're off to a very good start. Ensure the button is big, the colour of it contrasts with the rest of the site, and place it in a sensible place near the centre left of the screen. If you can nail those things on the first load of your landing page, you have a site design targetted at increasing conversions.
This has been a great blog for us to delve into and increasing sales and leads is something we are passionate about. Over the next few weeks we'll expand on this blog and look at other techniques and tools that can help you get the most out of your site. In the meantime, if you have any questions, don't hesitate to contact us. |