Content is King ( still)

Note: This is a rough,rough draft written over two or three days at well past midnight. The topic is something that comes up quite a bit and that I have a lot to say about. This is an explosion of some of those things. It’s somewhat (dis)organized in some places. In the interest of time (and mostly so I can move on to something else),I’m publishing this as is. There are some gems in here if you have the time. If not,the takeaway is right in the title. You don’t need to read any further than that. On with the show…

This is something I’ve talked about in the past,both here and in person to clients. It was a topic in Sitepoint’s March Newsletter and the basis for some recent converstions I’ve had as well.

Content is king!

I think for people with little knowledge of the Internet outside of recreational use,comprehension of this concept comes in stages or unfortunately,not at all.

1. Let’s assume you have a business. I don’t care if you work for yourself selling homemade pot holders or if you’re the CEO of a 500 employee manufacturing company. At some point somebody has probably told you that you need a web site and that this web site would answer all your (business-related) prayers. At this stage,that’s not only believable but you can’t wait to get that site online and watch the $$$ come rolling in.
2. The site is online,you put your feet up on your desk,and…nothing happens. The big letdown. No bags,piles,or stacks of money. You think you know firsthand why the tech bubble burst and the e-Toys stock you bought to send Johnny to college now won’t even pay for a week of his day care. I digress.
3. Your web site really let you down. But you have money and time invested in it so you’re not entirely ready to give up. Good news! You get an email one day claiming to be able to get you umpteen-million visitors. XYZ Company will get you registered on a million search engines,they’ll get you setup with a pay-per-click campaign,and they have tons of SEO tricks that will land you the #1 spot on Google. Cool. You’re on cloud 9 again.
4. You’re paying hundreds a month in pay-per-click and ongoing SEO fees but you’re not getting any more orders or phone calls or walk-ins or whatever you’d like your site to accomplish for you. ‘The web is just hype’,you think.

I think this is an all too common scenario. It’s not necessarily that the web developer or SEO company is no good. It’s just that they didn’t take the time to truly understand what the goal was and what is required to meet it. There’s the old saying,‘when all you have is a hammer,everything looks like a nail’. Some developers just develop.

Simply having a web site is a good start but not necessarily enough. If I never put any work into this site and had only one page,it would contain information about my background,skills,experience,and a way to contact me. That little bit of information would work for me 24 hours a day,7 days a week. It would be like giving everyone I see my business card,only it contains way more (useful) information.

That’s the minimum it accomplishes. I don’t do pay-per-click or search engine optimization. I’m not interested in it. Honestly,I don’t really believe in it. Please don’t misunderstand me. I believe that paying the highest amount for specific search terms will get a site listed the highest for that those search terms. I also believe that optimizing your web site for a specific search term will get you listed higher for that search term. What I don’t believe in is the benefit of it.

Ok,I should probably clarify that. If you’re not explicitly selling something,I don’t believe that pay-per-click is beneficial. ‘Everybody is selling something’,you say. You’re right,this site pitchs me. I said explicitly,meaning,you’re selling…a widget for $25. If you’re a straight up e-commerce company competing with other companies that have the same service/product/etc. and the only difference is who gets to the consumer first,then have at it. Pay-per-click is your best friend. Buy your way to the top,it’s worth it.

If you’re doing anything else (which encompasses a lot),then I just don’t think it’s a productive use of time or money. Let’s use a familiar example: this site. I can pay hundreds (or more) dollars each month to get this site to the top of Google for web design. If you click through and are greeted by a message that says something like,“This site best viewed with Internet Explorer 4”,or terrible MIDI music,or references to clearly outdated technologies,it’s not going to inspire a lot of confidence and it won’t be long before you’re back at Google resuming your search and my hard-earned money is wasted.

My point is that high rankings don’t mean anything if your site doesn’t appeal to your target market and satiate some desire of theirs. Whether it is to purchase something or obtain some piece of information or whatever. When I search for something on Google and I click through on a result,I give that site an assessment in about 15 seconds. If it’s not readily apparent that it will meet my needs,I hit the back button.

I prefer organic results. That means that my site appears naturally for the search terms that it most closely relates to. In my mind this kills two birds with one stone.

1. I don’t pay for listings but my site still appears. Albeit for fewer,more specific search terms but it’s more relevant to the user. This should make that person happy. Making the user happy is very important.
2. I’ve taken the time to provide quality information so my site because useful. A utility. A tool. People come back,instead of this being a hiccup in their search for what they really want.

You can use pay-per-click campaigns and search engine optimization tricks (both legit and illegit) to get traffic to your site and/or make it more appealing to search engines but ultimately,search engines don’t buy your product or service or visit your office or any of those things. So why would you design specifically for them? That’s like manufacturing a product for one audience but marketing to another.

There is not substitute for useful,relevant,current content. Just in case you didn’t get that. There is no substitute for useful,relevant,current content.

Visual Studio…the best edition

Although it’s been put on the back burner many times over the last few months years,I’ve committed myself to learning .Net. After talking with quite a few people,I decided that C# would be my best bet.

So I bought myself a book and compiled a list of online resources. The next step would be the IDE. Visual Studio is anywhere between $500 and $2500 depending on the version. Ouch.

I don’t remember how but luckily I stumbled upon the Express area of Microsoft’s web site. As the name suggests,they offer Express (read free) versions of quite a few of Microsoft’s development products such as Visual Studio and SQL Server to name a few. While I’m not sure about SQL Server,the drawback of Visual Studio Express is that only one programming language is supported per version. I’m sure it’s short on other features as well but that seems to be the main difference. There isn’t anything preventing someone from downloading an Express edition for each of the programming languages they develop in but I imagine they’d quickly tire of switching back and forth and pony up for the commercial version which supports all of them under one IDE.

An added bonus (in addition to the free part) is that registering the product grants the developer access to another area of Microsoft’s site where you can download two dozen or so free icons from IconBuffet,about 250 royalty-free images from Corbis,and development related ebooks. Not a bad deal.

I imagine that as I get more into developing in C#,I’ll spend the big bucks for the commercial product. Until then,I intend to post here about my development progress and what I think about Visual C# Express.

Yahoo! Developer Network

I was originally going to tell you how this book I’ve been reading,Ajax in Action by Dave Crane and Eric Pascarello with Darren James,has made me a Javascript phenom and how I’m putting together amazingly interactive interfaces using Ajax.

Instead,I’ll just tell you how Yahoo!’s Developer Network has pre-built interfaces and design patterns. All open source under BSD license. Want to implement drag n’ drop functionality? How about breadcrumbs or pagination? Auto-complete? Look no further,it’s all there. Quite a few of these have sparked my interest and will no doubt save time on future projects.

I’ll probably still finish the book however.

When Less Isn’t Less

A while ago I read an article in Wired about a traffic engineer who removed all the traffic signs from a village in Holland. No street signs,no lane markers,no crosswalks,not even markers to indicate where the road stops and sidewalks begin. What residents found is that it reduced accidents because without any explicit direction,people were more focused on the task at hand,mainly driving. It interested me at the time but it also seemed pretty idealistic to trust people to pay attention. I filed this nugget away in my brain and promptly forgot about it until Jason Fried posted about it over at 37signals.com.

What does any of this have to do with web design? I think the point Jason made and I’d like to reiterate is that less is sometimes more. Have you heard about the million dollar homepage? It was thought up by an English lad as a way to pay for school. Basically he divided up his homepage into a million pixels and sells them to advertisers for a $1. While it’s got him rolling in cash,looking at it is enough to trigger a seizure. It’s a great gimmick for sure but there’s way too much going on.

Users can get overwhelmed by information so before you put pad to pen,think about the purpose of your design. What do you want from the user? Look at Blogger’s home page. I think they’ve narrowed it down to two main reasons why someone would visit their site: 1. An existing user wants to use their account. Good,the login area is featured prominently at the top of the page. 2. A potential new user wants information and/or to sign up. Again,the necessary information is displayed right smack in the middle of the page. That’s pretty much it. Simple and elegant. Even the dimmest bulb could figure out how to login or where to click to create a blog.

Cameron Moll had a great article on breaking a design down to only the necessary elements. Unfortunately,I couldn’t find it on his site when I went to write this but if you troll his archives you just might get lucky. Derek Powazek has also written a great piece at A List Apart about home page goals and how to design to meet them. The moral of the story is that complexity or features don’t necessarily make something better. There’s a reason KISS rocks.

Editor’s Note: You can also find this published on fad.tastic’s home page.

Joel Spolsky’s Design Essays

Just an FYI to interested parties. Joel Spolsky of Fog Creek Software is publishing a series of essays on design. He doesn’t mean design like deciding between two colors,we’re talking usability. I’ve always taken something away from his writings so be sure to check them out.

‘Rosie’ Redesign

It’s been a little over a week since I posted last. As you can see,tonight I emplemented the ‘Rosie the Riveter’ Redesign. That’s part of the reason it’s taken me so long to write here,the other is that I’m also getting close to the implementation date of the recognition program at work that I talk about all the time lately.

Anyhow,just like with the last design,I tried to pick something that really stood out to me and for some reason,Rosie does that. In this case I kept it pretty simple and was able to use most of my existing work so it didn’t take too long to get put together. I find I get bored with the design of my site rather quickly so time allowing,stay tuned for something else. For now though,this has cured my jones.

JavaScript Calendar

It’s called The DHTML/JavaScript Calendar and it definitely is. I promised a few days ago that I would start to post links to scripts I’ve found online that were useful to me,so here goes.

The javascript calendar available from dynarch.com can easily be set up in about 5 minutes simply by copying a few scripts from their download to your web server and adding the appropriate links to them in your document’s head tag. It also comes with a half dozen “themes”,which consist of pre-made stylesheets that just need to be copied and linked to.

Once you’ve got the script and stylesheet links in place,Dynarch provides a demo page with all the different types of implementations possible. Find the one you like and copy and paste the source into your document. Further customization is possible with only intermediate knowledge of Javascript and HTML but it really is as simple as cut and paste.

See below for a sample implementation:

Better Forms

I’ve really been testing my usability knowledge with this recognition program I’m working on. In my old position,we had a core set of components or features for our sites that we didn’t really deviate from. Since they were already developed,the only questions was where on the page to put them.

Not so with this new application. While the recognition program itself has existed for a number of years,an application that brings it online and automates quite a few processes is new territory. We’ve had to put together new forms. Forms mean validation and usability issues.

I’ve been reaching into my bag of tricks for things I haven’t used in a quite a while and learning a bunch of new ones as well. I’ve also been writing Javascript like nobody’s business. I’ve found quite a few great scripts as well and when I can,I’ll give the authors credit and post links to them. In the meantime,here’s 10 Tips To A Better Form at ParticleTree.com. There’s some great advice and links to some very nice implementations of that advice. Enjoy.

On the agenda

On my To-Do list for 1^st quarter 2006:

• A redesign of www.letsgomurphys.com
• michaelrichardmurphy.com the domain that aliases to this will be spun off on its own

After the redesign and spin-off,this domain will still feature my writing (a skill which I’ll forever be working on) and information about me but it will probably be of a more personal nature. michaelrichardmurphy.com will focus more on my career,portfolio,and writing of a more professional nature.

I have something pretty cool in mind for the professional domain but it requires learning a new skill so be patient and stay tuned.

Drag & Drop Shopping Cart

Check out Panic.com’s Goods to see a cool drag & drop shopping cart. Pick a t-shirt and a size and drag the image right into a big wide footer area that acts as the cart. Even better,once added,see the image there. As near as I can tell,it’s accomplished all through Javascript and CSS. Smooth.

I can’t remember where but I read recently that it you wanted to see cutting edge work and hot design,that one need look no further than Panic.com. After talking a look at their site,that certainly seems pretty accurate. I’m definitely impressed.