information design

58 posts under this tag.

10th dimension 2
0
0
6
Aug
18

Now, as we enter the tenth dimension, we have to imagine all the possible branches for all the possible timelines of all the possible universes and treat that as a single point in the tenth dimension..

Your head will hurt afterwards (mine does), but it’s really a fascinating theoretical-physics presentation.

Star
Why are hyperlinks underlined? 2
0
0
6
Aug
18

The link is the first significant new form of punctuation to emerge in centuries..
Steven Johnson, Interface CultureAM, p110-1

Indeed it is, but then we might as well feel warranted to pose the seldom-asked question of why are hyperlinks underlined. Dull utilitarian answers aside, an intriguing yet plausible historical explanation (or rather, re-interpretation) herefollows.

I believe our answer traces back to the humble clothe buttonA, that immemorial “knoblike appendageWP used on wearing apparel either for ornament or for fastening,” forgotten (as much else) during the Middle Ages, dismissed as vanity by the Puritans, and traded to Native Americans by early settlers.

With society’s mechanization through the first and second Industrial RevolutionsWP, there was dire need to create appropriate interfaces for the control of the suddenly ubiquitous machines and one of the simplest, most versatile methods invented came to be called “button”WP, owing to its creative resemblance to the former fashion accessory (both were usually round after all).

One subtle point, which shall prove of great importance later, must be remarked now: Owing to human factorsWP, most control buttons are usually seen from a very specific angle. Words fail me to further describe it but perhaps some pictures can help to illustrate the matter: the keyboard on the ←left shows the usual, canonical perspective of buttons we’ve grown accustomed to since the late 18th century, and any other perspective, say, the keyboard on the right→, feels immediately awkward.


But back to our story: When the turn came for society’s computerization, there was again dire need to come up with suitable interfaces for the novel symbolic devices. Abstruse command-lineWP interactions followed at first, but thanks to Xerox PARC’sWP bitmap revolution1 graphical interfacesWP were envisioned (and, eventually, accepted). The new art form required new metaphors2 and prompted a creativity explosion that continues to this day, but few metaphors proved more fertile or intuitive than the visual staple that became the “graphic button”. Beveled out, it’s “push affordance”3 invites interaction (a click, a push, a press) like nothing else we’ve come up with since.

4

With the advent of the inter-network, you guessed it, that direst of needs—the interface—made itself felt again. We needed a way to link geographically and semantically far-flung documentsEE together. So what if Ted NelsonWP himself, hypertext’s father, was thinking in our trusty ole friend, the button, when he came up with his gift to the world?

The hyperlink might just be the latest, abstract, stylized reincarnation of our centuries-old pal, the button.

1 “The word itself [bitmap] suggested an unlikely alliance of cartography and binary code, an explorer’s guide to the new frontier of information.” Steven Johnson, Interface CultureAM, p21

For insight into the bitmap revolution see M. Mitchell Waldrop’s The Dream MachineAM, p366-8, and the raster graphics pedia.

2 Among which the worst yet best-known is probably the so-called “desktop metaphor”WP.

3 See Larry L. Constantine, Lucy A. D. Lockwood, Instructive Interaction: Making Innovative Interfaces Self-Teaching, p8, and also the affordance pedia to understand how the term is used by interaction designers.

4 Notice how of all the buttons showcased only MacOs X’s corner balls break that familiar perspective talked about in the 4th paragraph (usually hinted at through internal shadowing). I finally understand why they felt so jarring when I first saw them: not only are they overcolored for their humble functions, they’re not buttons, they’re weirdly lighted marbles.

Today's Reading: An Interview with Edward R. Tufte 2
0
0
6
Aug
17

A 16-page meaty interview with Edward R. Tufte from the Technical Communication Quarterly.

A big intellectual move in my work and my teaching came together in Envisioning Information, which I think is the most original of the books, the most theoretical. It essentially opened the entire world of visual evidence up so evidence was no longer statistical graphics—it was the whole world of seeing and thinking, bringing together how seeing and therefore thinking could be intensified.

Excellence in visual design is largely realized through the creation of graphics that correspond with the mental tasks they are meant to support.

The commonality between science and art is in trying to see profoundly—to develop strategies of seeing and showing. This seeing is not about “Aren’t these pictures of molecules beautiful?” Rather, the point is to recognize the tightness between seeing and thinking on an intellectual level not just a metaphorical level. That tightness is expressed in the very physiology of the eye: the retina is made from brain cells; the brain begins at the back of the eye. Seeing turns into thinking right there.

The purpose of analytical displays of evidence is to assist thinking. Consequently, in constructing displays of evidence, the first question is, “What are the thinking tasks that these displays are supposed to serve?”

My wife and I took our extended honeymoon in Japan in 1985 and lived there for a little while. The intellectual idea was to go to the farthest away, highest resolution, technically advanced culture— that is, to increase the variance of our seeing.

My view on self-publishing was to go all out, to make the best and most elegant and wonderful book possible, without compromise. Otherwise, why do it?

Robert Merton, the great sociologist,.. taught me a great deal about scholarship. It began when he looked over a manuscript of what ultimately became my book on political economy, Political Control of the Economy. Bob did a lot of editorial commenting and was a wonderful editor and kind critic, one-on-one. Near a completely undistinguished paragraph I had written, Bob wrote “an echo of Veblen,” a distinguished social theorist. What this said to me was not that the paragraph was good, but rather “Why don’t you try playing in the big leagues?”—that is, to do work that might last for a long time.

I like to give every student every day lots of pieces of paper, many handouts. For years I had a Xerox machine in my living room, running away the night before my lecture.

Along with thirty-two years of being a professor at Princeton and Yale, I also greatly enjoy teaching out on the road. I go about one week a month on tour and give a one-day course. This has been going on now for twelve years; 120,000 people have attended the one-day course. This does get the word out.

When most people begin their advice about communication, their first grand principle is “know your audience.” In practice, that statement too often leads toward underestimating the quality and interests of the audience. The know-your-audience philosophy can be a big step down the road to pandering to the audience. I think sometimes if we anticipate too much the characteristics of the reader, we are going to censor ourselves or change our work—and I think all too often wrongly.

Having grown up a bit, I try to get out of first-person singular when giving advice. It can be dangerous to listen to authors about how to write or establish communication; they can only say what has worked for them or how they work. With an N of 1, a sample size of 1, the variance is infinite.

In my work, there is an effort to raise standards-—by admiring excellence, saying that there are things that are good and there are things that are bad, so get out and tell the world about it.

A curious consequence [of my work] is that I have become a minor celebrity. I have a hint of what a real celebrity must go through every day—a flood of interesting, encouraging, importuning, angry, weird, scary communications. I am not sure quite how to respond to all this. Now and then I ungratefully mutter Bob Dylan’s remark: “Just because you like my stuff doesn’t mean I owe you anything.”

For those going into the corporate world, the key choice point is where you go to work. You had better, for example, see what clients the company has. Once you start working for the company it is probably too late. The socialization is strong, and the masking of responsibility is strong, so that it is probably a little bit late and a bit hard to ask people to change jobs because we don’t think the companies they work for are doing the right thing.

It is straightforward for me to be ethical, responsible, and kind-hearted because I have the resources to support that. I have a lot of privilege and plenty of resources that enable me to try to do good. I admire President Kennedy’s thought: “To whom much is given, much is expected.”

Probably the only generalization about the Internet is that there is none, which is to say that users can have nearly any experience they desire. Internet users are not prisoners—they are responsible for their experience since they can generate nearly any experience they wish (other than an in-depth historical analysis).

One problem from the user’s point of view is that any given manual may be perfectly fine, but most of us are confronted with a multiplicity of interfaces. Just start to add up all the interfaces: that stove, this dishwasher, that microwave, those cameras, that cell phone, this and that computer, and so on. All the differences among those interfaces make a difference. While all the interfaces can be perfectly good when viewed individually, in aggregate it is hard to have much retained learning. For example, when I get a new camera, I take it with me on a trip and dutifully work through the manual. I am the master of that camera in two to three hours and take a few good pictures. I put the camera down and come back a month later, and there is little that has been retained. Somehow we need to have interfaces and explanatory explanations of interfaces that lead to retention and avoid interference from the multiplicity of interfaces.

The top level of most product interfaces is quite good these days. The lower-down levels, where the featuritis fungus thrives, are too often jungles.

I’m trying a different style of highlighting here, sticking to blue and white, and remarking the key word of each paragraph/fragment. What do you think of it? Is it helpful?

Damn, I want Quicksilver! 2
0
0
6
Aug
16

I really do. This quick demo by Merlin Mann only whetted my appetite. Had I the money, I swear I’d buy an overpriced MacBook Pro just to get my hands on itWP.

Isn’t it weird that Macs’ current killer app (for that’s certainly what Quicksilver has become) is a sort of meta-program (a launcher to control other programs)?

Quote Collages 2
0
0
6
Aug
16

As you may have noticed, I’m unhealthily and impolitely obsessed with quotes. They easily make for my most popular category and were it not for my negligent restraint every single post of this blog could have its very own quote. Though I doubt anyone actually reads them :(, I love crafting them, specially when I go over the top and quote paragraphs upon paragraphs: I trim that detail, highlight that phrase, color that other, and in general try to make the fragment clear and inviting. Today I’m pleased to announce you that the genre has finally coalesced into what I think I’ll call quote collages. (And in a feat of retcon, there are already 7 quote collages on the blog.)

The first and best example of it was today’s Our Chinese will still beat their Chinese post. A quote collage consists of a big, juicy text extract, color-highlighted and clipped to the point of near-paraphrasing. A Flickr photo is prepended for visual spice.

Do you like them? Do you find the colors useful or annoying? Do you simply skim away and roll your eyes at the sight of (yet) another text monolith?

And while we’re on it, two points (..) inside a quote indicates text was omitted. It’s an elegant OED convention that degrades gracefully (if you don’t know what it means most of the time it’s harmless).

Visual Complexity 2
0
0
6
Aug
16

Manuel Lima’s Visual Complexity is a massive—350 works—showcase of cognitive art and a beautiful tour de force.

Pay for PerformanceDeath and TaxesUSA AirFigurative system of human knowledgeFlickr User ModelMap of Scientific ParadigmsTime Graphs: Sunsets by time (also check Breakfast, Lunch, Dinner)—Visual Correlation for Situational Awareness (read the paper, it’s worth it)—Mark Lombardi’s Narrative Structure, and Inside cobot’s head rank among my favorites, what about you?

Tufte’s Museum of Cognitive ArtELZR is in the offing, I can smell it. La coyuntura es propicia.

Ironically, I must confess I sometimes preferred to reload the project’s homepage and quickly hit stop. The mosaic is beautiful and impressive, but also overwhelming. The thumbnails’ plain titles were more useful for the exploratory browsing I needed to digest the hugeness of it all.


vs.

Como Imprimir a Doble Cara 2
0
0
6
Aug
11

Por diversos avatares del destino tuve hoy que imprimir incontables resmasRAE a doble cara y me sorprendio mucho que fuera una extraña odisea. Desesperado acudi a la red y lo unico que encontre digno de destacarse es este articulo de HP España confuso, rollero, y comercialoide (“Impresión a doble cara en Microsoft Word 2000, por los árboles, por su espalda, por su dinero”). Para colmo, ni un pinche diagramilla perdido. Despues de muchas iteraciones y mucha hoja perdida, le haye el feeling a esto, asi que aqui va, por todo aquel que venga:

Simile 2
0
0
6
Aug
04

Simile is a simple, snappy AJAX timeline from MIT. To keep with the space-time musings of late, it’s a Google Maps for time.

Star
The Secret Lives of Numbers 2
0
0
6
Aug
04

Overview and Detail. The pair keeps coming up whenever you start pondering on interfaces, interface patterns, interface & information design, and well (why won’t be grand?) space, time,ELZR and thought itself. Achieving both—the ancient dream of simultaneity—is one of the deep purposes of any media creator, from writersEE to interface designers, and though it may be a humble example, The Secret Lives of Numbers—an interface to the results of a crazy study of the search-engine popularity of every integer between 0 and 1 million1—is a superb one.

The resulting information exhibits an extraordinary variety of patterns which reflect and refract our culture, our minds, and our bodies.. We surmise that our dataset is a numeric snapshot of the collective consciousness. Herein we return our analyses to the public in the form of an interactive visualization, whose aim is to provoke awareness of one’s own numeric manifestations.

Click to view a 3.15-Mb PDF critique of the interface (right-click and select Save Link As to download)
The denizens of the number line are not the mere automatons or corporate tools we have made them out to be: each has a personality, talents, communities, and sometimes a little je ne sais quois. They reflect us. This unusual reflection is the focus of this project.

As for the credits:

Concept, direction, interface design & programming: Golan Levin
Interface and information design: Martin Wattenberg
Database & CGI programming (2002): Jonathan Feinberg
CGI programming (1997): David Becker
Statistics consulting: David Elashoff
Essay and research: Shelly Wynecoop

If you believe in geniuses you’re in for a treat checking out the three URLs above—each of them’s one. Martin Watenberg in particular, has some of the most intriguing information visualizations I’ve ever seen.

1 Though owing to limitations of internet bandwidth only data for the first 100,000 are provided online.

Today's Reading: Natural Born Cyborgs 2
0
0
6
Aug
04

Ours are (by nature) unusually plastic brains whose biologically proper functioning has always involved the recruitment and exploitation of non-biological props and scaffolds. More so than any other creature on the planet, we humans emerge as natural-born cyborgs, factory tweaked and primed so as to be ready to grow into extended cognitive and computational architectures: ones whose systemic boundaries far exceed those of skin and skull. (p5—emphasis added)

Andy Clark’sWP fab Natural Born Cyborgs? is at times techno-lyrical to the verge of incomprehension (or overpretentiousness—normal pretentiousness is of course to be cherished), but there are many thought-provoking paragraphs to be found in this essay of his (also the introduction of his same-titled 2003 bookAM ).

The conjecture, then, is that one large jump or discontinuity in human cognitive evolution involves the distinctive way human brains repeatedly create and exploit various species of cognitive technology so as to expand and reshape the space of human reason. We, more than any other creature on the planet, deploy non-biological elements (instruments, media, notations) to complement (but not, typically, to replicate) our basic biological modes of processing, creating extended cognitive systems whose computational and problem-solving profiles are quire different from those of the naked brain. Human brains maintain an intricate cognitive dance with an ecologically novel, and immensely empowering, environment: the world of symbols, media, formalisms, texts, speech, instruments and culture. (p4—emphasis added)

Particularly interface-relevant is this gem right here.

The cognitive anthropologist Ed HutchinsWP, in his book Cognition In The WildAM depicts the general role of cognitive technologies in similar terms [i.e. as thought prosthetics], suggesting that “[Such tools] permit the [users] to do the tasks that need to be done while doing the kinds of things people are good at: recognizing patterns, modeling simple dynamics of the world, and manipulating objects in the environment.” This description nicely captures what is best about good examples of cognitive technology: recent word-processing packages, web browsers, mouse and icon systems, etc. It also suggests, of course, what is wrong with many of our first attempts at creating such tools: the skills needed to use those environments (early VCR’s, word-processors, etc.) were precisely those that biological brains find hardest to support, such as the recall and execution of long, essentially arbitrary, sequences of operations. (p4—emphasis added)

The book itselfAM I haven’t (yet) read. Something at first warned me away from it, making me imagine it would be too repetitive and “impressionistic”. But I just read the quote below, and I’m intrigued. It’s on the wishlist.

These [Alzheimer] patients were a puzzle because although they still lived alone, successfully, in the city, they really should not have been able to do so. On standard psychological tests they performed rather dismally. They should have been unable to cope with the demands of daily life. What was going on?

A sequence of visits to their home environments provided the answer. These home environments, it transpired, were wonderfully calibrated to support and scaffold these biological brains. The homes were stuffed full of cognitive props, tools, and aids. Examples included message centers where they stored notes about what to do and when; photos of family and friends complete with indications of names and relationships; labels and pictures on doors; “memory books” to record new events, meetings, and plans; and “open-storage” strategies in which crucial items (pots, pans, checkbooks) are always kept in plain view, not locked away in drawers.

Before you allow this image of intensive scaffolding to simply confirm your opinion of these patients as hopelessly cognitively compromised, try to imagine a world in which normal human brains are somewhat Alzheimic. Imagine that in this world we had gradually evolved a society in which the kinds of scaffolding found in the St. Louis home environments were the norm. And then reflect that, in a certain sense, this is exactly what we have done. Our own pens, paper, notebooks, diaries, and alarm clocks complement our brute biological profiles in much the same kind of way. Yet we never say of the artist, or poet, or scientist, ”Oh, poor soul—she is not really responsible for that painting/theory/poem; for don’t you see how she had to rely on pen, paper, and sketches to offset the inadequacies of her own brain?”

Andy Clark, Natural Born Cyborgs (emphases added)