Bring Back Fun

One of my favorite presentations from last week's An Event Apart was by Daniel Mall. He talked about the allies of web developers. We, as web developers, have long embraced HTML and CSS. More recently, JavaScript crossed the line from an annoyance littering our markup to an unobtrusive hero. We started embracing JavaScript when it became easy to separate script behavior from markup. Jeremy Keith wrote about behavioral separation in 2006. Once that separation became as easy as separating CSS from HTML, JavaScript's popularity soared.

According to Daniel Mall, Flash is still the outcast. Web developers haven't embraced flash. We're still living in the year 2000, when Flash was 99% bad.

Dan Mall made the case that it's not Flash itself that's bad, but the way that we're using it. If we can easily implement Flash in a similarly unobtrusive way as modern JavaScript, it can work it's magic and encourage people to play.

...and we need to play more. Dan Mall asked everyone to remember back to a time when we were blown away by websites — a time before we cared about usability. Almost every web developer was inspired some horribly unusable — but fun — site.

The sites Dan mentioned as inspiring in his early years included Neostream.com, 2Advanced, and Once Upon A Forest. These sites encourage exploration and play.

If we take our same jQuery mindset and apply it to Flash, we might bring fun and playfulness back to web design. Flash allows for even more immersive and interactive progressive enhancement than JavaScript.

Personal Inspiration

The sites that blew me away in my early years were from 1996/7:

  • Volume One — I was awe-struck by Matt Owen's groundbreaking animated gifs. I vividly remember seasons one, two, and three from '97. By season five he was working with Flash and playing with sound. Around this time, I was so inspired that I had become a full-time web designer.
  • jodi.org — In 1996 I had no idea what this site was about. I still don't. However, you could spend an hour clicking around and looking at crazy hypertext. There's a Wikipedia page that explains the purpose, but it's more fun to just waste time on http://wwwwwwwww.jodi.org/.
  • Super Bad — Similar to jodi.org, superbad.com is some artist's playground that I found more fun than a Choose Your Own Adventure book.

All these sites are from years ago. They seem useless and unusable. However, they inspired a generation of kids to become web designers and developers. How? Play.

Questions

  1. What new sites forsake usability for play in order to inspire today's generation? Or are we so caught up in usability that there's no time to play anymore? (Yes, a usable site can be more inspiring than a fun site, it's just a different kind of inspiration).
  2. What were the sites that blew you away and inspired you?
  3. Daniel Mall sees a future — not too distant — where we can work with Flash as easily and unobtrusively as JavaScript, making progressive enhancements more fun and interactive. Fun is good. I hope he's right.

Comments

Friday, Jun 26, 2009 / 3:23pm Robert Mohns said…

Go to panic.com/goods

Drag a t-shirt into the "Cart" at the bottom of the screen.

Drag it back out. poof!

Go to their home page -- you can download any of their software by dragging its icon to the green arrow. (It's even documented.) Try it out.

What I love about Panic's site (or maybe i should say, collection of sub-sites) is they combine fun with functionality in a surprisingly usable way. It's a very pleasant experience.

(The underlying pleasant fun+usable may also be why I have purchased all three of their major apps and several of their minor ones.)

Wednesday, Aug 5, 2009 / 10:00am Robert Mohns said…

Here is a fun and awesome exploration of what you can do with HTML5's canvas and audio elements: http://9elements.com/io/projects/html5/canvas/

Leave a Comment

  • We'll be happy to render the following tags if you choose to use them:
    <a>, <em>, <cite>, <strong>, <ul>, <ol>, <li>, <code>, and <pre>.

    Please remember to markup in <code> tags. Example:
    <code><em>foo</em></code> will print <em>foo</em>

    We'll automatically convert fully-formed URLs with ‘http://’ to links, no need to thank us.

Statements and opinions expressed in this blog and any comments made are the private opinions of the respective poster, and, as such, iMarc LLC is neither responsible nor liable for such content.

Meet The Author

Dave Tufts

Vice President, Director of Technology

Search

Recent Blog Posts

Recent Comments

  • A better tool

    Dave Tufts commented: Just downloaded Soulver - it's great. I also like using the search box in my browser or Google. Similar, linear layout to Soulver. (for the record, that giant calculator on my desk looked like a small regular-sized calculator in the picture on Amazon)

  • Lunchroom Banter (Volume XX)

    Nick commented: Since Bill didn't do it, I will. "Oh snap!"

  • iMarcians with staying power

    Nick commented: Congratulations on the anniversaries. I had a professor tell me early on at the Art Institute that "you can expect to change web jobs every 2-3 years until you settle somewhere". I love proving this guy wrong every day. Congrats again.

  • Twitter, Alone, Is Not Customer Service

    Jay G commented: Same here, and my story is with Alaska Air, too. Their website said the customer service phone number was open something like 8am-8pm PST, but this was after hours, so I tweeted. Lo, and behold, I got a tweet response in 10 minutes with the 24/7 phone number. But this didn't change the confusion from their website…

  • Mobile browsers: Here's the data

    Robert Mohns commented: The data comes from visitors to iMarc.net — an important detail I forgot to include! — not the web as a whole. As for why so little Flash on mobile devices… I'd say this is because even Flash Lite is pretty resource intensive, and it's just not essential to the core content most people need to access. I don't think it has a lot to do…

We heart Visitors

  • iMarc
  • 14 Inn Street
  • Newburyport, MA 01950
  • Phone: (978) 462-8848
  • Fax: (978) 462-8807
  • Directions

Contact Us

Whether you have a huge project specification or just want to talk about updating your site, we’re here to help. Fill out the form, and we’ll get right back to you.

Contact Us
  • All Fields Required

Close