I design and maintain web sites for a living, and the one thing that I see most often is too much of a focus on the graphic design of a site, or the “look and feel” and not enough on the idea of interaction with the site.

Design on the web is a very different beast from designing a print brochure, or a newsletter, or a trade show booth. I’ve spent my career doing all of these, and would like to share a bit of my insight into an effective approach to successful website planning and implementation.

Above all, you have to realize that websites are resources to be used. Unlike a magazine or a brochure, they have a bit more of a complex role when it comes to interacting with their audience – and more appropriately, vice versa. This doesn’t make them any easier or harder to implement, but web interface and interaction does bring a unique set of challenges and considerations to the table.

Anybody who thinks they can separate design from structure from content, has not spent enough time working with good teams to develop an appreciation of the importance of all three.

Structure is King

Yes, yes, I know that’s not how it goes. Everybody keeps saying that content is king, and I’ll agree with you in the next section, but for now, just bear with me. Structure determines how the entire site will work. Think of wanting to build your office. Yes, you have to know who’s working there, but much of your planning involves figuring out the space you need, and getting the doors right, and hiring the right architects and structural engineers before going to Ikea to buy all of your furniture. Yes, you need to know the basics of your intended content, but at this point, it’s at a very high level. Don’t get carried away with too much content development without determining a strategy to deliver and navigate it.

When it comes to websites, structure is something that every designer needs to think about before choosing a typeface or a colour scheme. The planning in these stages shapes how your content is presented and accessed, but in some cases, may actually influence appropriate content choices. Decisions about navigation shouldn’t be left to the end of the planning process, for your designer to deal with as an afterthought. Content is what you want on your site, but it’s extremely important that you make a commitment to a method of organizing it.

Use your target audience to guide you. No marketing decisions should be made without appropriate research, so make sure you’ve got as much information as you can before you start deciding on technologies and colours and neat Flash splash pages. Let that research take you to competitors, and put yourself in the shoes of a customer. What makes things easy for you? What frustrates you? What are you doing just before deciding to buy, or deciding to leave?

Content is King

Okay, that’s more like it, you say. The medium is the message? Not if you want that Google PageRank (sorry, Mr. McLuhan, I’ll make it up to you in another article). The medium only gets you so far, but the swing for the internet is back to purity of content. People are becoming a lot more flexible in the way that they access content, and to some extent, it’s created a platform war — from huge desktop screens to tiny Blackberries, iPhones, and UMPCs. Fortunately, we’ve got the standards and tools that are up to the challenge. A good separation of content and presentation is all that’s needed. Make sure your users can change the medium, and still keep the message intact.

Search engines play the part of a user as well. Make sure they have information to digest. Google in particular is almost entirely geared towards finding and ranking relevance of information. Their entire credibility relies on making sure they have information on sites that let them return pertinent search results. Their ad systems also work this way. All other successful search engines follow a similar path. If they don’t know what your site is about, they can’t send interested people there. Content should be written in such a way as to not only inform a human reader, but to make sense to a artificial intelligence, as well.

Design is King

Oh, come on. We all know that form follows function. A good and successful design needs to be more than just pretty, however. This is where your users get the opportunity to interact with that properly organized content. The site should be clear to them, and often what looks good is not necessarily what makes for good design on the internet. Make no mistake, the demographic is very different from a magazine or newspaper reader. The time to grab someone’s attention is very short and there are always millions of competing sites at their fingertips, seconds away.

Some things in design don’t change, however. The basic principal of design is that you’re communicating effectively. That’s your job. You can be more successful if you’re creative, but don’t let the quest for aesthetic appeal overshadow the job that a designer has to keep in the fore — effective communication of ideas and content. To that end, use good design principles when thinking of your typography, page flow, and whitespace. Add to that a clear and consistent method for navigating from area to area without surprising, confusing, or insulting the user, and you’ve got the makings of a good website.

User experience is King

A site needs to look well-organized, not too boring, but not too confusing. The design is there to help guide the user, and to help them find what they want. You can’t force a path on them, unless they cooperate. Remember, just because there’s only one path to follow on your site doesn’t mean they won’t just go away to a site with more choice.

Don’t ever think of your website as finished. You have to set objectives — milestones, as it were, but don’t ever think of a site as, “in the can,” throw-it-on-the-shelf-and-let-the-hits-come finished. This is where real website development sometimes starts. Sometimes it’s a bit painful to take a look at all your hard work and decide that you’ve made some mistakes – but it’s harder still to leave things to atrophy. Business models and advertising strategies change with their respective trends, and so should websites. Listen to your visitors. Find out why visitors are coming, and why they are coming back. Use the information to constantly tweak (not redesign!) the experience for the better. Don’t fall into the trap of changing things just for the sake of change, however. Inconsistencies in usability and design risk alienation, if there’s not a good reason for them.

Users are getting more savvy and have their own ways of doing things — make it easy for them to still access your content, without forcing them away from their preferred access method. Don’t re-invent the wheel, or solve problems that don’t exist.

At the end of the day, you’ll learn best from the people on the other side of the screen. Those people are your readers and customers, and they’ll be your best resource, through emails, forums, letters, purchases, visits, and comments. At the end of the day, treat your users like royalty.

Well, if you’re a geek, or a geek in training, you’ll appreciate almost every one of this man’s lyrics. I like to think of it as witty music for adults (or those that are in an adult frame of mind). Almost three years ago, he quit his job as a computer programmer to pursue music full-time. He started a project called “Thing-a-Week,” a regimented approach to his creative side, and one that would cement a great connection to his fans. The concept was simple, but required dedication to pull off. Every week, he would release something. Anything. Most of it was cool stuff. Some of it was übercool. Much of it was about monkeys, and other everyday topics. He’s also the man behind the song at the end of the Valve game, Portal, but you have to play it through to fully appreciate the lyrics in that one.

His recordings, while good, don’t come close to the experience at a live show. I had the privilege of attending (and helping out a bit) at his first show in Canada, and it was a truly fun and amazing experience.

The venue was West of the Toronto downtown core at the Lula Lounge, a great little place that was a first for me. (I plan on coming back on a Friday or Saturday, they apparently have dinner shows, salsa lessons, and dancing). I’ve been planning on trying that for a while. The middle of the room is a big open floor, with rows of loose chairs set up, with an aisle down the middle. It’s a testament to the audience that this structure pretty much stayed intact until the end of the show.

I owe my first awareness to a friend of mine that was in town that day, so he got to see one of his idols in person, and we helped out and manned the merchandise table for him and Paul and Storm, along with my lovely girlfriend Jennifer. The fans were great, polite and genuine, and there was a good, open source feel to the entire night.

That self-selected community is what is so nice about people that promote open exchange of ideas in their daily lives and work. Jonathan Coulton makes a point of releasing his songs to his public under the Creative Commons license, and encouraging them to riff and play with as they please.

The crowd was nicely warmed up by a wonderful, vibrant performance by Paul and Storm, with the duo making a big impression on me with their live show. They enjoyed themselves on stage, and it showed. They enjoyed the audience being there, and it showed. The audience fed into this, and so that dialogue that’s so important between performer and crowd got well-established.

By the time Coulton came on, the crowd was beyond warmed up. Paul and Storm actually stayed up on stage longer than they intended, but nobody noticed, since they were all having a blast.

Coulton started the show with favorites, just him and a guitar for the most part, but there were a few highlights, with a drum/sample contraption for his performance of Mr. Fancy Pants (I had hoped for a Bruce Campbell reference) that couldn’t have been more appropriate.

The single guitar made Coulton’s soulful styles come out, but it’s his lyrics that really capture the hearts of geeks, and he definitely delivered, clear and crisp, verse and chorus went out to the crowd. The sound man knew what he was doing, from where I was listening. Paul and Storm got up for quite a few numbers, and there was much friendly banter.

I was a fan before, but the live show made me an advocate and an enthusiast – I’m going to make sure that people know about the three great performers I saw on stage last night.

Links

• Yes, he’s got a wiki of his own
• and a blog
• the author’s favorite songs include Code Monkey, Still Alive, Re: your brains, Ikea, Skullcrusher Mountain.
• Paul and Storm
• The Lula Lounge
• Hopefully, Dale May will forgive me for taking advantage of his cool photography skills.

If you haven’t already, you should download Firefox 3. It’s a great browser, and Firefox has long been the darling of the Open Source community. I’ll have an article detailing exactly why, but this is just a quick report on the great evening I had.

I was at the launch of Firefox 3 last night, and was pleasantly surprised at the number of people there at 6pm. A couple of hours later, with the beer and cheer freely flowing, the numbers of partiers was over a hundred, and the downloads were in the millions.

I had no idea that Mozilla (the team behind Firefox) had offices here, nice open-concept ones at that. There was beer and food and screens showing the thousands of downloads they were getting every minute – it was really a good time. A few people have asked me, “Why all the excitement for a browser” and my answer has nothing to do with the browser — it’s all about the people involved. People that make free software (that’s free as in speech, not beer) are committed on a level that makes them interesting and generous and passionate. That sort of dedication is infectious, and makes for a good community.

Just like any other launch party, there was lots of swag to be had, people were milling about and talking about almost everything under the sun. There may have been a few more topics that leaned towards the geeky – but I’m sure you can go somewhere else if you want to talk about Paris Hilton.

MGImedia was there with the cameras, it seems, and although I didn’t see them, Space network was supposed to be there later in the evening. All in all, the launch kicked off with a good bit of coverage, and my good friend Ian also has a bit to say about the party.

I ended up leaving with their washroom key, and for that, I’m very sorry. I did lock myself into the lobby for a bit, and ran into some other people that were also locked out… with the only other key. Eventually, we managed to get the key back to the waiting, eager group.

Good work, guys, it was a great time! Check out some extra pics that didn’t make it here.