Skip to main content or search

Balance and Teamwork

Friday May 13, 2005 / 13 Comments

After writing about the blending of design and programming the other day, it really got me thinking. I really think web design, and almost everything in the world is just one big balancing act.

In politics, for every extreme conservative, there’s somebody else that’s just as extreme in the opposite direction. In business, some people like to rush and make things happen while others like to plan and are cautious. In the end though, it all balances out and things take care of themselves.

Extreme Diversity is Good

Web development is no different. Some people think design is the most important thing. They believe it trumps accessibility, flexibility, and sometimes even business goals. Others think that accessibility and usability are paramount and that visual design should just get out of the way. Some people think that 100% Flash sites are the best thing since sliced bread. And still some people think JavaScript is the devil.

That clash of opinions is fucking awesome. In the end, it all balances out, and the ideal solutions are somewhere in the middle. Let’s take Flickr for example. It’s a beautiful blend of HTML, Flash, and just the right amount of design for what it does. Everybody loves it and it’s great. That’s the kind of balance I’m talking about.

The Formula Isn’t Precise

It doesn’t need to be an exact balance or perfect split between all of the factors for every site. The truth is that some need to be a little further on one side or the other for different reasons. In the end though, the best sites out there are the ones that find the sweet spot.

Innovation Often Occurs on the Fringe

While the extreme sites that focus on one thing like a laser beam aren’t always incredibly useful sites in and of themselves, they are usually where the innovation comes from for each area.

It’s the individuals with their extreme focus are the ones who are coming up with the ideas that get integrated into the mainstream. It would be difficult for someone to come up with all of the details that make Flash incredibly useful if they weigh themself down by being concerned by accessibility.

Look at What’s Involved

It doesn’t take just one skill to build good web sites. It takes a lot of skill, knowledge, and understanding to execute successfully. Often, these skills are very different, and not easy to learn. Without possessing a true balance in a large majority of these skills, it would be difficult for someone to call themselves a web designer or developer. They can be good at what they do, but they would instead be experts in their area rather than a web developer.

  • Accessiblity
  • Cross-Browser Awareness
  • CSS
  • Business Knowledge
  • Database Design
  • Flash
  • JavaScript
  • Information Architecture
  • Marketing
  • Photoshop (or other image editing)
  • Server-Side Programming (ASP, PHP, Ruby, etc.)
  • Search Engine Understanding
  • Usability
  • Visual Design
  • XHTML

You don’t always need every one of those pieces, but you’ll never see a really good site that doesn’t balance the ones that it does use. The site might be absolutely amazing in one area or another, but it will be so severly lacking in another that it is dragged back down by it’s deficiencies. Once again, it all equals out.

One More Example

One idea that I have just recently bought into is an excellent example of this. It’s none other than sIFR. It is an elegant combination of Flash, CSS, XHTML, JavaScript, Cross-Browser Awareness, Accessibility, and an appreciation for Typography (Visual Design). It is, in my opinion, one of the ideal examples of this balance.

There have been other image replacement techniques that focused on just one or two of the above skills, and they fall short in one way or another. It took a combined effort by several different skillsets to create what is currently the best solution.

Summary

The extreme fringes help us to create great new uses for skills and technology, but it’s the well rounded sites, the more practical applications, that put it to good use. In the end, the ideas work best when they seamlessly blend together all of the ideas with no prejudice for one technology or skill over another. That kind of balance and teamwork is what makes me excited about the web.

That kind of blending and balance is what I see as the essence of Web 2.0. Everyone is starting to see the strenths and weaknesses of each techonology and how they really can work together to make some pretty amazing stuff.

Featured Stuff - Resources: Wireframes & Page Description Diagrames

Omnigraffle and Visio versions of the wireframe templates and stencils I use on all of my projects. There’s even a few examples included for good measure. More about Wireframe & Page Description Diagram Stencils and Templates


Garrett,

Man, you hit the nail on the head with this article. Your comment about ‘the sweet spot’ is dead on. Those are the sites that are the easiest to use, good on the eyes, and the ones that get the best traffic, because they are QUALITY sites.

Its hard to come across QUALITY sites like you mention. They are a dime a dozen. Sure, alot of blogs are fun to read, alot of sites are fun to browse, but only a small percentage hit that sweet spot you speak of.

Your two examples of SIFR and Flickr are great examples. Anyways, good writeup, I enjoyed it. Bryan

Great article. Of course, as well as getting the balance of technologies right, it is important to build an effective team of people. Albert-Laszlo Barabasi (author of ‘Linked’) and his team claim to have found the ‘universal recipe’ for building a dream team – Recipe for building ‘dream teams’ revealed – apparently the answer is a team which ‘contains just the right mix of veterans and rookies’, since ‘experienced people can help nurture newcomers, who bring with them novel approaches and a tendency to challenge dogmas.’ This applies across disciplines but is clearly applicable to web design/development.

Great blog, keep it up! Rik Abel

Rik – That’s a great article, and I think it’s and excellent additional example of balance. The more rigid experienced thinking is balanced out with the fresh unbiased thinking, and the end result is better for it. Garrett

I suspect it won’t have escaped your attention that since this article was published flickr have radically scaled back the use of Flash on their site (well, on the photo pages) in favour of l33t DHTML hacking. Nick

Nick – Wow. Now I’m even more impressed with Flickr. Everything feels much lighter and snappier. The page load seems to be significantly better as well.

This doesn't bode well for Flash's usefulness in my opinion. Before Flickr, I thought Flash was almost completely useless. Flickr had proven me wrong, but the fact that they have switched to Ajax instead makes me wonder.

I wonder how much Dunstan’s ideas from SXSW played into them rethinking some of the flash pieces. Garrett

Hi, sorry to barge in like this, maybe an email would have been better. But err… anyway

The mouseover on the permanent link at the top of this article doesn’t modify the right-most 5 pixels of the ‘k’. I’m pretty experienced in css and don’t recall seeing this kind of behaviour before. I’ve had a vague look, but can’t figure it. Prolly something to do with the font my browser chooses to use.

I have firefox1.01, ubuntu build Gregory Dyke

I actually like flickr better with flash. I am the last person to prefer flash, but I find that the dhtml feels shaky, especially with the notes, and is not as visually polished. The new tweaks like ajax adding to groups and sets are genius though. Now I guess lickr is over and someone should start working on fflickr to bring the flash back. I agree with you in saying that flickr had exemplary flash. Casey Gollan

Thank you for this article, Garrett! I really like the idea you sketched, and I totally agree with it. However I never thought of it in this complex way and this text provided me a good overall image. Good job. Jan Brasna

An insightful piece. I like when you say:

”...ideas work best when they seamlessly blend together all of the ideas with no prejudice for one technology or skill over another…”

This seamless blend is what makes the best of sites a joy to visit and revisit and tools to be used more often. Wish there were more sites like those around. Vicky Arulsingam

Garrett—
One of the only blogs that inspires me to contribute, thanks! I think this is mainly due to the fact that you touch upon things that I think about, struggle with, and are inspired by every day.

This balancing act is something with which I am quite familiar. Programming BASIC as a little kid, then making a segway into the art and design world in high school and college, teaching myself Flash, etc, I have been all over the place. Now, I continually shoot for the “sweet spot”. What I have been struggling with though is how to keep up with all of these areas of knowledge without spreading myself too thin. Ben Hirsch

Nice site. It stands out among the rest. Clean and efficient. erictoledo

Gregory – I don’t know for sure, but I’m willing to bet that it’s related the fact that I’m using an unusually large font-size.

Jan, Vicky, Eric – Thanks, it’s always nice to hear kind words.

Ben – A jack of all trades and a master of none. That is how I’ve learned to describe myself. It does become very difficult to not spread yourself thin. It’s something I’ve learned to get past. It’s really just each person’s choice of whether they want to be a generalist or specialist. Garrett

I think it’s also related to the fact that, unless I’m mistaken, you’ve modified the letter-spacing. Gregory Dyke

Comments are closed for this entry.