Monday, February 25, 2008

more progressive visualizations from the NYT


I was just alerted to this appropriately-themed visualization posted on the New York Times website a couple of days ago. Once again, the NYT has taken a very progressive approach to their designs; this one is a variation of a stacked graph (popularized on the internet by Martin Wattenberg's Baby Name Voyager, though this implementation looks very similar to Lee Byron's visualizations of Last.fm listening habits) showing the box office earnings of many of the major Hollywood movies released in the last 20 years. There are lots of interesting trends to discover in here, as the stacked graph is pretty good at illustrating "outliers" in the data. Even better, it is a very striking design that encourages you to explore it.

The NYT is clearly pushing at the boundaries of traditional newspaper infographics, which I think is fantastic. As usual, I find myself wondering what kind of response these visualizations generate from NYT readers. Do they find them more compelling? More readable? Or the opposite? This type of stacked graph, for instance, is a perfect example of a visual construction that flirts with semantic ambiguity just enough to potentially become confusing; I have recently been arguing in my thesis that the ways in which we attempt to interpret more elaborate examples of infovis today are based on the basic graph-reading skills we were taught in grade school (which, unfortunately, is about the extent of the visualization education most of us receive). We implicitly look for what Jacques Bertin described as "the x y z construction;" the relationship of visual marks to the principle axes of the image plane. In other words, "the independent variable goes on the X axis, and dependent variable goes on the Y axis." Or, as Matt Ericsson recently suggested, "time goes on the X axis, and anything else goes on the Y axis" (my quotation).

Some constructions, such as this type of stacked graph, cannot be understood quite so simply. While overall it is a fairly simple graphic, there are some significant ways in which its "marks" are ambiguously signified. For instance, in this implementation there is no literal X axis (ie. the horizontal line with the "x" next to it). If you were to try to understand it as a basic 2D plot, you might wonder where the "zero" is on the Y axis. Accordingly, do the curves that point downwards represent negative values? And what is the significance of the Y-ordering of the data? Of course, the first two (theoretical) questions are inappropriate for this type of plot, and answer to the third is that the significance is ambiguous or undefined. It is simply the nature of this type of "layout algorithm." But if you were trying to read this graphic in terms of the basic constructions we learned as kids, those questions might rightly stump you and turn you off of the whole thing. This is something I think we need to be aware of when designing infovis for a broad audience.

Obviously, that is by no means a criticism of this NYT piece. Exactly the opposite: it won't be until visualization education is advanced beyond what was probably taught 100 years ago (that'll be the day), or more modern examples of infovis proliferate in the "public consciousness," that infovis will be seen as a viable mainstream medium. The NYT is certainly pushing towards the latter goal! Big ups to that!

More discussion on Nathan's blog, FlowingData.

PS. Does anyone who reads the NYT website more regularly than I do know how to get these visualizations as an RSS feed? I have subscribed to their "multimedia" feed, but all I get are photographs. I'm missing quality stuff here!

Monday, February 11, 2008

silobreaker

nano!



Via infosthetics this morning I discovered what looks like a very promising new news aggregator/search site called Silobreaker.

These guys are basically mining a very hefty set of news outlets (supposedly over 10,000 (!!!) from around the globe) to build relational models between events, people, etc., and give context to any particular news item (hence the name, I guess). In other words, “semantic web” type stuff. Of particular interest is their use of various visualization tools, front and center, to organize all this information. There is a “hotspot” map showing the locations of popular stories, a network graph indicating relationships between people and places mentioned in any particular news item, and a bunch of trend graphs measuring various interesting metrics.

Obviously, what I find most compelling about the site is that it presents a perfect application of information visualization in a context (ie. reading the news) that is relevant to almost everyone who surfs the web. In this case, the particular types of visualizations being used really seem critical to exploration of the site's content, rather than functioning as a side-bar novelty item. And, from my admittedly quick investigation, they appear to work well as exploratory tools -- I'm curious to see how users respond to them. From the design perspective, I think they are, for the most part, simple, effective, and informative; very reminscent of the graphics on Many Eyes. The filtering interface for the network graph could be more user friendly, and I can't find a "help" button anywhere that explains how to read a network graph (which I would argue is pretty important, especially given their potential complexity and that their layout can change depending on filtering options), but it offers a nice overview of relationships with more info to "drill down" in to via mouse-over. One element I particularly like (maybe because I'm writing about it in my thesis right now!) is the use of icons to identify the categories of nodes in the graph. With a quick glance you can easily digest the relationships between people, organizations, cities, etc.. It would be really nice, although I don't know if it is "semantically" possible, if there was way to similarly identify categories in the connections between nodes, to suggest the nature of the relationship without having to drill down and try to extract that from the detailed data.

Visualizations aside, what I find promising about this site from a more "high-concept" perspective is what they describe on their "About" page: the notion of presenting specific news stories within a larger contextual web. News media bias and the "echo-chamber effect" have been hot issues the last few years, and the sort of approach Silobreaker is attempting is, at least on the surface, a great way to deal with it. Particularly when using the visualizations, what you get from a story that you read on Silobreaker is potentially more than just the perpective of the media outlet that contributed the article. This is something that strikes me as tremendously important; as we become more deluged with information, we run the risk of walling ourselves in to "silos" without a clear understanding of the big picture (for a related take on this issue also involving visualization, see Ethan Zuckerman's Global Attention Profiles project at the Berkman Center for Internet and Society at Harvard Law School from a few years back).

This is definitely a visualization site to keep an eye on. Are any readers already using Silobreaker? What do you think about it? Will it prove useful and compelling, or will it go the way of CNET's similar attempt at incorporating a semantic network graph in to their news reporting?


PS. Please excuse my lack of posts lately on account of my being deep in the thesis writing process!

Monday, January 14, 2008

more on NYT graphics

After a long holiday absence, it's time to start posting regularly again!



Continuing with the New York Times theme from my last post (almost a month ago!), I just caught this podcast at the User Interface Engineering website, called Making Data Engaging: A Talk with the New York Times Interactive Design Team. As the title suggests, it's an interview with Andrew DeVigal and Steve Duenes, who are part of the NYT's design team (Along with, among others, Matt Ericson, who's been mentioned here before) that develops the interactive graphics that appear on the NYT website.

Though there isn't a huge amount of content concerning visualization design explicitly, they talk a lot about the development of some recent projects, including the nice NYTimes Debate Analyzer. If you don't want to listen to the whole thing, there is some interesting commentary towards the end (starting at about 16:16) on their influences, which include 1940's magazine infographics, current advertising campaigns, and iTunes. Also, incidentally, I found the echange over their Trailer Living, Then and Now visualization (20:10) pretty interesting as an example of how what I would consider "vernacular visualization" (and they perhaps consider "cheesiness") can make for compelling designs.

Thursday, December 20, 2007

the NYT takes it up a notch


The New York Times recently posted this impressive interactive visualization showing the degree to which each of the presidential candidates are mentioning one another in their debates. The NYT graphics team has certainly been ahead of the curve in terms of producing readable (and beautiful) infovis, but this one strikes me as a step above their usual (great) stuff. A network diagram like this is a considerably more abstract visual encoding than a bar chart or line graph, so I'm surprised and pleased to see it being deployed in such a high-traffic context.

Matt Ericson, the head of their graphics department, has talked about the challenges they face in designing "infovis for the masses;" I wonder if broadening their visualization repertoire with examples like this represents an increased confidence in the "visualization literacy" of their readers. I also wonder if they work more experimentally with the graphics they produce for the NYT website versus the print edition, and if this reflects a perceived difference in the "visualization literacy" of those respective audiences. Assuming it could be reworked as a static image, would they feel confident deploying this visualization in the print edition?

Either way, this is a fantastic example of effective public-facing visualization.

Monday, December 17, 2007

the most wonderful time of the year

As the lack of recent updates suggests, it has been a very busy couple of weeks for me on account of the end of the semester finally arriving. On the plus side, I kicked out a draft of a thesis chapter and finished various other projects, so it was time well spent. I hope to start posting here more frequently again, but I'm also looking forward to the holiday break!





Anyways, I don't usually like to advertise my own visualization work here, but I just posted the final project for a course I was taking this semester, Media in Transition, that people might find interesting. It's a prototype visualization of a set of Incan artifacts called "khipu," as cataloged by the Khipu Database Project at Harvard. Without going in to too much detail, the khipu take the form of hierarchically knotted strings used to encode information (so, arguably early information visualization!), though the meanings of these encodings remain largely undeciphered. I thought it would be interesting to prototype a visualization of the collection to suggest the value of infovis in facilitating exploration and analysis of the (somewhat unconventional) data set. You can check out the project page and applet here. More information about the khipu can be found at the Khipu Database Project page, and of course on Wikipedia. There's also an interesting article on them on Wired.com from a few months ago.

Happy holidays!

Wednesday, November 28, 2007

the usability of YouTube


I just came across this short paper on the usability of YouTube that I thought was interesting given the recent discussion here and on Stephen Few's blog. The authors point out that YouTube is a hugely successful site despite sporting an interface design that apparently doesn't respect many conventional usability heuristics. By considering what users enjoy about the site, and what keeps them coming back, they suggest that these traditional evaluation methods may need to be redefined; among other things, "engagement" and "playfulness," two terms we've been throwing around here lately, are becoming increasingly important.

While I won't argue that YouTube serves the same purpose as information visualization (particularly if its "apparently bad design" is intentional, as the paper suggests), what I find most poignant about this article is how it identifies the "new" Web 2.0-enabled user, a digital native that grew up with the web, as having a heightened literacy for the internet and its technologies. This new user interacts with information differently and more fluently than users of the past, so the design of interfaces for them should reflect this -- a sentiment that certainly applies to information visualization design as well.

Sunday, November 25, 2007

continuing the discussion with Stephen Few - my response

Before responding to Steve’s points, I want to take a step back and clarify that my original intent in critiquing his InfoVis capstone presentation was not to attack him personally, but rather his position on the topic of “infovis for the masses.” Unfortunately, it may have come off that way, and Steve’s responses to my issues, phrased as responses to “Few does X,” may further personalize the criticism, so I want to emphasize that this is ultimately a discussion about approaches to understanding infovis “for the masses,” and not some kind of flame war. As Steve suggested, I think it is clear that we both care a great deal about the “state of information visualization” today, so I apologize, particularly to Steve, if any part of this conversation has seemed or seems personal. It most certainly isn’t intended to be. I also want to point out that I completely agree with a good deal of the “low level” design issues Steve rails against (problematic use of color, charts designed so poorly that it is actually impossible to read values off of them, etc.); That’s not really what I’m taking issue with in this conversation. Again, I’m more interested in conceptualizing infovis design “for the masses.” So, that said: onwards and upwards!

Rather than responding point-by-point to Steve’s post, I will try to address what I see as the underlying disconnect in our positions. This disconnect, I think, revolves around our differing conceptions of the scope of information visualization, as well as our differing definitions of certain key terms. I’ll elaborate from some of the statements he makes in his response:


What is perhaps not obvious, based on my capstone presentation alone, is
the fact that I spend a fair amount of time trying to understand what draws
people to ineffective visualizations—those that fail to serve the needs of the
audience while managing to appeal to that audience on some level.

[…]

Many-Eyes has managed to make the process of data exploration and analysis interesting and fun, without resorting to features that undermine the effectiveness of the activity.

[…]

I hope that I’m never guilty of writing off meaningful aspects of visualization as useless, simply because they don’t match my own preferences—aesthetic or otherwise. If you ever catch me doing so, I want you to call me on it. Just make sure that what you point out as useful in a
visualization is actually useful and not just appealing to your own preferences.

[…]

When a great deal of evidence indicates that certain visualization practices work better than others, I believe that it’s helpful to teach people to follow the best practices and avoid those that fail.

[…]

I define the “right way” as the way that best satisfies the needs of people—the way that works. I’m a pragmatist. What I don’t do is define the “right way” as the way that people desire things to be done. Our desires, our notions of how things should be done, often conflict with the way that really works.

[…]

The real “disservice to the goal of popularizing information visualization” is the existence of (1) ineffective or irrelevant infovis projects and products that represent our work poorly, and (2) the unfortunate inability of many experts in the field to present their work to those who need it in a way that they can relate to, care about, and understand.



What makes these statements problematic to me, and what was part of what I was trying to get at in my original critique, are Steve’s definitions of terms like “useful,” “(in)effective,” and “[user] needs,” with regard to information visualization. If I were to try to identify, right off the bat, the fundamental disconnect between the two “camps” that Steve and I represent, it would be that we don’t necessarily agree on what these terms mean.

Steve, coming from the area of business intelligence, presumably values the clarity of the data above all else, which I think is a perfectly reasonable position given the “needs” of that field. I’m not totally familiar with the world of business intelligence, but the use of information graphics and visualization in that area is undoubtedly motivated by a need to understand the meaning of quantitative data and make critical decisions based on that understanding. So, for him, having the data presented as plainly, directly, and efficiently as possible is the prime consideration in the design of their visualizations. Anything that distracts from that is considered ineffective or not useful.

My contention is that this sort of traditional, “scientific” understanding of information visualization, while certainly valuable in some domains (such as business intelligence), is too restrictive when considering its broader, more popular uses. For one thing, there is the obvious point that “popular visualization” does not necessarily share the same critical goals. Many of the infovis examples that Steve criticized from the Smashing Magazine article exemplify this, in that they present information that is not necessarily “mission critical” in the same way BI information might be – people are not necessarily viewing these visualizations because they need to make critical decisions based on the meaning of the data they present. Rather, they are perhaps more “casual” forms of information visualization in which directness and efficiency of transmission are not the primary goal, which then complicates our conception of “usefulness” or “effectiveness.”

Now, I am the first to admit that, at this moment, I don’t have formal definitions of these terms that stand in opposition to the ones applied in Steve’s conception of infovis, but work to define them is starting to emerge: at InfoVis, we saw Zack Pousman’s (et al.) presentation and paper on “casual infovis,” Martin Wattenberg’s discussion of “vernacular visualization,” Fernanda Viegas’ description of the many expected uses of Many Eyes, Ola Rosling’s emphasis on visualization as storytelling, Brent Fitzgerald on Swivel as “big (social) database in the sky,” and Robert Kosara suggesting new uses for infovis (I’m sure I’m leaving someone out, but these are some I just blogged about). Across the internet, the discussion continues: Andrew Vande Moere, Andrea Lau, and Nick Cawthon ponder information aesthetics, the guys at Stamen Design discuss “useless” visualization, as does Matthew Hurst of Microsoft Live Labs… the list goes on!

What bothers me about Steve’s position, which I sensed mirrored in a lot of the discussion at InfoVis, is the suggestion that this new research, or the type of visualization that it describes, is somehow “not infovis.” While it’s true that infovis, as a field, grew out of a “strict” scientific tradition (ie. computer science) that informs its theories and methodologies, it is going to have to broaden its understanding of the ways in which “normal” people interact with information if it wants to present itself as accessible to the masses. I think the field will need to start thinking more in terms of “engagement design” rather than the highly quantified metrics of efficiency, time on task, etc., that have traditionally characterized user studies in HCI and interface design. Those metrics may make sense (and I think give rise to, at least in part, the “great deal of evidence” supporting best practices that Steve refers to) when describing visualization usage by users who spend their lives (and make their livelihoods by) working with charts, graphs, and other visualizations, but almost certainly don’t capture what is important about the way “the masses,” as I define them, use information visualization. For their purposes, engagement (another ambiguous term) should perhaps trump efficiency; for instance, maybe a particular design should sacrifice some of the “directness” of the data for other elements, such as “playfulness,” that encourage continued use. I can understand why Steve and others might be skeptical of this sort of approach to infovis, as there doesn’t yet exist a large body of research support it, but I would argue that this is because we haven’t really starting thinking about visualization in these terms yet, rather than because there is something fundamentally wrong with it. I’m concerned that the traditional infovis field believes too strongly that their understanding of their domain is the final word on information visualization. This is a problem.

Steve himself admitted that, if given a choice of visualization design, most users would always pick the “flashier” one. I’ll just reiterate that instead of assuming that “flashier” equals “less effective,” we should try hard to understand the value of “flashiness” (or “novelty,” or “aesthetics,” or whatever we want to call it) against the expanded definitions of “useful” and “effective” I’ve referenced here. At his tutorial session at InfoVis, I made the (admittedly somewhat outlandish) comparison to Jim Cramer and his highly-rated CNBC program, Mad Money. Cramer uses an almost ridiculous amount of (literally) bells-and-whistles to “decorate” his presentation of financial information, and yet the information gets across. Is it presented as thoroughly as it might be by a more Spartan “talking head” presentation? Probably not, but the show’s popularity says something about what engages non-experts. Coming back to the realm of infovis, there is something undeniably important and valuable about the fact that visualization examples such as Jonathan Harris’ “We Feel Fine,” or Stamen Design’s visualizations of Digg.com, or, yes, the Ambient Orb, are popular and engaging. What’s interesting about Many Eyes, an example Steve does like, is that it supports many types of representation, from traditional analytic uses to the more unusual ones that Fernanda described in her presentation at InfoVis. Arguing that the mere existence of these sorts of projects undermines information visualization is a real problem. It implicitly assumes a very narrow definition of what “information visualization” is, which in turn rejects the type of understanding that I think is absolutely necessary to promoting the field as a medium that anyone can use. This kind of work should be taken seriously when considering information visualization design “for the masses.” I’m not arguing that its design principles should replace the ones that Steve talks about, but I’m completely certain that the two perspectives are not mutually exclusive; the reality, I think, is that both could benefit from a more robust understanding of one another.

So, in the end, Steve and I may be talking about two different things. As I stated at the beginning of this post, I certainly agree with most of the principles he employs to promote more effective design of business-related information visualization. What troubled me about his capstone at InfoVis, and a lot of the other discussions there, was perhaps that this was as far as his conception of “infovis for the masses” seemed to go. I applaud him for a lot of what he tried to convey to the audience there (they needed to hear it!), but I would suggest that “the masses,” to me and many others, includes a much wider population of users – most of whom are not “data analysts” of any sort.