Keep Your Graphic Designer on a Short Leash

Posted on

  • email
  • twitter
  • facebook
  • share this

share this



Let me tell you an inconvenient truth — your baby is ugly. Your landing page has severe and fundamental problems that are contributing to low conversion rates.

This is costing you a lot of money. To make matters worse, this predicament was completely avoidable. Worse yet, you have been a willing accomplice in your own undoing.

How did this happen?

You were led down this path by your internal creative team or outside interactive agency. Because of the limitations of their unique perspective you have been forced to sacrifice conversions in the name of “coolness.” So, you have actually come to think that your baby is quite beautiful and have, in fact, grown very fond of it.

Let’s take a look at the origins of this situation, and begin with the end in mind. The “end” should be fairly obvious — to have the most efficient landing page or process possible. This requires putting aside your own corporate and personal needs — instead considering everything from the perspective of your site visitors. Only they matter, and without them you would not have a business.

The key to effective landing page design is clarity.

The purpose of your landing page must be clear. The visitor should be focused on taking a simple path leading to the desired conversion action. This simple path should arise out of the Zen-like stillness of your landing page.

Worst Practices
Unfortunately, many landing pages are at the opposite end of the spectrum from this desired state. They are a visual assault on the senses, forcing the visitor to determine what (if any) of the many striking visual elements on the page are important.

Graphic designers are rarely trained in maximizing conversion. The best ones pride themselves on their ability to be non-conformists, and their ability to “think outside the box.” They are bored with standard production-oriented graphic design work and like to keep themselves entertained by doing something new and interesting on every project. Unfortunately, the goal of the design is often lost, resulting in these chaotic landing pages.

Here is a short list of the more common visual transgressions found on landing pages:

Wild background colors — Many landing pages use dark and dramatic color themes. Often, large sections of the page or entire backgrounds are black or fully-saturated bright colors. These color choices often create a dark and brooding atmosphere, or imply something so exotic that it would only appeal to teenage male adrenaline junkies who play too many video games.

Garish text — Page text and headlines are haphazardly placed on the page and often use very large font in high-contrast colors. Font sizes are often enormous, and are further emphasized by the use of edging effects, drop shadows, color transitions and fades, and fill patterns.

Visual embellishments and flourishes — Even simple page elements such as box edges are emphasized with drop shadows, glow, or other effects. Simple round disks in bullet lists are replaced by colorful graphical checkmarks or other icons. A neutral background space to the sides of the landing page is often filled in with intricate patterns or photographic images.

Animation or video—All other design mistakes on the landing page pale in comparison to the aggressive use of motion, animation, and video. Images and text pulsate or revolve, image slideshows use wild fly-in transition effects, intricate animation sequences draw the eye, and full-motion video auto-plays on the page. These attention-grabbing tactics are very powerful. Unfortunately, they are rarely tied to the desired conversion goal on the landing page and only serve to squander a few precious seconds of limited visitor attention. Never deploy rich media on your page without first testing to determine its impact on conversion.

Case Study — CREDO Mobile:

Our client CREDO Mobile is a socially-conscious mobile phone company based in San Francisco. They donate a portion of all revenues to progressive causes — groups that CREDO members help select.

CREDO was interested in improving the performance of a landing page for a new e-mail campaign. The original page is shown in figure A.



CREDO asked SiteTuners conduct an Express Review of their landing page in order to identify major conversion issues. After the review, they created a series of increasingly-refined redesigns that incorporated our best-practices recommendations and additional ongoing consulting feedback. The final landing page is shown in figure B.



The results were stunning. In a head-to-head test the new page performed 84 percent better than the original.

Why the radical difference? It can be argued that the landing pages are similar. Both show a single image of a phone and a distinct call-toaction button.

In order to answer this question SiteTuners employed advanced AttentionWizard.com attention-simulation capabilities. Using software and by understanding the way the brain and visual perception system works, it is possible to accurately simulate how a Web page will be viewed during the first few seconds of eye movement, and where attention will be focused.

The results are instant and do not require expensive eye-tracking studies, or page-tagging and time-consuming data gathering to create mouse-tracking heatmaps. “Attention heatmaps” can even be created based on in-progress visual mock-ups that have not been deployed as live pages.

The “before” page (figure C) shows scattered eye movements (yellow lines) that bounce all over the page. Drawn by bright blocks of color and sharp areas of contrast, the eyes do not find a place to settle. The colored attention heatmap likewise shows attention spread into many areas on the page. In the midst of all of the visual “noise” the green call-to-action button is lost and ignored.



By contrast, the final page (figure D) shows controlled gazing focused on the phone, and the call-to-action button. After briefly scanning the logos of the progressive causes that CREDO supports (‘social proof’ that provides a ‘halo effect’ by association), the eye returned to the round offer call-out and the phone. The call-to-action button is one of three red attention “hot spots” on the page.



The moral of the story is clear: When it comes to landing pages, graphic artists need to follow a minimalist visual aesthetic that focuses on conversion and not window dressing. The new landing page may not be exciting visually, but that is not the objective. On a toned-down page the call-toaction emerges from the relative stillness of the page. “Boring” works. And it makes more money — that should make it plenty exciting.

About the Author: Tim Ash is CEO of SiteTuners.com, a landing page optimization firm that offers conversion consulting, full-service guaranteed-improvement tests, and tools to improve conversion. SiteTuners’ interactive Express Reviews of a landing page can quickly identify major conversion issues. Ash is a frequent speaker at Internet marketing conferences. He is a contributing columnist to several industry publications and websites, and is also the author of the bestselling book “Landing Page Optimization.”

 
     :: Try iContact for FREE for 30 Days! Sign up now at iContact.com ::


Login To Comment


Become a Member

Not already a part of our community? Sign up to participate in the discussion. It's free and quick.

Sign Up

8 comments

TammyF 01-12-2010 4:11 PM

Beautiful!  I hate those landing pages that show flashing animations and horrible font size but that is what people want until they see something like the above.  Nice job with this article.  I hope people take it to heart!  

Tim Ash 01-12-2010 5:22 PM

Thanks TammyF,

I agree. By the way: I am a painter and photographer and consider myself a pretty "creative" type of person. So I have to really work to keep myself in check when designing landing pages for conversion. It's not always easy...  :-)

Chip 01-15-2010 5:31 PM

Writing an article designed to educate the designer (as you have stereotyped as not being able to think is terms of conversion but only capable of creating pages that appeal to videogame junkies) may have been more useful. Instead of lobbing verbal grenades like "Keep Your Designer on a Short Leash"...essentially putting them in the category of the metaphorical dog that can't be trained in the right ways of conversion, perhaps it would have been more palatable to offer assistance..."Help Your Designer Make More Effective Visual Paths to Conversion". Maybe I have simply had too long a day, but as a very successful "outside the box" designer, the article, while having very valid thoughts, came over a little harsh to my visually-embellished ears.

VanV 01-16-2010 9:03 PM

TimA, that was a great article!  I wouldn't change a thing!

ChipT,   Hmmmm...  I understand what you are saying, but I don't agree.  If Tim had watered down his verbiage so as to not offend the small percentage of designers that might take offense, I think that his article would have been less effective in a lot of ways, and not more effective as you suggested.  By effective, I mean getting people to read the article and seriously ponder the content.  

For example, if he had used the title that you had suggested ("Help Your Designer Make More Effective Visual Paths to Conversion"), I never would have read the article.  Period.  It would have blended in with all of the other politically correct white noise out there, and it wouldn't have shown up on my radar at all.

His choice of words might be a bit cheeky, but they are also succinct  and very visual.  The title, "Keep Your Graphic Designer on a Short Leash", immediately painted a picture for me, and it's what got me to read the article to begin with.  To me, that's just great writing.

Also, in my book, it's easier for someone to get away with poking fun at a particular group of people if that person is part of the very group with which he/she is having fun.  In other words, it's easier to get away with it if you poking fun at yourself, or being self-deprecating at the same time.  Admittedly, Tim didn't put himself in with the group of designers in his article.  However, in his post on 1/12/2010 (just above your post), he does.  Well, at least he paints himself as a "creative" person who suffers those very problems of which he was making fun.  That's probably why he understands the problems so well.  Yet, you still had to give him a lecture about being more sensitive.  LOL!  Yes, you must have had a long day, after all.

TimA, this is original!  Keep it up!

See Ya!

Van

VanV 01-16-2010 9:20 PM

TimA, this is a great piece.  Nice job.

ChipT, I understand your point, but I respectfully disagree.  If TimA had watered down his verbiage so as to not upset the small percentage of designers that might take offense, it would be less effective in many ways, and not more effective.  By “effective”, I mean getting people to read the article and seriously ponder the content.

Let me give you an example.  If he had used the title that you suggested (“Help You Designer Make More Effective Visual Paths to Conversion”), I never would have read the article.  Period.  It would have blended in with all of the other politically-correct, verbose white noise out there.

TimA’s choice of words for the title (“Keep Your Graphic Designer on a Short Leash”), although a bit cheeky, is succinct and visual.  I read the title, and it immediately painted a picture in my mind, and that’s what got me to read the article.  I would argue that this is an example of great writing.

TimA’s also is self-deprecating, not in the article, but in his post on 1/12/2010.  He paints himself as a creative type that suffers from the very problems to which he was referring in the article.  Arguably, that’s why he understands those problems so well.  So effectively, he was making fun of himself in the article, too.  Yet, you still had to lecture him about sensitivity.  LOL!  Yes, you must have had a long day.  Go grab a glass of wine!  And get one for me while you’re at it!

TimA, this was a fresh, original article.  Keep it up!

IsaacP 02-12-2010 3:47 PM

My boss gave me this magazine to read a different article but I came across this one (and wondered if she was trying to give me a sideways critique of my design, LOL). This article is right on though.

I agree that it's way to easy to allow creativity to become self expression without thought to the implications of the design. I remember when I started making a mental switch from thinking of myself as a graphic artist to graphic designer. I feel like "design" goes deep into understanding the mission of a creative piece. At the end of the day I have to ask if my designs are directing traffic. Is the user finding what they are looking for?

I'm in the process of analyzing our landing pages and I found this article very valuable!

Serena Carcasole 03-22-2010 8:17 AM

Great Article! I specialize in helping entrepreneurs with online marketing, web development, social media, writing servcies etc and this article has been very helpful.  Now when clients come to me asking for a landing page or squeeze page that plain is best and no fancy graphics.  I never recommended that anyway but now I can reference an article for further clarification.  

Serena Carcasole

Business Growth Specialist

Certified Internet /Social Media Virtual Assistant

Web Developer

1STOP Business Service Shop!

www.vbsondemand.com

Monty Carl Fuller 02-14-2013 9:21 PM

It is best to work with your graphic designer well, who is able to understand what you want for your website and articulate it well. Apart from that, your content should be able to incorporate the key words that your target market uses to find businesses similar like yours. It has to be the right mix. I came across a website of an organization that offers a very interesting service. However, the project lead of the website revamp thought that having an attractive banner on top, and another on the sides of their site would attract more people. But the content was poorly developed. It didn’t generate the visits it wanted to get and Alexa and other free web information companies rated the website poorly.

Add to the discussion!

999 E Touhy Ave
Des Plaines, IL 60018

Toll Free: 1.800.817.1518
International: 1.773.628.2779
Fax: 1.773.272.0920
Email: info@websitemagazine.com

Facebook


Twitter