From Voice ~ Topics: criticism, web design
It’s Good to Be Bad
Let's assume that the mission of graphic design in non-interactive mediums (like magazines and books for example) is to simply connect the reader to an editorial message or information. In a sense, design in print connects people to data, design on the Internet connects people to people. Viral communication and multi-user experiences are the intrinsic qualities of the web that no other “traditional” medium shares. That being the case, one could argue that those working on the web require a heightened set of design skills, right? Well maybe not.
The truth be told, some of the most popular viral content and web sites these days don’t come from trained, professional designers applying respected standards of our craft. Instead, they are often roll-your-own web sites created by amateurs or hobbyists.
Below are my six favorite examples of immensely popular web sites that, in spite of their arguably dubious design, caught the public’s attention with their killer ideas and viral mojo.
The Hampster Dance
http://www.xs4all.nl/~bart/hamster/hamsterdance.html
In 1998 Deidre LaCarte posted a crudely designed single web page that presented rows of animated .gif images of dancing cartoon Hamsters. It was a complete eyesore and had no redeeming qualities. The hook was, the page was accompanied by a catchy little audio loop that was both irritating yet embarrassingly enjoyable. No one could listen to the page and not be affected. Many hated it, many loved it, but no matter what, everyone remembered it. Within days of being launched, the URL was exchanged by millions of people and it took off like wildfire. Within a short time the humble singing ‘n dancing Hamsters spawned products, spin offs and even a best selling novelty music CD.
William Hung
http://www.williamhung.net/
William Hung is a Hong Kong native and a struggling student at UC Berkeley studying Civil Engineering. Earlier this year, William appeared in a dreadful audition for FOX’s highly rated American Idol television show. Mr. Hung’s singing was so astoundingly bad he was immediately booted off the show. Thanks to the miracle of Tivo, a few viewers that evening digitized his earnest rendition of Ricky Martin’s She Bangs and released the video clip onto the web. By the very next morning the clip was a culture tidal wave and gathered a large fan base of sympathetic users. Based on this one viral, grassroots ground swell, Mr. Hung was immediately embraced by the press and appeared on dozens of radio and TV shows to share his “failure.” Realizing that William Hung’s Q rating was skyrocketing, the very judges that initially kicked him out hastily invited William back for a special “losers show.” (Incidentally, that episode remains one of the most highly watched in the series’ history). Within weeks William not only had his own profitable web site, but also signed a recording contract to produce an album of his “singing.” The sad thing is, he doesn’t realize that the public is laughing AT him, not WITH him. But that’s no surprise is it? Before the web, you could only really be ridiculed in front of your peers in the schoolyard or the office. Now, with the advent of cheap video recorders, fat pipes, and ubiquitous Internet access, you can be ridiculed in front of the entire world! Maybe that Andy Warhol prediction was correct?but for all the wrong reasons! Whether he wanted it or not, one small piece of video unleashed onto the web as a silly goof transformed an unsuspecting naïve dork into a mighty pop culture icon.
All Those Prank “Shock” Sites
Turn up the volume: http://www.harmonyriley.com/comedy/
To be played in the office: http://www.e7.pl/%7Ecasha/swf/the-boss-is-a-cunt.swf
There’s a plethora of humorous, prank sites designed to do one simple thing: get passed along and embarrass the viewer. I think these might be a modern update of the classic “kick me” sign that has entertained deviant sixth grade boys for years. Yes, all of these sites are poorly designed and illustrated. But that’s not the point. They deliver the goods and fulfill their objectives. In fact, the cheesier their design, the more bitter the sting. (Please make sure your volume is turned way UP when visiting these sample links). And don’t say I didn’t warn you.
The Dancing Baby
http://www.dancing-baby.net/
Not technically a web site, but one of the earliest examples of mass viral content. The dancing baby was created and animated by Michael Girard, Robert Lurye and Ron Lussier. Working with a common 3D Viewpoint baby model, the team used 3DStudio Max to pervert the form into a surreal dancing toddler. For months this small clip circulated around the Internet and soon broke out into the mainstream media. The crazy dancing baby actually became a reoccurring character on television making appearances on Alley McBeal and was the frequent topic of many monologues on late night TV. The baby reached its height of popularity when Young & Rubicam made it the poster child (no pun intended) for Blockbuster Video in a repelling 1998 television ad.
The Subservient Chicken
http://www.subservientchicken.com/
This site presents a video of a guy in a homemade chicken suit that actually responds to the user’s input. Simply type a command (like “jump” or “flap your wings” or “take a dump”) and the chicken will actually do it! It’s a devilishly simple idea that uses a logic tree clip and a database of over 300 video clips. Certain keywords and combinations trigger certain actions. (Keep it clean, kids!) The low-tech, home-grown quality gives the site an underground, subversive feeling. Not to mention the creepy suburban rec room décor that looks like the basement den of a child molester. In fact, this is actually one grand campaign funded by none other than Burger King to promote their new chicken products. It’s a case where “bad” design is intentionally used to enhance the experience. I would argue that if this were designed as slick advertising with corporate logos all over it, the public wouldn’t have embraced it. As of this writing, it’s one of the most talked about pieces of viral web content in years.
Superbad.com
http://superbad.com/
There is simply no other site like SuperBad. Created by a mysterious, unnamed web designer (the domain is registered to one “Ben Benjamin” in San Francisco), SuperBad has long been an artistic and technical pioneer. The site has been in existence for many years and has never lost its edge. Unlike most sites that are either whored up with cheesy ad banners or sold out to hidden agendas, SuperBad has steadfastly maintained its integrity. The site must be seen to be believed. It’s the only site I know that can actually be described as “fine art.” SuperBad is pure eye candy that perfectly blends imagery and code. There’s no fancy-schmancy browser plug-ins here. No flash. No shockwave. Nothing. Open it up and take a look at the source code. The entire site is executed in good old-fashioned HTML and Java script. The site is as beautifully crafted under the hood as it is on the surface. SuperBad is a rich blend of both left and right sides of the brain. It challenges the viewer to reconsider their perceptions of a web site. In a word, it’s pure poetry. This is a site that dares to elevate the interactive medium to a higher level of artistry. The design isn’t bad, it’s just coded that way.
-
It all goes to show that audiences--apart from we people in black--respond to content rather than design.
I think I'll put the hamster song on my answering machine.
nb -
What is good design? It can be argued that good design on the internet clearly communicates a message to people in a manner that makes them feel engaged enough to interact. So if people are interacting it must be good, right? Based on what I've seen, maybe not.
-
There is an article similar to this in the previous issue of STEP. Worth checking out.
-
This article made me laugh out loud. David Vogler is hilarious...and correct.
-
I think that every designer knows that sometimes the work we like the least is the one that gets most of the attention. I think that same goes for web design. As long as it is easy to navigate, anything goes...
-
Vogler's essays never fail to make us laugh out loud. He's got a point. And I confess, I actually bought the William Hung CD. :-)
-
my favorite is http://badgerbadgerbadger.com /
for those rainy days -
But could it be that eventually, people will move from visting web sites to visiting characters such as
- mighty santa claus ( www.mightysanta.com )
- subservientchicken ( www.subservientchicken )
- virtual bar tender ( www.virtualbartender.com )
,,, Jerry T. -
Interesting read, glad to see things haven't changed in the past two years although its sad to see that some of those sites have long gone.
-
can only agree with tony's comments, but it only seems the people interested in this question is the people who work in graphics, the rest of the people dont care so long has it has specific content and ideas.
-
speaking of dancing babies:
http://www.seecoy.com/0/01.html -
Sadly the internet world doesn't have as many design standards as the print world. With uploading websites getting easier and easier web design could possibly get worse and worse.
I think people try to copy what they see so if other designers bring up the bar, maybe they will too.
Here is an article I wrote a while ago about Ugly websites that work:
http://www.alibiproductions.com/articles/ugly-websites-that-work.html -
Great points all. I think a lot of the bad design on the Web has to do with the simple fact that even 10+ years into this, we're still learning how to design for a medium during which the users who interact with the content we design will see it in a multitude of different ways. Complicating matters even further, we don't yet have the infrastructure in place — as an industry — to train designers to do good design on the web.
When I studied print graphic design in the late 1980's, the infrastructure was in place to be able to graduate, every year, thousands of designers who could conceive, create and produce good designs for the print medium. Of course, each of these designers learned these lessons to varying degrees of quality and competence but the instructors, curricula and evaluation methods were firmly in place and had been for a great many years.
Ironically, most of the feeder systems for today's digital designers still arise out of the original, print design infrastructure despite the fact that the approach and the objectives of designing for print is very different than designing for the web.
To be sure, there are things that carry over but there are probably just as many that do not. So the logic utilized for designing for a medium in which every person who encounters a brochure I design will see that content in the same size, colors, orientation and static linear fashion is quite different than the logic needed to create an interactive experience during which those same qualities will be very different and in many cases, adjusted according to user tastes/preferences.
Designers trained for print design often are initially frustrated by this lack of control (I know I was) and typically react by trying to create experiences that are very similar to print and ensure — as much as is possible — uniformity across various platforms, monitors and browsers. When "successful", they create beautiful sites which while perhaps win them kudos from those within the design community, they also create dull and boring experiences for the users, who cannot craft the customized or personalized experience that they crave.
Good design and popular sites will converge when:
(a) a generation of digital-savvy design instructors are able to craft and tailor 20th century design techniques to meet 21st century consumers of design and
(b) when digital designers learn not to eschew or decry the lack of control that comes along with designing for the Web but to EMBRACE it.
When a designer prints 10,000 brochures, they cannot create 10,000 individual brochures that each answer the individual questions/concerns that their intended audience may have. When designing for the Web, they can.
If viewed through this lens, the question then becomes not "how do I make this site so that everyone who views it sees it just the way I intended them to?" but becomes "how do I create the foundation of a rich, engaging overall experience that simultaneously allows the user to customize this experience to suit their own needs?
Maybe the answer lies somewhere between a Facebook and a MySpace? I don't know. But for the thousands of full-time digital designers who create Web content on a daily basis, each project is the opportunity to apply their lessons learned and share those lessons with others.
The first leg of this process has taken place as the Jeffrey Zeldmans and Mark Boultons of the world began to use their high profiles to share established techniques and lessons learned but will only pick up speed as newer, younger generations of digital-savvy design professors — as well as digital-savvy art directors and creative directors begin to grow in number and influence around the industry.
Has there ever been a more exciting time to be a designer?
.chris{} -
It’s funny, but it truth.
-
I've always loved this post...
As myspace is making a new redesign, thought i'd like here to some of my thoughts that stem from this idea of "good bad design" http://tinyurl.com/3elfrs -
It is great to be able to revisit an article from 2004 in 2009 and see the issues concerning site design back then. Also amazing to see that sites like Hamster Dance are still around. Thanks AIGA for the nice trip down memory lane!
-Dan Finney

Comments