Are you involved in approving the design of marketing material? Your average - or even above average - advertising agency or web
designer is a good deal more interested in aesthetic design than
in communicating your marketing message. Knowing some solid facts
and figures about legibility will help you keep creative people
on track.
LAYOUT
98% of people start reading from a photograph. Therefore don't
confuse the reader - have one dominant image on a page.
Captions are the second-most important object; say something interesting
(and preferably about your core competence) in the caption. But
don't be obvious - tell him something more than what he can see
for himself.
Subheads and bold text help the reader along and keep him reading
- make them interesting. Quotes (in boxes or different colour/size
text) also add interest.
White space illuminates the story - don't "fill it in" with
words and photographs. Build white space into your design.
Don't ignore gravity. Layouts, like books, should move from top
left to bottom right. Most humans are used to that direction. We
like it that way. So keep to the same principles in your design.
But if you market in the far east, or Israel, you may have to adapt
to some new directions.
Be consistent: whatever colours, fonts, text sizes, banners, borders
and justification you choose, keep it the same throughout the publication
or website unless there is a good reason for changing it. I always
use templates to ensure consistency.
COLOUR
Don't use too many colours - less is best. And don't use colour
for its own sake with bullets, rules, bars etc. It is not there
to decorate the page - it is there to sharpen the message.
Use colour to link separate elements. See how I used the burgundy
of the headline in the "subheading" text - it helps to
create a cohesive design.
Any colour should be surrounded by plenty of white (or in a website,
the background colour) to bring it out. The larger the tinted background
area, the lighter the tint should be and the bigger/bolder the
type on top of it.
Headlines - if you're really looking for readability, use black
on white. Also good is blue on white, black on yellow and orange/yellow
on black or navy blue.
Avoid mixing pastels (or muted colours) with primaries - it seldom
works. And even if your personal taste runs to the exotic, remember
your readers or viewers may be more traditional.
Be careful of colours that "vibrate" togehter such as
orange with royal blue, or red with emerald green.
GRAPHICS
Ad agencies and web designers LOVE sophisticated
designs, where semitransparent words and images overlay each other.
Sometimes it looks STUNNING. Sometimes it is illegible and messy.
And in a web page they are slow to download.
TYPEFACES
Fonts are divided into two main categories
- Serif vs San-serif typefaces. Serif typefaces have "short
lines" at the end of the letters (i.e. serifs); San-serif
typefaces are the modern faces, and do not have them.
| THIS IS A SERIF
FACE |
THIS IS A SAN
SERIF FACE |
Serif faces work best in print - people are used to reading newspapers
and books which have serif faces. The serifs in fact help the eye
to define the letters quickly.
San-serif faces work best in electronic media - websites and presentations.
This is because the serif tends to be diagonal - and diagonals
on screen become jagged. The more "square" the typeface
(like Tahoma), usually the better it looks on screen. Simple typefaces
with no "curlicues" usually look best.
Websites will be viewed in the fonts that the READER has installed
on his computer. Therefore, if you use a fairly unusual font such
as "Helvetica" or "Georgia" (which are common
on the Apple Mac computers found in Ad agencies), very few readers
will see it as you intended. What they will see depends on their
computer settings - and it will probably be Arial, Courier or Times
Roman.
'REAL ESTATE'
The average monitor is surprisingly 800x600 (your website
statistics will tell you if YOUR audience is different from the
average), and then the actual working space of a website is usually
750x400 due to the toolbars and banners on the page. If you prefer
to have non-scrolling pages (and many clients do), you will have
very little space to work with.
WEBSITE COLOURS
Keep your photographs small and well compressed. You wouldn't
believe how long 10 seconds "official" downloading time
feels on a slow South African Internet line!
ANIMATION
GIF Animation has been available on websites for the past 6 years.
An animation works like a "cartoon" - it is a sequence
of static images that usually loop continuously. Here is an example...

GIF animation should be used sparingly - to draw attention to
a key point, or to show a hyperlink. Try to choose an animation
that demonstrates your point, not just because its cute like this
one.
JavaScript animation is slightly newer, and is being enhanced
all the time. Java uses a base photograph, but the animation or
movement is provided by mathematically changing the colours and
location of each pixel.
But of all the various JavaScripts available - fireworks, ripples,
spotlights, moving text and waving flags - most are just slow-loading,
meaningless graphics.
What About Flash?
Flash graphics are the next generation of animation. While all
other images are made up of coloured pixels (small squares), Flash
images are made up of "vectors" - mathematical shapes
combining line lengths, line widths, line colours, line direction
(i.e. vectors), and joining angles. Areas contained within lines
can be "filled". Because the image is in fact an "object",
that object can then be twisted, moved, rotated and recoloured
on the screen instantly. It can even be interactive - expanding
or contracting, or changing colour when you hold your mouse over
it.
Flash is very clever, and very, very difficult to do even moderately
well. It is expensive (because it's time-consuming) and therefore
prized by agencies and some clients. It is also usually gratuitous,
irrelevant, slow and often frustrating for the reader to use. Sometimes
he will have to "grab" a graphic moving around the screen
to navigate to a section of the website.
To date, I have seen little marketing benefit to having your logo
roll around the screen, or turn somersaults. I doubt if it improves
legibility, convenience or memorability. But it has its place.
For example it will show off a 3D part or motor car from several
angles. And it can draw attention to an important area of your
webpage.
Does internet marketing sound like a complicated business? I guess
it is. Excitingly so. And one reason is that it combines so many
disciplines and communication skills.
And we haven't even touched on the roles information architecture,
consumer psychology, market research, sales, advertising, fulfillment,
customer relations, email marketing, and so many other factors
play.
InterComm integrates our experience in marketing, copywriting
and design AS WELL AS technology, ensuring that your website attracts,
serves and retains prospects and customers. Your site will be uniquely your own, with a sound marketing strategy
derived from your competitive advantage and core competence.
|