Related Links

Featured Links





Recommended Products



 

 
Featured Articles

How "User Friendly" Is Your Site?
Is an Over-Complicated Site Costing You Sales?Clarity Is Everything. How "User Friendly" Is Your Site?In general, we designers will often find ourselves preaching aboutkeeping things simple when it comes to our design... but is thatall there is to it? If ...

Search Engine Optimization and Web Site Usability
Build a Web site and the people will come. Ha! If it were only that easy! The Web is the one sales environment where the customer has total empowerment. They have all the resources (i.e., your competitors) just a mouse-click away. Not only are you in ...

Web Site Design Basics
Black text on white background works well on Web sites. On some screens the black and white contrast is far too strong and tires the eyes so then the background should be off-white. If your text is white, for example, make your background image dark. Text ...


Google
The Delicate Art of Copy and Layout for the Web
 
Web surfers will read 25-50% less on their computer than they would on a printed page, due mostly to the fact that printed page resolution is some 100 times as clear. Your pages must be pleasing to (and easy on) the visitor's eyes, or all your careful content writing will be in vain. With this in mind, consider the following tips for dealing with the unique layout and presentation problems presented by the Web medium.

1) Proofread Spelling and Grammar!
This is an absolute must. Proofread all your copy at least twice, and if possible have another person read through it as well. A pair of fresh eyes may often pick up on mistakes that you have missed. If you publish copy with typos and poor grammar, what kind of impression is that going to leave? (That said, hopefully you won't find any typos in this article!)

2) Make it easy to scan
This is important, especially since most read users dislike reading large blocks of text. Try to break the page up into key points or bullets that will allow for faster reading and make it easier to digest. Avoid overdoing the bolding of text-the point of bold font is to highlight a select few points, not every second line! As a general rule, only the title of the article and perhaps subheadings should be bold. Likewise, avoid overuse of underlining or italics.

3) Multiple Pages
Internet users are turned off by long pages that require a large amount of scrolling. If you have to post long articles or content, split it up into multiple pages. Splitting content over multiple pages also encourages the user to read through smaller, manageable chunks, since they seem much less daunting. I have already mentioned that people will read less on the screen than in print. In addition, studies have shown that people read 25% slower onscreen than they do on paper. This means that you should make your content at least 25% shorter than a print version-so edit!

4) Line Length and Alignment
Newspapers and magazines have long realized the value of short line length. That's why most articles in these publications are in columns, rather than going across the entire page. However, most web pages have line lengths that are too broad for easy reading. Generally, you should have no more than 15 words on a single line, or roughly 65 characters. In addition, refrain from right or center-aligning your text. Left-alignment is both the simplest and the easiest-to-read.

5) Backgrounds
One common mistake is using


distracting backgrounds or backgrounds which make the text downright unreadable. The classic white background with black text is still the best choice for text heavy pages. A light background that stays in place as the reader scrolls can also be an elegant way to offset plain type.

6) Avoid Caps
People read by recognizing the overall shape of words. CAPS slow down the character recognition ability of a person, making reading more frustrating and inefficient. Your readers will stay longer and absorb more information if you do not type in caps. Besides, having your text in all caps TENDS TO HAVE THE APPEARANCE OF A HYPED SALESMAN COME-ON! And do also tone down the exclamation points!!! It simply makes your company look like a dubious, fly-by-night operation-- not the impression that you want to create. Also keep this in mind when writing email ads, or sending (opt-in) email. Whenever I receive an email in ALL CAPS with !!!!, my brain immediately thinks… spam!

7) Flashing, Rotating and Animated Graphics
As a rule, animated graphics are to be avoided in a business website. They take longer to load and are simply distracting and annoying. I have been to otherwise professional-looking pages which were ruined by a flashing, cheap, "Email Us" animation at the bottom of the page. Having said this, there are times when a very small and tasteful animation can enhance the look of the site, especially if it somehow relates to the product or service you offer.

8) Typefaces
There are two fonts specifically designed for maximum readability on screen, they are the Verdana and Georgia. In addition, Times Roman, Courier and Arial are both very legible as well. These fonts might seem "boring" to the webmaster looking to make their website appear hip. However, the most important factor is to choose a font that is clear and does not tax the viewer's eyes.

The best cure for layout problems is prevention. Before you design your site (or leave it entirely in the hands of a non-creative programmer) do some research and find web sites that you like and you can copy the look and feel somewhat. Also take at look sites in your industry and the types of features that your competitor's sites incorporate. While you don't want to copy (you want to innovate), this research can save future time and grief if you get it right the first time.


About the Author
Michele Haapamaki writes for Eworksworld, the only Internet Marketing Portal
that reviews marketing companies and sites all in one place, so you spend
less time searching the web! Send in your tips to our Red Ink Watch, which
provides unbiased commentary on the (mostly negative) balance sheets of
major Internet companies!

News



Identify Mystery Fonts With Find My Font Pro
PCWorld
It's after dinner hour and you're still at work searching for the font your boss requested. You want to strangle the person who suggested the Boss keep a scrapbook of designs they like. How long can it take to match a font to this magazine clip?


The Mac Observer

Mac OS X: Getting the Most Out of the Fonts Window
The Mac Observer
The built-in Mac OS X applications—like Mail, Preview, and TextEdit—all use the same Fonts Window to help you change the style of your text. iWork uses that system, too, as do a number of third-party programs (like TextWrangler).


Forbes

Monotype Imaging Is A Font Of Growth
Forbes
It offers a collection of approximately 14000 typefaces consisting of owned and licensed fonts; monotype, linotype, and ITC typeface libraries; custom font design services for corporate branding and identity purposes; and PCL 6 and PostScript 3 font ...

and more »

Identify Mystery Fonts With Find My Font Pro
PC World India
It's after dinner hour and you're still at work searching for the font your boss requested. You want to strangle the person who suggested the Boss keep a scrapbook of designs they like. How long can it take to match a font to this magazine clip?

and more »

CBC.ca

Size matters when designing fonts for mobile devices
CBC.ca
Fonts and typefaces might seem like a dry subject, but given how much time we spend staring at the small screens of smartphones, e-readers and other portable devices these days, they are becoming an important part of these increasingly indispensable ...