Posts Tagged ‘andy clarke’

Comic Update: Getting Tough on Static Visuals

Monday, July 6th, 2009

One of my regrets for this year was my inability to attend An Event Apart: Boston or @media ’09. I’m sure each conference was full of great speakers, tons of new ideas, and an atmosphere alive with fellow professionals sharing thoughts about what they love about their jobs.

In particular, though, I’m sad that I missed Andy Clarke’s “Walls Come Tumbling Down” presentation (warning, link goes to a very long presentation transcript.) He expressed a good deal of nervousness about how the topic would be received, which implied it was going to be pretty eye-opening considering his usual bravado. It’s something I just had to see… if I had the funds for traveling, attending, and food and board.

As I don’t, I didn’t see it. Which is sad. Fortunately for me, he posted the transcript and slides online (see link in prior paragraph.) It’s a long read, but it’s worth it for every single one of you to go take the time and check it out. It’s good. It’s great. It pushes on a lot on updating the web design process to reflect not only the state of the modern web, but also the state of the modern economy. It’s so good I wish I could build a time machine, go back to earlier this year, and do the presentation myself to sound as clever as he does.

My short-lived attempt at building a time machine ended when I discovered that DeLoreans are slightly beyond my means to purchase. So instead, I had to content myself with creating a 80′s themed comic that portrayed my agreement with what Andy is preaching. I think today’s comic proves two things: 1. Andy Clarke would probably fit in quite well with the pastels and whites of undercover Miami cops and 2. Some things can’t be built with just a picture.

Let me focus on that last one in more detail, because it’s something I’ve encountered in my own career and talked about before, but keep encountering.

In the example listed in the comic, you can’t expect a speedboat to be built from just a drawing. By the same token, there’s a vast majority of products that require a design that is more than just an image. This is something we accept as common sense in our everyday lives. Have you ever had a home built based only on a picture some guy drew, rather than blueprints from a contractor? No, of course not!

So why do we expect modern web sites (which are more often than not actually applications) to be something your developer can make or your client can easily grasp with a static visual proof/comp? Yet, all too often, this is exactly what we show clients. We finish making a pretty picture in Photoshop set to just the right width, then get our clients to sign off on that. It’s then handed over to your developer (or whatever you’re calling the guy making the code) with little to no cues for how the site responds to a changing browser resolution, how it interacts with the user, etc.

As a result, an iterative process begins. The developer interprets the designer’s vision. It goes to the designer, who naturally will find issues caused by a disparity of vision on how the site interacts, or whether it has a fixed width, or whatnot. Then they mark up their preferred changes, and send it back. This goes on until the designer is happy enough to show the fledgling site to the client, who almost invariably will have a problem with it because it wasn’t what they imagined when they looked at the static picture they were shown!

So it gets revised… again.

Finally, it all seems well, until the client’s mother sees the site on their old e-machine running IE6, and they want to know why it looks different. Where are the rounded colors, the transparencies?

Time and again I’ve heard of this happening or experienced it myself. Why is it still occurring? The web is interactive. The web is different from browser to browser. The web is sometimes seen on a screen slightly larger than a postage stamp. We know this. In order to properly design for it, we need to move beyond habits we inherited from print.

Andy proposes designing in the browser, showing the client how it changes depending on a browser’s support, and how it might interact with different widths, etc. For some designers this could be a pretty radical step, as accustomed as we’ve become to using Photoshop’s powerful toolset. But on tighter budgets in an increasingly complex Web, we don’t have a lot of choices in the matter.

I could repeat Andy point for point, but let me just play the role of fan boy and tell you that he’s brilliant. He’s saying what we all understand: We have to change how we design for the Web. It’s even more crucial in this economy than it was a couple years back. Go read Walls Come Tumbling Down. Even if you’re not in a position to adopt all of his suggestions (or even if you disagree) you’ll come away from it improved.

Comic Update: Opera’s Childish Antics

Monday, May 11th, 2009

I don’t need to write too much about this particular topic, as I’ve ranted about it in the past, but I couldn’t help but notice Andy Clarke’s micro-rants on Twitter about Opera’s recent bad behavior towards Microsoft (see here, here, here, here, here and even here for some samples of his thoughts). I was hoping to see a blog post manifest from him that I could read while laughing deeply, perhaps even shooting milk from my nose. Alas, Andy’s better sense took hold and he did the smart thing and went and watched Star Trek.

I also saw Star Trek. It was good. It was better than good. Go watch it, you’ll love it. I promise.

As it stands, I’ll take a swing or two in his place. First, let me direct you to today’s comic featuring Andy Clarke, wherein a couple of cheap shots are made at Opera’s expense. Then, continue reading.

First, I’m aware that browser usage statistics are like a dark art, much akin to necromancy and astrology, where accuracy isn’t really achievable. But the fact is (and take a look at Wikipedia’s page on the topic) that Opera according to some of these browser usage sources does in fact have less users than Netscape.

That’s right, there’s still people using Netscape. How scary is that? I wonder if they think grunge is alive and watch reruns of Family Matters while downloading websites on 14kbps modems. And just to reiterate, there’s more of these people (according to some sources) than there are people using Opera.

Beyond that, Google Chrome is the new hot browser in town and has already exceeded Opera’s user base in less than a year. That’s right, less than a year.

Look, I’m not saying it’s the number of users that count. After all, IE6 is utter rubbish and it’s still being used by too many people out there. What I am saying is that instead of wasting your company’s public image whining about the fact that Microsoft is doing us all a favor and forcing IE8 updates over their update system, you could be spending time looking at your own browser and figuring out why among other things a browser that has been dragged along for a decade by AOL then finally shot in the head (aka, Netscape) still has more users than your product.

Instead of making absurd suggestions that your competition serve your product via their update service, maybe you could look at Google Chrome and devise how it so rapidly out-paced you in such a short period of time?

Microsoft’s browser, even its newest version, isn’t even close to the coolest browser on the market. I don’t like Internet Explorer, and I only use it to check website compatibility in my job. But I don’t use Opera either, and that’s because (among other reasons) it has thus far convinced me (and the rest of the world) that it’s not worth the effort of installing and using rather than Firefox, or Safari, or the other web standards-compliant browsers on the market. It’s enough to make me wonder why we consider Opera part of the Big Four (now the Big Five). At this rate, with even terminated browsers giving Opera a run for the money, should we expand that name to the Big Six?

Is Opera a good browser? Yes. If that’s not the reason that it’s being ignored, than what is? Perhaps a lack of add-on support. I’ve always felt that Opera’s too busy telling people how to surf the web, and not spending enough time figuring out the features people want. Firefox isn’t popular on accident.

But I’ll tell you the number one reason why I don’t use Opera. It’s because of the company’s public behavior with their legal actions and petulant whining. The rank-and-file employees are talented people creating a worthwhile (albeit, not standout) product. But the big shots on top cost the company their credibility every time they make a cheap, transparently spiteful shot at the current market leader.

And lest I let the others off the hook, shame on Mozilla and Google for getting involved with the EU nonsense. Focus on your products, not on begging the government to get people to install your browsers for you.

Comic Update: Twitter Tales! The Ballad of Andy’s Bag

Sunday, May 4th, 2008

It only took me about four and a half months from the moment the idea was conceived, but finally the first CSSquirrel comic has been produced.

Initially my inaugural venture into the world of a web design webcomic was going to provide a gentle mockery of Opera’s failure thus far to produce a developer add-on in the vein of Firebug. Then, of course, they dropped the Dragonfly bomb. Robbed of my thunder, I’ve moved to something both more ridiculous and risque.

Which is to say, Andy Clarke‘s underpants.

Well, it’s not precisely about underpants. I’ve recently fallen to the web developer trap that is Twitter, and like some voyeur into the world of the notable I’ve started following the twits (tweets?) of luminaries such as Clarke, Zeldman, and David Shea, among others. Buying into the premise of Twitter as a micro-blogging tool, I’d hoped to see the insights their bright minds would produce about this whole web design thingy.

I’ve definitely seen some insights, but at 140 characters or less, it seems Twitter is more adept at detailing what someone’s had for lunch, absurd overheard remarks, or links to Flickr photos. (Incidentally,  the whole blending of Twitter and Flickr and other such apps ties nicely into Zeldman’s topic of the vanishing personal site that I’ve been meaning to weigh into. File that under ‘Topic for Later’.)

So I’ve felt less like an enthusiastic pupil and more like a peeping Tom. Has this stopped me?

… No. No it hasn’t.

What I didn’t expect to see, and am fascinated by, is the sort of weaving tales that a group of Twitter feeds create when a bunch of users are discussing the same topic or are at the same convention. In particular, An Event Apart New Orleans 2008 was an event that I didn’t have the pleasure to go to, but did have the pleasure to experience indirectly through the various tweets of the designers present. It was even more enhanced by the various Flickr photostreams linked to by the participants, showing smiling pictures of famous designers, hazy pictures of jazz bars, or neon-lit photos of rainy Bourbon Street.

For a guy who was struggling with misbehaving forms on a chilly spring workday, it was a delightful diversion to refresh my follows every now and then via Twitteroo and see what was going on.

What was forming were stories. One that caught me the most was what I’ve dubbed the “Ballad of Andy’s Bag”, a gripping tale that starts here with his touchdown in New Orleans, and then shows the breakdown of a man’s mind as he’s robbed of his luggage for almost two days before being finally reunited here.

I decided this little tale could use some immortalization, and perhaps a disturbing implication of stalking, thus I’ve formed the monster that is this comic. I’m not sure if it was entirely wise for me to launch things off with a sketch of web design’s British folk hero in his knickers, but sometimes these things just write themselves.

Although it’s my intent to continue to provide comic forays into the web design world (probably on a weekly basis), it’s not my plan to show mostly nude designers regularly (I don’t think the world is ready for Jeffrey Zeldman displayed as such).

Please feel free to enjoy