Parsis Administration Panel is the best tool to manage your websites with the best features at reasonable price. The main goal of this system is to expand your business in online world. You dont need to be confused by complexities, we handle it for you.
8 Visual Design Techniques to Focus Attention on Your Landing PagesDownload PDF
I’m going to take a different approach to this post and use photography to illustrate some principles of design.
Understanding these fundamental concepts will help you grab your visitors attention and direct them to your intended conversion goal.
The most important element of any landing page is the conversion goal. Similarly, the most important aspect of your landing page design is to focus the visitor’s attention on that conversion area.
Whitespace (or more correctly “blank space”) is an area of more or less nothing surrounding an area of importance. The reason I say blank space is that the color of the space isn’t important.
The purpose is to use simple spacial positioning to allow your Call To Action (CTA) to stand out from it’s surroundings and give your eye only one thing to focus on.
Landing page tip: Give your CTA or lead gen form some breathing room to allow it to stand out from the rest of your design.
Color can be used to create an emotional response from your visitors. Orange for example is known to generate positive feelings and as such is a great choice for the color of your CTA. (You can also consider the positive affect of Green for go, and Blue as the classic click-me link colour).
Another important consideration is the contrasting effect of color. This idea borrows from the whitespace and contrast techniques described in points #1 and #3 in that it’s a method of “isolation via difference”.
In this first example, an “in your face” approach is used – the color is so overwhelming that you can’t help but stare at it – in this case often in disbelief as it’s a remarkable example of nature.
Landing page tip: Let your primary conversion target dominate the page.
You can't get much more contrasty than black and white.
Landing page tip: The more you can make your Call To Action stand out from it’s surroundings the easier it will be to see. If you have a lot of black/grey text on a white background, then a black or white CTA won’t provide the desired contrast and you’d be better off with a colorful element. But if you have a very clean design without much detail or copy, a big black or white button can be dramatic.
As humans we’re all programmed to understand the purpose and use of eyes, and the meaning that comes with a stare/glance/look from the eyes of someone or something else.
Imagine walking down a city street. There is a single person standing looking directly up in the air. Our innate curiosity requires that we follow their gaze to see what’s happening. Turn this into a crowd of people looking in a certain direction and we behave like sheep or lemmings, blindly (?) following the implied or perceived importance of the actions of others.
There’s a reason why banner blindness has helped click through rates plummet over the last few years.
People have become programmed to know where the advertising is positioned on your website, enabling them to switch off (or put on blinders like a racehorse) to concentrate on the content instead.
To prevent this you need to surprise people.
In the photo shown, the person (me) is so out of place in the photo of a desert slot canyon that it makes you question it’s purpose or reality.
Landing page tip: Go a bit punk and try something radical on your landing pages.
This is a classic technique used to hijack your visitors eyes and create a tunnel vision effect. You can think of it like creating a window on your landing page where your CTA is the view.
In the first example a strong dark line is created by the river which helps to hold your attention in the center of the frame.
In the second example, a circular arch creates a frame for the feature in the distance, preventing your eye from wandering elsewhere in the photo.
Landing page tip: Use strong dynamic shapes to constrain your points of interest.
As directional cues, arrows are about as subtle as a punch in the face – which is why they work so well. With so little time on your page, guiding the user to the checkout is a smart move.
Arrows let you say, “ignore everything else and pay attention to this please”.
Pathways are representations of real-world wayfinding avenues that trigger our brain into thinking we need to follow them. This example shows a long straight road, leading your eye to the large rock formation at the top of the photo. Roads are so strongly ingrained in our psyche as the path of least resistance that we naturally gravitate towards them as a transport guide.
Landing page tip: Design converging lines to draw people to your Call To Action. Triangles are the most dynamic of all shapes, and their natural tendency to point make them a special design tool (in the same way that an arrow is a more intricately designed pathway).