Top banner ad available.

digital_concept_car.jpg
Building a Digital Concept Car [involutionstudios.com] is yet another example of an interactive, but very clean, information graphics design. According to a recent abstract of a talk by the visualization author, Andrei Michael Herasimchuk, the matrix is based on the idea behind the "Digital Concept Car", a prototype that is fully functional save being hooked up into the engine. Such concept cars allow design and engineering teams the means to make critical product decisions that no other process can replace.

The presented matrix charts out various prototyping tools and techniques for building digital concept cars that articulate (in varying degrees of fidelity) the intended behavior of a digital product. It compares different modern communication technologies, ranging from websites over mobile applications to digital appliances, against contemporary production techniques, ranging from paper prototypes over HTML + Javascript to more advanced AIR, WPF or Titanium. Users can then observe how their effectiveness matches up, or alters from technology to technology.

The unique feature here is the use of simple animation without requiring Flash or Silverlight. Point being that for too long designers have been near "forced" to use Flash if they wanted any form of subtle or sophisticated animation on their sites. Some might argue this is not only often inaccessible, but more pragmatically, far more difficult to edit, as in closed off from the website coder.

Thnkx Vicky! See also Ghost in the Pixel.

3 COMMENTS

I'm not sure what makes JQuery more accessible than Flash. It's JavaScript, which poses many more challenges for not-so-savvy developers trying to get animations to work (especially across browsers).

Tue 17 Mar 2009 at 5:44 AM
wes

Thanks for the mention. For what it's worth, I created this simple website specifically because I found it easier to communicate the matrix of information than trying to do the same in a PowerPoint or Keynote format.

To that end, I wasn't concerned with accessibility, but with finding a clean way to communicate the matrix itself using nothing more than a single page presentation and not multiple panels or information to do the same thing.

Given a little more time (of which I unfortunately don't have enough of these days), it's a fairly simple matter to make the matrix accessible via tabbing and keyboard input. The jQuery part actually works cleanly with standards based markup, it's just that I ran out of time to hook that portion up.

Thanks again for the mention.

Tue 17 Mar 2009 at 8:56 AM

I love Andrei's work, but I don't see the benefit of this over a simple table. It's beautifully done, and if the intention was to experiment and show what you can do without flash, then great. But for the simple purpose of communicating the content, it seem a little clunky and overkill. (with all due respect to the creators of course)

Thu 19 Mar 2009 at 7:07 AM
ADD A COMMENT
Commenting has been temporarily disabled.