Why We Need a Weblog Design Standard
By Byrne Reese (Six Apart)
The general concept behind standards is to provide predictable building blocks for others to build with so that the need for re-invention is minimized, to lower the costs of creation and innovation, and to reap the benefits of shared infrastructure. Imagine a world in which railroad companies never finally agreed upon a railway standard, as they almost didn't hundreds of years ago. Imagine the amount of wasted money that would have been spent building and maintaining multiple train tracks and train cars to fit on those tracks?
When Six Apart acquired LiveJournal, we began to feel the costs of a fractured design methodology because our design team was stretched extraordinarily thin trying to support and deploy the same set of designs to three completely different products: Movable Type, TypePad and LiveJournal. As a result, all three products suffered as the pace of new designs being introduced onto those platforms slowed down.
Then one day while admiring the truly impressive collection of designs at the CSS Zen Garden, a number of us realized the potential locked within the blogging industry to define its own CSS and HTML convention or standard.
It's logical enough right? After all, about 99% of all blogs, including all of the ones from Movable Type, TypePad, LiveJournal, WordPress, Blogger and probably any other blogging platform you can think of, all use one of roughly the same set of layouts: one column, two-column left, two-column right, and three column (with a few additional variants as well).
So if all of these products use the same general layout, what benefit is there in constantly reinventing the wheel? Why must every designer define both a page structure and stylesheet? Wouldn't it make sense for the entire industry to finally actualize the professed benefits of CSS? Wouldn't it make sense to truly divorce designers from the structure of a page and only focus on the presentation?
One could argue that HTML does not produce that much impedance to the design and development process. And they are probably right, but that does not change the fact that a blog design standard has benefits beyond the time it would save developers.
Imagine what the user's experience would be like if when they wanted to select a design for their blog they got to choose from the combined efforts of Six Apart, WordPress, Google, Yahoo and Microsoft? The options would be virtually limitless.
Imagine how easy it would be for a user to change their design of their blog if they merely had to replace a single stylesheet and not be forced to completely re-write the HTML of their website?
Imagine what would happen to the tools available to all of us if Adobe, Microsoft and Apple could all build their tools around one single, predictable and open design standard?
Imagine if you're a professional designer and are able to sell a single design to both a TypePad and WordPress user without any additional effort on your part. Imagine being able to market your products and services to an entire industry as opposed to the users of a single product?
Bottom line: Standards level the playing field by reducing the potential for any single company to leverage technical monopolies. Standards reduce the costs of development by eliminated duplicate effort. Standards expand markets by eliminating the walls companies erect to protect themselves.
And the most important thing for us all to realize: standards are not just for back-ends. They are for front-ends too.
Comments
nelanj
April 2, 2006 5:22 AM
I've looked at what appears to be the first three style templates submitted or base templates to design.
Also, looks like these templates have standard features, with no ability to add desired features (ie., an edit entry link right on the front page of each entry).
Do we have the option to add features without cluttering up the page?
Thank you, in advance, for your response.
Byrne Reese
April 3, 2006 5:37 PM
You are correct. For the purposes of this contest users are not allowed to add features or functionality to the base templates. One of the primary reasons being that it is important that every contestant to work from the exact same template so that designers unfamiliar with JavaScript would not be at a disadvantage.
But also, the heart of the contest is about promoting the benefits of a standard HTML layout. If we modify that base layout, then it is no longer standard, and thus loses the associated benefits.
However, I encourage you to publish an example of your design somewhere on the Internet as a demonstration of not only the design, but also of other design elements and functionality you innovated.
the absent student
April 5, 2006 5:11 PM
I'd be interested to know the reasoning behind not including a #footer div in the standard layout. It is, after all, the easiest way to implement those ubiquitous rounded corners, and a useful place for extra links and info (as this page demonstrates) Was it just a case of there being enough divs already?
nelanj
April 7, 2006 4:53 AM
Hi Bryce,
Thank you for your explanations. They make perfect sense. This contest has all the parameters of any type of design contest.
To post a design template, I would have to sketch it using colored pencils and paper. My web-building skills are limited. The ideas are there, so don't be surprised if I do submit something.
Egypt Urnash
April 10, 2006 9:04 PM
Wouldn't it make sense to truly divorce designers from the structure of a page and only focus on the presentation?
Yes, it would. Then why am I beating my head against selectors like
.layout-one-column #alpha,
.layout-two-column-right #alpha,
.layout-two-column-left #beta,
.layout-three-column #beta { css-goes:here }
instead of
.#content { css-goes:here }
?
Imagine how much my head is aching, and how much I'm swearing at whoever decided that labelling major chunks of the page with something based on their position in the source, instead of functional, descriptive labels like #content, #sidebar1, and #sidebar2?

