Ab Testing Web Design

A potential client recently came to me with an existing site. It certainly was slick: the homepage featured a Flash animation of telegenic young professionals culled from a stock photo service, psuedo-jazz techno music, and words sweeping in from all sides selling you the company's service. Unfortunately the page had no useful content, no call-to-action and no Google PageRank. It was an expensive design, but I didn't need to look at the tracking stats to know no one came this page.

So you're ready to ditch a non-performing site for one more dynamic, something that will attract customers and interact with them. Here's five tips for building a self-marketing website!

One: Useful Content for your Target Audience Give visitors a reason to come to the site. Text-rich, changing content is essential. In practicality, this means installing a blog and writing posts every few weeks. You'll see measures like "keyword relevancy" increase instantly as excerpted text shows up on the homepage. Add videos and photos if your company or team has that expertise, but remember: when it comes to search, text is king.

Two: Give away something valuable or useful Many smart marketing sites feature some free giveaway right on the homepage: a useful quiz, professional analysis, a PDF how-to guidebook. A builder I worked with went to the trouble of posting dozens of floor plans & pictures to their website and compiling them into a PDF book, which they gave away for free. The catch in all this? You have to give your contact information to get it. Once the free material has been compiled, the site runs itself as a sales lead generator!

Three: Ask yourself the Three User Questions! It's amazing how focused the mind gets when you actually sit down to define goals. Just about every website can benefit from this three-step exercise:

1. Who is the target audience?
2. What would draw them to the site? 
3. What do we want to get from them?

Get a group together to through your website page by page these questions. Brainstorm a list of changes you could make. You'll want to end up with Defined Goals: what quantifiable actions do you want visitors to take? It might well just be the successful completion of a contact form.

Four: Test Test and Test Again Many small businesses now get a lot of their customers from their websites. Your website is an essential piece of your marketing and publicity and you need to be smart about it. Compile together your favorite site-improvement ideas and make up  alternate designs incorporating the changes. Then use a tool such as Google Website Optimizer to put the alternatives through their paces. Which one "converts" better, i.e., which design gets you higher percentages in the Defined Goals you've set? Once you've finished a test, move on to the next brainstorming idea and implement it. Always be testing!

An extensive series of tests of one site I worked on doubled it's conversion rate: imagine your company doubling its internet sales? It is completely worth spending the time and effort to go through this process.

Five: Don't Be Afraid to Get Professional Help If you need to hire a professional to help you through this process you'll almost certainly get your money's worth! A recent projects cost the customer $6000 but I was able to document savings of $100,000 per year in his publicity costs! See my piece What to Look For in SEO Consultants for my insider-advice to how to pick a honest and competent professional web publicity consultant.

Web 2.0 tools have changed the boundary lines between techies and program staff in many nonprofits over the past few years. At least, they should have, though I know of various organizations that haven't made the conceptual leap to the new roles.

OLD SCHOOL: Webmaster

Let me explain by talking about my own changing work role. Even a few years ago, I was a paid staff webmaster. You could divide my work into two large categories. The first was techie: I managed server accounts, set up required databases, designed sites. I got into the HTML code, the PHP, the Javascript, CSS, etc.

The other was content: when program-oriented staff had new material they wanted on the website they would email it to me or walk it over. I would put in my work queue, where it might sit for weeks if it wasn't an organizational priority. When it came time to add the material I would boot up Dreamweaver, a relatively expensive program that was only accessible from my laptop and I would put the material onto the website. Needless to say, with a process like this some parts of the website never got very much attention.

At some point I start sneaking in a content management system for frequently-changed pages. This seemed very hackish and not good at first but over time I realized it greatly speeded up my turn-around time for basic text content. But the organizations I worked for still relied on the old model, where staff give the webmaster content to put up.

NEW SCHOOL: Web Developer

Nowadays I'm a web developer, a freelancer with an ever changing list of clients. I typically spend about a month putting together a site based on a content management (like this) or automatic feed system (like I did for Philadelphia's William Penn Charter School). I do a certain amount of training and while I might add a little content for testing purposes, I step back at the end of the process to let the client put the material up themselves. I'm available for questions but I'm surprised about how rarely I'm called.

Here's two examples. Steadyfootsteps is a blog by an American physical therapist in Vietnam. When we started, she didn't even have a digital camera! I gave her advice on cameras, started her on a Flickr account, set up a fairly generic Movable Type blog with some custom design elements and answered all the questions she had along the way. She went to town. She's put tons of pictures and embedded Youtube videos right in posts. Here's a non-techie who has contributed a lot to the web's content!

Penn Charter is a school that was already on Flickr and Youtube but wanted to display the content on their website in an attractive way. I pulled together all the magic of feeds and javascripts to have a media page that showcases the newest material.

They're very different sites, but in neither instance does the client contact me to add content. They rely on easy-to-use Web 2.0 services: no specialized HTML knowledge required.

NEW TOOLS, OLD MODEL

I got an email not so long ago from an old boss who manages a monthly magazine. Her site has been radically rebuilt over the years. Dreamweaver is out and content management is in. They use Drupal, which my friend Thomas T. of the Philadelphia Cultural Alliance tells me won the recent popularity contest among nonprofit techies. This is great, a definite step forward, but what confused me is that my old boss was asking me whether I would be interested in returning to my old job (the successor who oversaw the Drupal upgrade is leaving).

They still have a webmaster? They still want to funnel website material through a single person? Every staffperson there is adept at computers. If a physical therapist can figure out Flickr and Movable Type and Youtube, why can't professional print designers and editors?

My hourly rate ranges from two to five times what she'd be likely to pay, so I turned her down. But I did ask why she wanted a webmaster. Now that they're on Drupal it seems to me that they'd be better off switching from the webmaster to the web developer staffing model: hire me as a freelance consultant to do troubleshooting, staff training and the occassional special project but have the regular fulltime staff do the bulk of the content management. I'd think you'd end up with a site that's more lively and updated and that the cost would about the same, despite my higher hourly rates.

I've heard enough stories of places where secretaries have come out of the shadows to embrace content management and have helped transform websites. I'm the son of a former secretary so I know that they're often the smartest employees at any firm (if you walk into an office looking for the expert on advanced Excel features you'll surely find them sitting right there behind the receptionist desk).


FINALLY: WHAT'S UP WITH DRUPAL?

I'm trying to join the bandwagon and use Drupal for a upcoming site that will have about a dozen editors. But there's no built-in WYSIWYG editor, no little formatting icons. Sure, I myself could easily hand-code the HTML and make it look nice. But I don't want to do that. And it's unrealistic to think I'm going to teach a dozen overworked secretaries how to write in HTML. The interface needs to work more or less like Microsoft Word (as it does in Movable Type, CushyCMS, Google Docs, etc.)

Most Drupal sites I see seems from the outside like they're still old school: staff webmaster through whom most content funnels. Is this right? Because if so, this is really just an institutionalization of the content hack I did six years ago. Can anyone point me to lively, active Drupal sites whose content is being directly added by non-techie office staff? If so, how is it set up?

Over on the New York Times, an article about a new Nickolodeon-created website for parents