Sep 26

Aaa
Ex-Rocket Boom presenter, Amanda Congdon, has launched her new video blog project finally over at the domain www.amandaacrossamerica.com.

Focusing not only on Internet related issues, although certainly not averse to them either by the first batch of videos, we join her on a five week trek from the east coast to west on her way to LA.

So far it reminds me of the special editions of Rocket Boom that she used to do where she would interview a person, and it doesn’t in any way really reflect the more quirky side to that show, which is now handled by the new host Joanne Colan who, if I am quite honest, doesn’t do it for me and I no longer watch the show (I think it’s the British accent - it doesn’t work IMHO).

Check out AAA over at www.amandaacrossamerica.com and see for yourself.  It’s worth it for the Google Maps mashup they’ve done for their navigation alone which is a nice touch.

Howard

Sep 20
New MSN image search
icon1 jonathan | icon2 web2.0 | icon4 09 20th, 2006| icon3No Comments »

MSN has come out with a great and AJAX full image search interface.

Here is my image search for Shanghai.

Notice the scratchpad for dragging and saving images for later use. There is a slider to quickly zoom images in and out. There is no pagination in the results. The page simply loads new images as you scroll down

Live_search_images_shanghai1158787297161

Ajaxian goes the features in much more detail:

Features include:

  • “Smart Scroll”. This is the Virtual Workspace pattern applied to a long list/table, or what Bill Scott calls “Death To Paging”.
    There’s no “Next/Previous 20 results” - you simply browse all the
    results by scrolling, and the page loads new images as you scroll, as
    well as updating the result count. There have been some nice demos
    along these lines, but this is the first major site to drop pagination
    in this way (any other examples?)
  • Bookmarkable URLs. The technique involves setting the # property in the URL (the “fragment identifer”), so you get a bookmarkable URL like http://search.msn.com/images/results.aspx#imagesize=all&q=pac-man.
    But we all know Ajax breaks REST/bookmarks/history ;).
  • Scratchpad. An optional scratchpad lets you build a collection of images together for later use. You can drag images into the scratchpad, drag to rearrange them, and drag them between different collections.
  • Embedded web page. Using an embedded IFrame, the original web page containing the image is shown inside the results area.
  • Adjustable image size. Pull a Slider back and forth to quickly zoom the images in and out.

Msn_live_search

Jonathan

Sep 7

Pre-build Sign-off

Before you start to cut up a single PSD, or write that
first line of HTML code, you should ensure that the design for the email, and
the copy that is to be included in it, has been signed-off by all of the stakeholders
involved in the project. These can be a
wide range of people, but will most of the time include an account manager, a
creative director, and the client.

I cannot stress how important it is to say that under no
circumstances should you be tempted to start building the email template until
the photoshop design has been seen by the client and signed-off. The same is true of the copy which ideally
should be flowed into the email to act as an indication of how it will look
once it is built. What we don’t want to
happen is for the client to continue to make creative amends to a design once
it’s been coded. If that begins to
happen, throw it back into the designers and get them to re-work it in
photoshop.

Importantly the client should be informed (and often the
account teams as well!) that the flat designs are not be a direct
representation of what it will look like when it’s coded up. Why? Well, remember those basic FONT tags we’re having to use to cope with
the many different email clients there still are? Well, they have a tendency to make fonts go
all weird, and so even if a designer likes there to be a 1 pixel gap on the
right-hand border, or is worried by a widow that’s appearing on the last line,
don’t let that get in the way of your building the file in HTML. A lot of people now are used to the power
that CSS gives us and expect the same in all digital formats, but with email we
have to go old-school and forget that. It’s a shame, but it’s true. Emails can, and often will, look ever so slightly different when built
to the flat PSD.

So, when you are running a project of this type, make sure
you get sign-off of the finished creative and copy from all the stakeholders
before you accept it for briefing in the developers. If not, you will be making a rod for your own
back and no matter how much you think you’re doing the others a favour, or they
complain the client cannot visualize it as a flat design, resist the urge to
say “ok, just this once”. Trust me!

Build Stages

As HTML goes, emails are
pretty simple beasts really. Tabular
layouts and nice clear concise paragraphs of content, so what I don’t want to
do is get into how to write your <H1> tags etc.

 

There are four things to
consider in the build of an email and these are the HTML version, the plain
text version, personalized tags and multiple emails.

 

HTML Version

 

The HTML version of an
email is pretty much the one that most people are going to see. Graphically interesting, with good formatted
text and visually appealing – it’s what everyone thinks of when you say the
words “email campaign”.

 

There really isn’t that
much to say about it – get the design (signed off!) and get cutting your
code. Stick to basic HTML, tables are
preferable to DIVs, and use FONT tags like it’s 1999!

 

Job done.

 

Plain Text

 

The plain text version of
an email is often over looked by everyone in a campaign – because generally
people are focusing on the good looking guy! But, you will need to have a plain text version of almost every email
you send unless, of course, you know 100% that the list of recipients that you
are sending to are all HTML email opt-in. And even then I’d suggest you send multipart (which we will discuss in a
short while).

 

There are two schools of
thought in the plain text world. The first is to fully replicate the copy from
the HTML version, but lay it out as if your only word processor on the PC is
notepad. If this is the case, it’s a
good idea to get the copy writer to provide the plain text version to you when
they create the HTML side of things. As
copy writers they will undoubtedly be concerned with the flow and layout of the
text, because it’s their job and they should be, so it makes sense for them to
provide it. In my experience, when a
HTML developer is asked to make the text only version, they’ll get something
wrong in the copy.

 

The other school of thought
is that you cannot possibly reproduce the HTML version accurately enough in a
text only version, and the message will be lost, so you put something along
this line in the plain text:

If you can see this then
your email client cannot display HTML. Because we want you to experience the full email please visit the
following URL in your web browser to see the email. http://www.bobbinsemails.com/thisemail/

 

And with this you simply
ignore text only email users and redirect them to the HTML version on the
web. A lot of 3rd party email
providers will set this address up for you automatically if you want so there
isn’t even any extra work required from your developer.

 

It’s up to you and the
stakeholders really as to which route you take, but one thing to consider is
that desktop PC email clients are not the only way to check your email any
more, and you should probably think about mobile, PDAs, media centres and so
forth. I can say I’ve seen both sorts
though, and I have no problem with either.

 

Personalised Tags

 

We discussed personalized
tags in the copy post yesterday, and so if you’ve done your checklist as you
should have, by now you’ll know all of the personalized elements that you are
expecting to appear in this email. 

 

The main thing to do at
this point is make sure that your HTML version has the tags for tying up the
data set with the fields in your 3rd party system correctly. Generally these tags will be in the form of a
bespoke mark-up language that the 3rd party uses and will look
something like:

##my_data_field##

Or

%%another_data_field%%

 

When the HTML
is being built, just make sure the right tags are in the right place, otherwise
you’ll end up calling a customer “

COVENTRY


and directing them to a new car called “DAVID”.

Message Formats

This part is really just to ensure that whoever it is who
uploads the email code and images into the 3rd party system does so
in the right format for the job. This
might be you, a developer or a dedicated email administrator, but the key thing
to remember, which will have been decided on before, is to get the right
formats uploaded and selected in the system.

These are HTML, plain text and, importantly, multipart.

HTML and plain text we know, and for the easiest
explanation, all that a multipart email is, is an email that contains BOTH the
HTML and text versions. The reason for
doing this is to ensure that the users own email client can decide on which
version they should display.

For example, if a user has a basic HTML client that for
some reason cannot show HTML, if you only send them an HTML email, they will
see the raw code when they view it. This
is obviously undesirable.

Similarly, if you were to send a plain text only email,
and yet they have a nice advanced email client, then you’ll miss an opportunity
to show off the design and the branding by giving them the basic model.

Multipart allows the users own software to show them the version
they want or, if they haven’t gone to the trouble of setting it up, show them
the HTML version, which is often assumed to be the most desirable.

Most modern 3rd party email systems can cope
with this choice, and my advise would be to send multipart to cover off as many
bases as you can.

That’s all for now, next time I’ll go into the details of
spam scoring and copy adjustments.

Sep 6
links for 2006-09-06
icon1 howard | icon2 links | icon4 09 6th, 2006| icon3No Comments »
Sep 5

Second_life_logo_1
Tonight I had the (very brief, probably only a few minutes) pleasure of hooking up with CC Chapman, of Managing the Gray, inside Second Life and he showed me around a few of the brand sites that have sprung up inside the metaverse recently.

Have to say that there are not many there yet, all I could find on my own was Nissan large tower (complete with fireworks!), but CC showed me the areas for American Apparel and Telus, which is a mobile phone company.

Sl_nissan
Starwood, the hotel company, apparently have a location in Second Life as well, but it’s not public yet so we couldn’t visit.  Even in the virtual world there are places we can’t visit unless you are a VIP :)

Sl_aa Thanks to CC for breifly showing me around before he had to log off.  Hopefully I’ll have a chance to chat with him again soon.

Howard

Sep 5

Email Design

When I say email design, what I don’t mean to be is an art
director in any way (god forbid!) No, what I mean is to help to guide the
people doing the design work towards something which will work for the majority
of users we intend to send out to. In an
ideal world designers would have an understanding of the limitations of working
with email but unfortunately that’s not always the case. Email is a temperamental beast and, because
it is something we all use everyday now as much as, if not more than, the web
and the browser it’s often assumed that it’s as advanced as it’s friends that
help us connect to the Internet. The truth, however, is that email is still,
for all intent and purpose, living in the dark ages of the web, circa 1999
around the time that XHTML was a far off dream and people were just beginning
to understand that CSS was the way forward.

The reason for this isn’t that email hasn’t moved on – it
has and the modern clients such as Outlook 2003, Thunderbird and Apple Mail as
pretty much cutting edge supporting all types of standards and
bells/whistles. However, unlike the
browser in which most people have progressed as new versions are released,
email clients tend to be stuck in the past to a certain extent – particularly
for corporate clients, something to consider if you’re going for a B2B audience. In addition we have to consideration that a
large portion of people use web-based email clients to check their mail, such
as Hotmail, Gmail and so forth (myself included – I cannot live without my gmail!)
These services, whilst running in the browser, can and do have some peculiar
rules on displaying content, and so yet again it’s not safe to assume that all
the tricks we can and do put into websites will be accepted or displayed in
emails.

The basic rule of thumb is to play it safe and stick to
“old school” HTML. Basically, avoid CSS, stick to FONT tags, and forget all
thoughts about video, sounds and flash content. Aside from it being perhaps unacceptable to the audience to include
content that we assume they will want to see, it can provide hefty downloads
and, in many cases, simply not work.

Text; HTML; JPGs; GIFs; That’s your lot.

Copy Writing

As I mentioned before, what I don’t want to do is come
over all “creative”, and so when I talk about copy, I obviously don’t mean
anything about tone of voice, what or how you say something (although I think
that’s a perfectly valid topic for adventuresDM but perhaps by a different
member of the team!)

When preparing copy for an email campaign there are, by
default, a set of key elements that you must include in your brief to the
writer, otherwise the project will be left without important elements that will
mean your developer or email administrator will not know how, and therefore be
unable, to proceed. In some ways these may not appear to be the responsibility
of the copy writer, and perhaps they aren’t, but they still need to be on-brand
and relevant to the campaign, so if not the copy writer then someone else such
as an account manager or even the client should provide them.

The three key elements are the email basics, the
customized fields and link URLs, and I’ll go through those now in order.

Copy Writing - Email Basics

This phrase perhaps makes you think that these items are
not so important, but I assure you they are. There are three key items within this that you need, and these are the
Senders, or FROM, address; the REPLY-TO address; the subject line of the email. These three items MUST be included in the
copy deck for an email campaign. If not, you simply cannot send the email
out. I have seen it happen time and time
again that emails go back and forth for days between agency and client, going
over in the smallest possible details the design and content of the email, only
for the campaign to run right up to the deadline and fall over at the last
minute because for some reason or another there wasn’t a subject line included
in the original spec.

Copy Writing - Customised Fields

These are the second important part of the copy writing
stage and are to do with any personalization that is required in the
email. Emails can get very, very
complicated, especially in a full CRM programme where a users clicks and what
they read is fed back into the loop and forms the basis of the next email (this
is also out of scope for this post, and really we’re just covering a one-off
style campaign although these points are just as valid for full-on campaigns). 

What I mean by personalisation at this point are things
such as:

· Greeting – Mr, Mrs, Miss?

· Name – firstname only, full name, surname?

· Any other elements such as a contact name or
telephone number at the client’s business?

· Details of an event, date or location

Basically any other item of text content that can and will
change either on a person-by-person basis, or frequently for large chunks of
users. At this point it is key not to
worry about what these items are going to be, because they won’t necessarily
come from the copy writer, but more from data or from either the client or your
own agency. The copy writer will, however, need to bear in mind what these
items are going to be and include them when they produce the text so the HTML
developer knows where to include the codes.

Similarly, the people supplying the data need to be sure
that any customizable or personalized item they include in the brief for this
email is actually going to be possible to provide for EVERY recipient. It is simply not going to be good enough for
a customized item, for example a person’s home town, to be included in an email
if it cannot be displayed for all recipients. The email engine will not be able to tell the difference between

BIRMINGHAM

and “ “ (blank)
or even GIRAFFE, and so if the data is not there, or it’s not clean, you may as
well forget it.

Occasionally, you’ll be asked to put in a special case to
cope with gaps in data. “We have images
for every one of the 20,000 users, except for some where we don’t – that’s OK
isn’t it? You can just display a picture of a monkey right?” Wrong – do not do this. You will cause more
trouble than it is worth for yourself and your team. If something is missing for a group of users,
no matter how small, you should question how valuable that piece of information
is in the first place and why it’s important for some, but not all – do we need
it in the first place then?

All of these data and copy elements should be agreed
up-front by all stakeholders before anyone puts pen to paper, or certainly
before anyone starts to write a single line of HTML.

Copy Writing - Link URLs

The third and final element in preparing the copy for an
email is link URLs. As with subject
lines, not having the right link URLs for an email is another last minute
mistake that often gets made. It’s very
easy for people on a project to say something like “click here to view the
powerpoint document” but then forget that actually that power point document
needs to sit on the end of a URL on a server somewhere, and we cannot guess
what it is.

In addition to simply not having the URLs to begin with,
having the right URLs is just as important when you consider the message you
are trying to get across. Imagine you’re
sending out an email for an important automotive client, and they want to link
through to the latest specifications for their new car. How terrible would it be for you to send that
email out to 100,000 recipients, but direct them through to last years model,
or a cheap model when you’re trying to sell them the luxury saloon. All URLs need to be provided to you along
with all of the other items mentioned above, and signed-off by both the account
team and the client. It is not your
responsibility as a builder or project manager to make sure it’s the right
product! Your responsibility is to
ensure the HTML you end up building links through to their URL and not
somewhere else. What that URL actually
is you don’t care.

A good way to deal with this is to create a check list of
content items to give to your account team and have them fill it all in and
make sure they don’t miss anything. Then, they can provide this to you and the
developer. Anything that changes can be
re-submitted to you using the same form.

In my next post I’ll be discussing the sign-off
process you should follow before you start to build, and what the build process
should be like once you do begin. I’ll
also provide you with a link to the check-list I mentioned above.

Sep 5
links for 2006-09-05
icon1 howard | icon2 links | icon4 09 5th, 2006| icon3No Comments »
Sep 5

Ea_logorithm
Quite a few
news sites (as well as bloggers) are reporting that EA has at last signed deals with two leading in-game ad companies, Microsoft’s Massive and IGA Partners, that will allow real-time in-game ads to be downloaded into at least four of it’s upcoming titles, intially launching on an upcoming Need For Speed and Battlefield games.

This is something that’s been on the buzz for quite some time and I have to say it is of particular interest to me having worked in games in the past, and now, ten years on, finally seeing the two worlds begin to combine.

Massive_logo
The deal covers only the PC and XBOX platforms, so nothing for Sony or Nintendo gamers yet, presumably meaning that any ads in games on those platforms will remain the static variety rather than anything done in real time.

Igalogo
I can’t find any detail on how these ads will be targetted above and beyond a sweeping demographic stab at the game’s target audience, and I would be very keen to hear from anyone who knows more if there is even an option to do things "on the fly".  That would really revoutionary to target not just real-time ads to gamers, but to target different ones to different people.  As this is a global deal, presumably at least there will be localisation for country specific content rather than just using global brands.

This moves the concept of outdoor style ads into a whole different realm.  Unlike online advertising which is usually accompanied by a click-thru call to action, these ads will be driven past at high speed, certainly for Need For Speed, so it seems unlikely to me that the user is going interact with the ad in any way.

I’ll be watching this with a keen eye as this is something I am really interested in getting my teeth into as well as I have a few ideas up my sleeve I’d like to try (and go beyond a simple banner as well!)

Howard

Sep 5

Imagelabellerlogo
Google
have launched a new tool which aims to help them improve their search listings when it comes to images.

The Google Image Labeller is a web based game, or sorts, which allows an individual user to partner up with another person on the site and suggest keywords, or labels, for images which appear to them on screen at random.

The idea is that your keywords help google identify what the image contains and thus improve the accuracy of their search results.  Keywords are only added to an image if both of the users match the same word, to make sure you’re not doing something stupid and logging the wrong keywords.

I gave this a go just now and it’s actually strangely compelling, and I found myself entering words at a speed of knots to see if I could match my online partners.  Unfortunately my partners didn’t seem quite so fast and I hardly matched any words, except for when an image was really obvious, such as one which showed a footballer.

This is really interesting to me, having previously worked at an image library, as keywording was one of the things we always found hard to do and get right - in fact in the image library world it really is quite a big topic as hard as that might actually be believed.  There are firms that specialise in nothing else but keywording images. 

Opening them up to the users of the site is a really interesting thing, and I am sure the big players in the library world like Corbis and Getty could take a good look at this method for their own libraries.

Howard

Sep 4

So, I’ve booked my ticket and am going to the European IA summit at the end of September. It should be interesting and if anyone here is going, or knows of someone else who is going,  please drop me a line.

I still haven’t booked a hotel and am trying to find a good one near the conference hotel. Again, any and all recommendations are most welcome. Here it is:

MARITIM proArte Hotel Berlin
Friedrichstrasse 151
10117 Berlin

I will of course be blogging about the conference. I hope to meet lots of London based IAs there.

Jonathan

Read the rest of this entry »

« Previous Entries Next Entries »