Using comics to express architecture

Scott McCloud worked with the Google Chrome development team to create a comic that explains how Chrome works.

(Chrome is their new web browser. The beta is Windows only at the moment.)

It’s probably one of the best visual presentations of sandboxing, multithreaded applications, and other similar software architecture features I’ve ever seen, and it’s worth your time to read — if not because you’re interested in new web browsers, than because you’re interested in communicating complex ideas simply.

WAVE – Web Accessibility Evaluation Tool

Now here’s a nifty tool!

WAVE – Web Accessibility Evaluation Tool

WAVE is a free web accessibility evaluation tool provided by WebAIM. It is used to aid humans in the web accessibility evaluation process. Rather than providing a complex technical report, WAVE shows the original web page with embedded icons and indicators that reveal the accessibility information within your page.

Finally, a quick way to see exactly how badly your poorly-designed website is getting mangled by screen readers.

On comics, from two different angles

First, I think I might have actually found a way around the now-infamous elevator comic that has stalled Night Fugues for months.

Second, I spent a significant amount of time today harassing my fellow Information Architects about a Boxes and Arrows podcast that implied there was a difference between storyboards and comics, at least as far as the artifacts of the design process are concerned. Since I’m coming from the comic side of that dichotomy I thought it would be important to know the difference between a “design” comic and a “normal” comic, especially since I thought storyboards were comics. A storyboard is a piece of sequential art that expresses design and behavior of a system through a story that provides insight into the user’s mental/emotional state, which pretty much defines “comic” , so what the heck?

A conversation with my mentor led me to a conversation with another excellent IA, which led me to a printout of a presentation from this year’s IA Summit discussing how you could use a comic instead of a storyboard to present design ideas. That presentation was done by Kevin Cheng one of the creators of OK/Cancel, a design-oriented webcomic I’ve been reading for years, and it recommended the same books for writing comics to express design that I own in order to improve my comic production skills — Will Eisner and Scott McCloud and company.

So, having read the presentation and worked with storyboards for design (even though I’m not first-hand familiar with either one from start to finish) I’m willing to take the chance and summarize the difference between a storyboard and a comic when it comes to design.

Storyboards are comics by the definition of any comic author anywhere. But in storyboards, the panels generally concentrate on the screens and their functionality, business and user goals, and similar sawdust-flavored information.

A comic (as stated above) is is a piece of sequential art that expresses something through the act of telling a story. A comic (like any piece of fiction and some nonfiction) is generally showing the growth of the main character through their interaction with other characters, their environment, or themselves. A comic visually provides insight into the user’s mental/emotional state as well as that interaction with their surroundings.

A design comic (which is where we use the comic to express the design of a piece of software) keeps the same character focus that we find in standard comic strips and comic books. It uses sequential art to express high level design ideas (probably pre-wireframes) to add clarity to the growing user scenarios and situations, and share the user’s growth through the
story.

Or to sum up really quick and easy, storyboards are a) more likely to be higher fidelity detailed designs or wireframes, b) more likely to express business goals and user goals in the margins instead of in the comic, and c) really really boring to read.

*Updated 4/24 at 7:12 am when I not trying to type on the iPhone while falling asleep, and thus could correctly link and close tags.

Rumblings to end it

A project is a thunderstorm.

The pressure is barely noticable at the beginnings. You don’t recognize the pain under your eyes but the core design problems are cranking up the barometer and taking up residence in your sinuses.

How do users view this control? Do they understand it? How far do you push the mantra that users never read? If I make this sentence literally the only one in the content field on the page am I really supposed to believe they won’t see it? It grows. If management wants A and user design wants B and they can’t agree, can I get them to agree to C which makes sense to me, if I justify it well enough? Even if we’ve never done anything like it before? Even if there’s no data?

Then you’re hooked and you know you’re in for the long haul on a project that was suppoed to pass by with a few whispy clouds. You love the problem but the headache is worse and you want to hate the process. Just how many questions do we think we can cram into that 15 minute usability session anyway? If the user’s brain explodes all over the camera I’m not cleaning it up. What do you mean I have three days to draft 4 deliverables, polish one, and oversee two more and the content strategist who is supposed to write section 9 for the big one is at a conference for a week and a half?

The pressure rises, the storm grows and even though it’s not raining you start to wish for the release. You dream about it. You have nightmares. You explain it five times, ten, sixteen, each time gathering feedback and tweaking, tweaking, tweaking, until you think it’s almost good enough and solid enough to stand on its own.

By now dinner time has no meaning, sleep is filled with the problems, and the people, and the puzzles. And your head is pounding and you’re praying for rain, begging for it, screaming curses into the wind.

And then even though you could see it coming you’re surprised by the first clap of thunder and the first fork of hot white light in the sky and you smile.

This storm, this violent shaking of the leaves on the trees and the clap of charge rubbing against charge until something must release, is music in your soul. Every rumble is your heart and mind singing. You did it. You solved the problems in ways that made sense. You compromised and brow beat and found that tiny solution that was hiding in the back of your brain. The pressure is gone. The rain will fall. The thunder can begin.

For the first time in two months you can think without the pressure and you realize how much you need the pressure, because without the puzzle and the problem there is no storm, no violent beauty to wash clean your soul.

The first storm of spring was late in coming this year, and even now as I lay in bed watching the lightning and listening to far-away sirens, exhausted to the core, I’ve never felt anything so bright and clean.

Tales of a 31-year-old white belt: 3 lbs of furious wattage

So things have been a little crazy the last few days or so….I have a major project due on Monday at work and it’s brought with it a lot of new challenges, particularly around project management. The root of the issue is that when you take a new businessperson and team them up with a new information architect (me), and a few other individuals who haven’t necessarily ever filled their exact roles before, and let them loose on a project with a vague scope, well, there’s a lot of cat-herding going on.

And I’m not afraid to say that I panic easily, am terrified of upper management as a general rule, and get obsessed with having pixel-perfect wireframes (yes, I know that’s a contradiction in terms). The end result is an all-nighter last Friday into Saturday (along with a few other assorted hours throughout the weekend) to get my wireframes done, crazy hours Monday, crazy hours again yesterday, and crazy hours today.

And OH MY GOD I’m exhausted.

The problem is I’m so exhausted I forget I’m exhausted. Case in point: I was smart enough to go home Monday after work instead of going to martial arts because I knew I couldn’t get through the calisthenics and I’d collapse. So that was smart.

What wasn’t so smart was not realizing that I wasn’t any better off yesterday.

Yesterday, I ate a healthy breakfast, ate a healthy lunch, and then spent four hours in an intense stress-filled situation cramming to finish a presentation that I then had to give to upper management (see point A about my feelings on management above). As soon as the presentation was over, I literally ran to my car (choking down a York peppermint patty on the way) to go to martial arts, which is in another building down the road.

At class, we did the usual warm-ups, then this cruel thing where you go from standing, to a squat, to kicking your feet behind you, do a pushup, back to the squat, then stand back up, then do it again. Ten of these. This was new exercise to me. My heart started pounding.

Then 50 jumping jacks. OK, I can swing that.

Then we went from standing into a squat, into a jump to tap our partners’ hands, back into a squat, like hyper frogs, for a total of 60 seconds. I think that’s probably when I started to lose my breath.

Then what I’ll call “laps” up and down the room – front kicks, then side kicks, then this cruel thing where you hop on one leg while kicking the other.

OK, look, I’m 175lbs on a good day and I’m 5 foot 3 when a generous nurse runs the scale. I’m built like a fire hydrant. Hopping on one foot sideways is freakin’ impossible to begin with, forget all the way up and down the room. Each lap I fell further and further behind the rest of the crowd, breathing harder and harder, heart feeling like it’s going to explode, which because I’m one bullheaded sunovabitch, just made me push myself harder. If all these other folks can do it, then the problem is I’m just not trying hard enough.

And I continued with that attitude until the edges of the room started to get kind of fuzzy and both Mr. and Mrs. Robinson made a point of saying “If anyone can’t handle this, you can bow out” while looking pointedly and directly at me.

Even I’m not dumb enough to ignore that particular mix of signals. Which is good, because by that point I was panting so hard that I couldn’t catch my breath at all. I think I might have been hyperventilating. Thank God I have a class of caring intelligent people — one of our highest ranking red belts came over and talked me through holding my breath just to slow my heart rate down so I could breathe again. And I got a good (positive, effective) talking to from both of my instructors, which I totally deserved for being so dumbass stupid and bullheaded.

But I couldn’t figure out what the hell happened. Yes, I’m out of shape. Yes, I shouldn’t try to keep up with people who have been practicing since 2005. Yes, I’d totally screwed my sleep schedule over the weekend and skipped not one but two workouts since the previous Wendesday. But I haven’t had a full breakdown of physical mechanics like that since college, when I discovered that not eating for an entire weekend is not conducive to crossing campus Monday morning.

And then tonight Nighthawk and I watched Human Body: Pushing the Limits, which we’d DVR’d, and something clicked. We were watching the episode on the human brain, which talked about the need for sleep, the need for cooling, and the need for energy. Turns out this three pound lump of grey matter between our ears uses on average 1/5th of our energy in a day. That’s right, the brain’s a giant energy sucker. And I ran it ragged for 4 hours.

Even though I’d eaten a good 1000 calories or so yesterday, the same amount I usually eat, and I’d had plenty of water, I’m now realizing that I’d burned through a lot more energy than I thought I had. (Keep in mind that if I eat more than 1550 calories in a day I gain weight. 1000 calories through lunch is actually *high* for my slow-ass metabolism.)

By the time I got to class, as my cousin would say, my stubbornness was writing checks my body couldn’t cash.

When I finally did catch my breath, by the way, I recovered enough to practice forms with the rest of the class with no further issues except for the blister I got on the bottom of my big toe. (Apparently they are not yet made of iron.) But I popped that nasty thing and it’s healing nicely, so I should be fine by Monday.

Monday — when I have to give two more presentations and hand over this project. Yeah, I’m thinking that had better be a 2000 calorie day.

In other news, I think I’m going to have all my ducks in a row without resorting to another all-work weekend by Monday, and then I might just get to revert back to a normal work schedule. As an added bonus, my brother and I are going to the Phillies game tomorrow, so life is really damn good. You know, if you ignore the screaming thighs, angry toe, and pure flat-out exhaustion.