Our colleague Matt Jones has a guest post up at the sci-fi blog io9 (strapline: ‘we come from the future’). He riffs on architecture, stories and comics, sensors, and the urban future. A representative para…

The infrastructures we assemble and carry with us through the city – mobile phones, wireless nodes, computing power, sensor platforms are changing how we interact with it and how it interacts with other places on the planet. After all it was Archigram who said “people are walking architecture.”

Sweet.

Go read his post, The City Is A Battlesuit For Surviving The Future.

I gave a talk on comics and while there are some images of me talking about them on Flickr, some people have asked for a list of the comics I discussed. Below is the list and brief descriptions. I’ve also transcribed my talk and put the slides online: Comics and Pictures.

Though I read lots of different comics, I only really follow four authors: Warren Ellis, Grant Morrison, Alan Moore and Garth Ennis. Really, you can’t go that wrong reading stuff by these guys, they are awesome, although many people find Ennis a bit heavy. Here is the list in the order that I discussed them:

• The Kingdom by Mark Waid and drawn by Ariel Olivetti and Mike Zeck. Wikipedia has a good description of Hypertime, so no need to hunt down this comic if you are just curious.
• Sea of Red by Rick Remender, Kieron Dwyer and Salgood Sam. This is the one about vampire pirates.
• New Universal by Warren Ellis and Salvador Larroca. This is the comic I discussed where all the characters are derived from film stars.
• Planetary by Warren Ellis. This is really good, everyone should read it. There are four main books, all are good. I specifically discussed Planetary Crossing Worlds which includes the Batman story.
• The Filth by Grant Morrison. This is the best comic that there is, everybody should read this. It is the one with the guy who speaks with thought bubbles.
• Desolation Jones by Warren Ellis and J.H. Williams III. I’ve mentioned this before. It is a great read, and drawn with deft elegance, really nice work.
• I spoke about Madman. Very weird but good.
• I also mentioned a cover from The Flash who can run really fast, and that’s about it.

I’m enjoying a couple of American authors at the moment: Ed Brubaker‘s Criminal, and Joss Whedon‘s Astonishing X-men is good too.

That is the list of comics I mentioned. They stock them at my favourite comic shops: Orbital and Gosh, both nicely located in central London.

I had a really good time at Reboot 9.0 this year, never been before, but it was top drawer. My favourite discoveries were the brilliant David Smith and Tina Aspiala. Also good to catch up with old friends at the shiny and new Copenhagen Institute of Interaction Design. So in the spirit of the people, I sat in the talks, looking through the faces oscillating between laptop and speaker, and drew them. Some drawings went into Webb’s talk, my favourites are below, and the rest are in a Flickr set.

I liked this guy’s glasses a lot.

Smart suit.

This guy kept fidgeting and glancing between laptop and presenter.

I’ll write a more detailed discussion on the results of the work when the brief ends, but I suspect there may be more than I can fit into a single post, so I wanted to point at some of the work that has emerged so far.

All the work here is from Alex Jarvis and Mark Williams.

Alex began by looking at the physical act of swiping your phone or card over a reader. The symbol he developed was based on his observations of people slapping their Oyster wallets down as they pass through the gates on to the underground. Not a delicate, patient hover over the yellow disc, but a casual thud, expectant wait for the barrier to open, then a lurching acceleration through to the other side before the gates violently spasm shut.

More developed sketches here…

I suspect that this inverted tick will abstract really well, I like the thin line on the more developed version snapping the path of the card into 3D. It succeeds since it doesn’t worry too much about working as an instruction and concentrates more on a powerful cross-system icon to be consistently recognisable.

Verbs

The original brief required students to develop icons for the verbs: purchase, identify, enter (but one way), download, phone and destroy.

Purchase and destroy are the two of these verbs with the most far-reaching and less immediate consequences. The aspiration for this work is to make the interaction feel like a purchase, not a touch that triggers a purchase. This gives the interaction room to grow into the more complex ones that will be needed in the future.

This first sketch, on purchase, from Alex shows your stack of coins depleting, something nice about the dark black arrow which repeats as a feature throughout Alex’s developments.

Mark has also been tackling purchase, his sketches tap into the currency symbols, again with a view to represent depletion. Such a blunt representation is attractive, it shouts “this will erode your currency!”

Mark explores some more on purchase here:

Purchase is really important. I can’t think of a system other than Oyster that takes your money so ambiguously. Most purchasing systems require you to enter pin numbers, sign things, swipe cards etc, all really clear unambiguous acts. All you have to do is wave at an Oyster reader and it costs you £2… maybe: The same act will open the barrier for free if you have a travel card on there. Granted, passengers have already made a purchase to put the money on the card, but if Transport for London do want to extend their system for use as a digital wallet they will need to tackle this ambiguity.

Both Mark and Alex produced material looking at the symbols to represent destroy, for instances where swiping the reader would obliterate data on it, or render it useless. This might also serve as a warning for areas where RFID tags were prone to damage.

I like the pencil drawing to the top right that he didn’t take forward. I’ve adjusted the contrast over it to draw out some more detail. Important that he distinguished between representing the destruction of the object and the data or contents.

Mark’s sketches for destroy include the excellent mushroom cloud, but he also looks at an abstraction of data disassembly, almost looks like the individual bits of data are floating off into oblivion. Not completely successful since it also reminds me of broadcasting Wonka bars in Charlie and the Chocolate Factory and teleporting in Star Trek, but nice none the less.

Drawing

This is difficult to show online, but Alex works with a real pen, at scale. He is seeing the material he’s developing at the same size it will be read at. Each mark he makes he is seeing and responding to as he makes it.

He has produced some material with Illustrator, but it lacked any of the impact his drawings brought to the icons. Drawing with a pen really helps avoid the Adobe poisoning that comes from Illustrator defaults and the complexities of working out of scale with the zoom tool (you can almost smell the 1pt line widths and the 4.2333 mm radius on the corners of the rounded rectangle tool). It forces him to choose every line and width and understand the success and failures that come with those choices. Illustrator does so much for you it barely leaves you with any unique agency at all.

It is interesting to compare the students’ two approaches. Alex works bluntly with bold weighty lines and stubby arrows portraying actual things moving or downloading. Mark tends towards more sophisticated representations and abstractions, and mini comic strips in a single icon. Lightness of touch and branching paths of exploration are his preference.

More to come from both students and I’ll also post some of my own efforts in this area.

Below are two pieces of work, the first is a spread from Desolation Jones by Warren Ellis and J.H. Willliams III. Without revealing too much of my Ellis/Williams fanboydom, the series is excellent but this page is especially deft. Ellis discusses it in his weblog here.

Look at the way the red line connects the sequence.

The line morphs between road markings, Indiana Jones style aerial map views and back to the light trails from the vehicle. Williams guides your eye through the page, setting the page’s pace and rhythm. Optically it is very clever, it deals with how your eye scans at speed and also stitches the cue into the content of the panels.

The second image is by Will Burtin (thanks to James King). It is optically similar to the comic.

Although research material on Burtin is fairly thin, I understand that this image was produced during his time designing for the U.S. Army. This image is taken from a manual, illustrating how to disassemble your rifle.

Burtin has drawn two sets of dotted lines over his work. The lines indicate his expectation of how a readers eye will move over the page. The dotted line represents a quick scan of the page, dealing mostly with just the images and the dashed line represents a detailed read.

Burtin knows how the page is being read, he acknowledges that the reader will read it at different paces, and presumably this has affected his slightly strange layout. Interesting that he expects people to read along gun barrels.

Burtin and Williams both use letters and images, in a sequence, on the page, and expect them to be read in two different ways: First in overview and then in detail. They deal with arrangement, pace and rhythm with the same sensitivity and same language.

Comics are in everything.