Design - Web Design, SEO
This article appeared in ETR’s newsletter today and I could not help but to post it here. I think it is insightful for many reasons but I also want to express my opinion on the matter as a designer who understands the importance of copy in marketing, how crucial it is to SEO and also that good design really does make a difference.
I’m actually posting two seperate articles here by ETR because they seem to be conflicting slightly. And it’s a testament how a few small phrases can make such a difference.
In the first article David Cross points out “Why Your Website ‘Design’ Shouldn’t Be Your Top Concern”. And “Your website design does matter… but probably less than you think. And a lot less than your website designer thinks”.
Now, these aren’t the main points David is trying to make. What the article overall is saying is that the words you use on your site matter the most. Sure you can have a fancy design but if your presentation is lacking in good copy then your nicely designed website won’t matter that much.
In the second article Michael Masterson states “But it’s been proven that images have a potentially huge impact on revenues. In fact, a colleague of mine was able to double his response rates in the mail just with good graphic design.” And “When you’ve got ‘pretty’ sales promotions, websites, and e-letters, you’ll have a healthy and successful business.”
What you’ll get from reading both articles is that both images(design) and copy matter. How you package your content matters.
Give these articles a read and let me know what you think in the comments box.
A Word Is Worth 1,000 Pictures
By David Cross
For almost a month, “Alma” went back and forth with her Web developer on which illustration to use on her company website’s homepage. Should it be the lavender flowers? The bluebell-carpeted scene of springtime in the woods? Or would the photo of the healthy-looking young yoga instructor best convey what the site was about?
Everyone in Alma’s company had a different opinion. And changing one illustration on the homepage meant other graphics on the site needed to be changed to reflect the “core” image of the business.
It’s a situation that replays itself every day in website agencies and Web development companies around the world.
Now there’s no doubt that good graphic design can make or break a marketing campaign. A well-chosen, well-placed image can double, triple, or quadruple response rates. However, the design of your website is a whole different animal. Taking a close look at some recent research may offer a startling insight into what I’m talking about…
Nielsen Norman Group recently ran a battery of website usability studies using eye-tracking technology. In the studies, people were asked to perform a variety of tasks on different websites, such as “open an account” at an online bank or “find a local pizza restaurant” or “buy a black suit with a blue tie.” While they were engaged in these tasks, hidden infrared cameras monitored their eye movements to see what they looked at and where their gaze was fixed. From the data, the researchers drew “heat maps” that showed which parts of each Web page were looked at the most. Areas colored red indicated where the study participants spent the greatest amount of time. Yellow and blue indicated fewer eye fixations. And gray areas were those that didn’t attract any fixations.
In every case, statistically significant patterns emerged.
Here are three results that you should be aware of in order to make your website stronger and more appealing to your visitors:
- Banners and ads are ignored. People almost never pay attention to anything that looks like an advertisement, whether or not it actually is one. This is true of banners anywhere within a Web page.
- Images are ignored. Images receive similar scant attention fixations, with the exception of faces and “cleavage and other ‘private’ body parts.”
- Text is universally “interesting.” What all the study participants fixated on was plain text or written content.
Why Your Website “Design” Shouldn’t Be Your Top Concern
Your website design does matter… but probably less than you think. And a lot less than your website designer thinks (or would like to bill you for).
Think of your website as a dinner plate and your articles and other content as the dinner. Sure, you want an overall presentation that is attractive. But the food is the most important part of the meal. The plate itself should not be garish or bland. It should complement the meal and showcase it in the best light possible.
Almost all the websites and e-mail promotions that took Agora Inc., the parent company of Early to Rise, to its first $100 million in online sales were about as un-designed as you could imagine. They were mainly all text and headlines. In fact, Agora’s websites looked – and still look – very similar to the longer direct-mail sales letters you receive in the mail. According to many Web designers, these sites shouldn’t work any more than a bumblebee should be able to fly (because it breaks every rule of aerodynamics). But fly it does.
It is important for all Web designers to know where people look when they visit a Web page. Most people are looking for information, facts, or advice. And they want a website that gets that job done. If they are engrossed in a story or buried deep in content, they don’t want distractions and they don’t want to look away.
Plus, if your most important content is “hiding” in a banner or graphic, you could be missing plenty of opportunities to convert site visitors to paying customers.
Recognize the power of words. If you are considering placing a photo or other graphic on your site, ask yourself whether, instead, there is a way to express what you’re trying to communicate with words. Research and experience bears out that this will probably produce a better result.
What Does Matter?
Most website critiques focus on the look and feel of the site, its visual design and layout. But what matters primarily for most websites and to most people is text.
For this, there are a number of guidelines you can adopt:
- Make it easy to skim-read your Web pages. Online, people skim-read and scan for information. So break up your Web content with logical headings and subheadings. Use bullet points to break up paragraphs, and use bold type to make important words stand out.
Try skim-reading your Web pages yourself – or, better still, have a customer do it for you. See if they have any trouble understanding the page and moving onto the next step (signing up for your e-mail newsletter or purchasing something).
- Think “elevator pitch.” An “elevator pitch” explains what you do, what your product or service does, and, especially, what it does for the customer. And it does so in the time it takes to move between two floors in an elevator.
The first two paragraphs on any Web page should state the most important information in an easy-to-grasp way. If a site visitor reads those two paragraphs, there’s a better chance that they’ll continue reading the rest of the page.
- Begin with useful information. Beginning page titles, headings, subheads, paragraphs, and bullet points with information-carrying words will help your site visitors as they skim-read. People generally notice the first words of any block of text more than the later words. Make it simple for people to find what they need.
Creating content-rich rather than image-heavy websites is still unfashionable. Many designers still treat the Web more like printed advertising media and focus on graphical embellishments – which often end up being largely ignored. Even seasoned Web designers forget the power of words.
Above all else, make sure your website has useful, easy-to-skim information. Work with your graphic and Web designers to ensure that your design supports the content rather than overwhelms it. You’ll better serve your website visitors… and have a better chance of converting them into e-letter subscribers or paying customers.
Is Your Marketing “Pretty” Enough?
By Suzanne Richardson
Erika Laguna, ETR’s graphic designer, said, “My goal is to make ETR’s marketing efforts look pretty.”
Everyone laughed. The entire ETR team had gathered for a staff meeting, and each member was revealing his or her daily goal.
Little did we know that Erika wasn’t making a joke. She was 100 percent serious!
“What does pretty mean in our business?” asked Michael Masterson. “Does anyone know?”
Erika was the only one who spoke up. “Something that’s pretty brings in more money.”
“That’s right,” said Michael. “In direct response, pretty means graphic design that understands and supports the written word… and the selling process. Something can’t be pretty just for pretty’s sake. It’s about directing the reader’s eye and making an emotional message consistent with the sales message.”
“Did you know that graphic design used to get short shrift in the world of marketing?” Michael went on. “For the longest time, direct marketers believed that all that mattered was the copy. But it’s been proven that images have a potentially huge impact on revenues. In fact, a colleague of mine was able to double his response rates in the mail just with good graphic design.”
And it’s worked for ETR, too. Our marketing team tested one Yahoo banner ad against another. They were able to quadruple the number of clicks the banner ad received just by changing the image that appeared on it.
So how can you make graphic design work for you?
Michael recommends that you test different graphic formats to see what type of responses you get. That’s the best way to see what’s “pretty” to your customers. When you’ve got “pretty” sales promotions, websites, and e-letters, you’ll have a healthy and successful business.
This article is provided courtesy of Early To Rise, an e-zine dedicated to making money, improving your health and quality of life. For a complimentary subscription, visit http://www.earlytorise.com.
Again if you have any thoughts on this matter I’d love to hear them. Tell me what you think.
Faraway is a journal of art and literature published in Southern California, more specifically the Inland Empire. Faraway’s goal is to help upcoming artists and writers get their work published for free. You can submit your artwork or writings to be published in future issues. The next issue is due to be released I believe later this month.
I designed a few pieces for it including the cover. Feel free to see more at flickr.
There’s quite a lot of great writing to read over at Faraway so please check it out. Regular writings and artwork are posted to their blog on a regular basis. Be sure to subscribe to their feed!
David Carson is my favorite designer and here he is in the documentary about the font Helvetica.
There are 3 other videos on David Carson over at ilovedesign.com – enjoy!
Oh and if find any interest in Typography and Helvetica be sure to check out the Helvetica documentary if you haven’t already. Very good stuff…
Curious as to what fonts to use for your next design for a web 2.0 design/logo?
The FontShop have put together a small list of web 2.0 logos and what fonts they have used in their design. Some are exact and some are similar fonts. They break the logos down into 3 categories, The Softies (A clear trend in new identities is the use of soft, rounded typefaces dominated by VAG Rounded (AKA Rundschrift), but also including Helvetica Rounded, Arial Rounded, Bryant, and FF Cocon.), The Futurists (reflecting the technological breakthroughs of Web 2.0 with a look that says “tomorrow’s techno”) and the Classics (Safe standbys like Trade and News Gothic, Frutiger, Avenir, Interstate, FF Meta, FF DIN, and the always ubiquitous Helvetica continue to see use in new web logos).
– A partial screen capture of just a small portion of Ludwig’s web 2.0 logo compilation of over 400 web 2.0 logos. Pretty impressive.
I found this cool site that allows you to turn your css design into a wordpress theme. It’s perfect for matching up the design for a newly installed wordpress blog on an existing site. It is really easy to use. You just create an account and get started. You need your stylesheet and the html to plug into a few forms. You do have to edit your html layout with some tokens so the content and sidebar of your new blog fall into the right places. The site is called themespress.com.
With ThemesPress, you can create your own WordPress theme in a four simple steps:
1. Upload the images your design uses
2. Copy the HTML and CSS of your design into ThemesPress [?] 3. Replace parts of your HTML with a few short tags
4. Set your presentation settings and preferences using our simple menus – and you are done.
Preview your design, edit it as much as you want, and if you like it, purchase it and download it.
Your new template costs a measley $10. After I created one for an existing site I just uploaded it and changed the permissions on the template files. I did this because I knew I needed to edit the style sheet afterwards because I generated the template fast for editing later. So, here is a theme I created using themespress for a photography site of mine. See how nice it matches the rest of the site. Anyway, if creating your own wordpress theme is something you’ve been wanting to do then now is your chance. Give it a try, I think you’ll like how quick and painless it is.
If you do use themespress to create a wordpress theme then use Internet Explorer since Firefox has some problems when trying to preview the theme at the end. I created my first theme in firefox without any problem but the second gave me errors and then after viewing the theme in IE it showed up all weird. So just start in IE, even though you may hate it.
Also, make sure you have all your html just how you want it because you can’t edit it later, only the css. So if you do create your own theme and find out later some of layout is missaligned you can go in and still tweak your style sheet.