Uncategorized

What works

Please click through to see the full affordable housing map of the New York City metropolitan area. The images above were generated using their pdf generator, but the full flash version is simply better.

Maps are hot. They’re everywhere. I was at a final presentation last night and one of the students said, “I’m kind of a map geek”. I didn’t realize it was possible to be a map geek, but I’m starting to understand. It’s quite easy to present a map – maps have been in use for centuries and some of the oldies are still goodies. It’s not so easy to combine a map with social science data in a smart, legible way. Folks try all the time. These folks at the Center for Urban Pedagogy got it right. Their affordable housing map tool is a solid example of the capability and execution of interactive data.

Why?

The map itself has been stylized. All they want to show you is neighborhood boundaries and neighborhood names. Gone are street markings, terrain, unnecessary color, landmarks, subway stops, and so on. They’re going to add some layers and your eyes are going to be better off without excess detail at the level of the map. Plus, they’re helping you to understand that it isn’t possible to get more granular than neighborhood masses. You can’t use this map to look at property values by block or by proximity to a subway stop so there’s no reason to include the subway map or street markings.

This grey massing approach helps focus my attention (and hopefully yours) on the layer of information about income by neighborhood. This information IS in color. It is added as a layer on top of the map without obscuring the map. They’ve used a modified bar graph layout in which information is embedded in the x-axis itself. The y-axis is implied – that’s just fine here.

And it’s interactive. In a good way.

From a technical perspective, this site makes good use of Flash. It loads quickly and is responsive. Once a neighborhood is selected the bar graphs realign themselves with colored blocks flying in from cyberspace to construct the balance of income for that neighborhood. Note that this is enough movement to make the whole experience a little exciting, a little sparkly but it doesn’t take so long to load or run that you’ve lost interest before you’ve gotten through it.

Layers.

It is my pedagogical opinion that the best graphics encourage the viewer to formulate a question which is then answered. In this case, what we see first is a neighborhood map. The viewer has to pick a neighborhood before any of the juicy data is revealed. This is great. Now, say, we’ve picked the Upper East Side and we see a towering skyscraper-like bar graph way over in the “High Income” department. Our next step can either be to compare to nearby neighborhoods, by clicking on East Harlem to the north, or to add the information about housing prices. The title is “What is affordable housing?” so clearly this is what the designers hope you’ll do. But they aren’t so impatient about it that they try to incorporate it into the first splash page.

References

Center for Urban Pedagogy. (fall 2009) Envisioning Development project. New York.

What Works

Think about what this graphic could have been: basically just a line graph showing growth over time. Now look at it again. The little flags point out cnn.com’s busiest days and remind you what was happening on those days – Obama’s inauguration, the September 11th attacks, various other political happenings. Even if this graphic weren’t labeled ‘cnn.com’ I bet you would have been able to predict it was a news site just by looking at which days it had the most hits.

Other things to like: the little graph at the top showing global internet use to remind us that the growth of page views per day could largely be a function of the growing number of people who have access to the internet rather than an inherent growth in popularity of cnn.com. Of course, the little bitty bar graph isn’t big enough to see if there is a difference in the growth rate in access to the internet overall and the growth rate in page hits at cnn.com.

Mirroring the trend over the x axis is a brilliant move here. On top, we see the page views per day averaged over the week in red and the annual weekly average. This allows them to go granular with their highest hit days and also give a trend line that smooths over the outliers. Nice. And on the bottom, then, they can show basically the same trendline broken into content areas. So if you’re a skeptic and you think all this growth is probably in entertainment because folks are just nitwits feasting on celebrity-ism, well, you can see that the home page gets by far more traffic than the entertainment page. It’s possible that the nitwit theory holds, but folks aren’t turning to cnn for juicy gossip. We can also see that video takes off and politics has more page views in election years.

And on Christmas, the number of people ignoring cnn peaks.

From Feltron, the graphic’s designer, the best thing about the narrative depicted by this graphic is the trust we all put in the internet as a reliable source of news after 11 September. “Ultimately, I think the most fascinating story here is the change in our news habits after September 11, 2001. After this day, a new and higher baseline for visits to the site is established, and the inference is that this event really established CNN.com and the greater Internet as a reliable, timely and indispensable source for news.”

What needs work

This is a sophisticated, well developed graphic that basically needs no work.

But…

The text is too small to read. Of course, it’s virtually impossible to create a graphic with this much detail that is elegant and uncluttered with text that fits in 800 x 800 pixels, or thereabouts. For folks who happened to have the ever widening monitors, it would have been nice to link to a ginormous version. I bet feltron has a larger version since I’m not sure how he would have been able to convince himself that some of the smallest text was legible otherwise.

References

Feltron (2009, 11 November) cnn.com traffic graphic on Feltron’s blog at tumblr.com.

What works

I never thought of a fuzzy halo-like hairstyle as an exploded pie chart before. Mostly, I just saw this and it made me smile. Recall from my earlier post Translating inspiration into better design that seeing something which you believe to be beautiful or clever can be a springboard for improving your own ability to design elegant information graphics.

What needs work

Clearly, it would be great if this had anything at all to do with social science or research. But it doesn’t. And I’m sure some of my readers are going to be upset that it had anything to do with Mr. Gladwell, but it is unfair to let personal opinions about Malcolm alter the reception of Christopher Niemann’s graphic.

References

Pinker, Stephen. (2009, 15 November) “Malcolm Gladwell, Eclectic Detective” [book review for “What the dog saw”] New York Times, Sunday Book Review.

Niemann, Christopher. (2009, 15 November) Illustration for Stephen Pinker’s review of Malcolm Gladwell’s book “What the Dog Saw”

What needs work

These graphs are meant to illustrate voter apathy by age group.

Jay Livingston, blogger at Montclair socioblog, points out that comparisons between age groups would be far easier if all the age groups appeared on one graph. I agree.

I would also point out that I’m curious about whether it is strictly age or a cohort effect that is really at the heart of the question about who votes. In order to answer that by using infographics, I might have looked at voting rates within cohorts over time (so graph the baby boomers voting rates as they age and so forth).

One picky little detail: when making graphs that have to do with voting, it’s probably best to assume many people will see red and blue and think Republican and Democrat. I would have preferred any other colors, just to avoid confusion.

The bigger problem

Folks, leave your computer alone for a minute and vote.

References

Blow, Charles. (2009, 14 November) “The Passion of the Right” op-ed in the New York Times.

Why?

Because it’s funny.

References

Landon W. Schurtz. PhD Candidate. University of Oklahoma – Department of Philosophy.

Office bathroom semi-public bathroom

Stadium/Airport public bathroom

A better public bathroom

One of the reason this blog has been quiet recently is that I have been busy with too many projects, one of which is just finishing up now. It’s a book about the politics and social life of public bathrooms that I am co-editing with Harvey Molotch and will come out maybe next fall with NYU Press. In the concluding chapter, in a practice uncharacteristic of sociologists, Harvey and I suggest a design solution to a social problem in the form of the schematics you see above.

Here’s the context that you would have gotten had you read the book:

1. There aren’t enough public bathrooms and access to safe, clean places to go often operates to sort out the undesirables and, thus, make them even more undesirable as they are faced with the nowhere-to-go situation.

2. Public bathrooms heighten fears of the Other via their association with waste and dirt (ala Mary Douglas). Electronic fixtures have been installed to alleviate the frisson of coming up against other people’s private moments, past and present (in the stall next to you). But electronic fixtures can be quite frustrating and controlling, especially if you are doing something out of the ordinary like trying to brush your teeth.

3. People who don’t conform to traditional gender norms are not well-served by the bathroom binary. A person got kicked out of a restroom for using the woman’s room when she didn’t appear to be feminine enough. Her attempt to prove that she now identified and had always identified as female was dismissed.

4. The assumption that visiting the restroom is an act undertaken by individuals is faulty. Pairs and groups go, too. People with disabilities might need to take a helper in with them and that helper may very well be of the opposite sex. Parents with young children have all sorts of difficulty. When their kids are babies, where does the stroller go? When they get to be tots, are they going to crawl under the stalls or sit on floors of dubious cleanliness while mom/dad uses the toilet? When they get to be old enough to know the difference between boys and girls but not old enough for mom/dad to feel comfortable letting them use the public restroom alone, what can be done?

5. Architects and regulatory boards often do not have the time or the desire to rethink the design of the bathroom. Offering up a schematic plan is a step towards closing the gap between social science research and the physical world under construction.

Our solution is to make bathrooms unisex. Rather than tuck each individual into a small room completely sealed off from other bathroom users, we maintained the shared space. There’s a lot to learn about navigating taboos in the bathroom, and sorting people into their own private rooms would eliminate those opportunities altogether. On top of the primary concern that sharing the anxious space of the public restroom is a socially productive situation, there’s also the problem that most buildings don’t have enough space for as many private stalls as would be required by law.

We’ve kept urinals because they are so much more environmentally sound than toilets. But they’re tucked away so that men will keep their privacy and women won’t be confronted with the potential site of a penis out of pants.

We’ve turned sinks and toilets into mechanisms operated with foot pedals. Women kick to flush anyways; putting the pedal on the floor makes it a whole lot more accessible and thus, safer.

We’ve suggested that prams and bikes and luggage are part of everyday life and they need a place to be. In the large public restroom, they are parked near an attendant’s area. In the office-scale version, there is a parking nook next to the hand dryers, outside the general circulation route and also outside the typical lines of sight to help prevent theft.

The question

What do you think of our attempt to solve social problems by design? Should we stick to sociology and leave the designing to the architects and planners? Or, is it helpful to see – in plan – how all of the bathroom difficulties from diverse user groups can sit more comfortably together in space?

Are these plans convincing as communication tools? As pieces of graphic design, what else could be done? (color isn’t an option)

*Update: Sociological Images has videos from Ways of Seeing*

What works

John Berger’s “Ways of Seeing” is a series of 7 essays, three of which are composed of visuals only, collected into a short book. They are based on a BBC television series.

He starts the first essay:

“Seeing comes before words. The child looks and recognizes before it can speak. But there is also another sense in which seeing comes before words. It is seeing which establishes our place in the surrounding world; we explain that world with words, but words can never undo the fact that we are surrounded by it. The relation between what we see and what we know is never settled. Each evening we see the sun set. We know that the earth is turning away from it. Yet the knowledge, the explanation, never quite fits the sight.”

In one of the essays about the female nude he goes on to develop how power has been embedded in the relationship between seeing and being seen. This sort of exposition on the female nude is common in art history but made especially accessible in Berger’s short essay collection. Using Vanity by Hans Memling (above) as an example, he writes: “The mirror was often used as a symbol of the vanity of woman. The moralizing, however, was mostly hypocritical. You painted a naked woman because you enjoyed looking at her, you put a mirror in her hand and you called the painting Vanity, thus morally condemning the woman whose nakedness you had depicted for your own pleasure.”

References

Berger, John. (1972) Ways of Seeing [essay collection] London: BBC and Penguin Books.

What works

The top graphic makes abstract art out of the concert going experience – and it’s funny, too. It’s a translation of an experience into a visual in an unexpected way, something that Andrew Kuo is now widely known for, at least when it comes to music.

The bottom graphic about band names is a good example of a more standard translation – more and more people like graphics like these because they allow for the communication of relativity. Let me try to explain in words what Kuo so easily explains in his picture. All of these band names have something in common – they’re sort of odd. But some of them are far more odd, or at least they were before we got used to them, than others. Death Cab for Cutie is farther out there than, say, MGMT. I could go through and type out the relative odd-ness of all the band names. But you’re better off just getting the same information in a fraction of the time by looking at Kuo’s graphic.

What needs work

These graphics rely too heavily on the text.

References

Kuo, Andrew. (2009, October 23) “Waiting and Watching The XX at CMJ” [blog post] at New York Times ArtsBeat blog.

Kuo, Andrew. (2008, June 8) “Lollapalooza, 2, 12 August 1992, in Waterloo Village, NJ [as closely as I remember it]” [chart] at New York Times.

What Works

Think about explaining in words: “So you see kids, sharks get confused. They see a surfer and it looks like a seal to them.” Now think about being a little tyke and imagining a surfer and a seal. They don’t look anything alike to you. You wonder if sharks are practically blind or something.

Now think about showing them the first graphic. Instant comprehension. The kids don’t even have to think, they just know. This is graphic design at its best.

As for the second graphic, man, I think everyone loves some Venn diagrams. Such a powerful way to depict the union of two sets. This one is even better than average so I thought I would share it.

What needs work

I might have run these without captions. Errol Morris had a piece, “Photography as a Weapon” about how much captions can change the meaning of an image and ever since I read it, I’ve been looking at images with and without captions to see if it changes the way I think about them.

References

Morris, Errol. (2008, 11 August) “Photography as a Weapon” [blog entry] New York Times Zoom Blog.

Philips, Mason. (2009) Shark graphics for the Discovery Channel’s shark week.

What Works

I love it when I find evidence that someone has taken something not at all visual or even all that hierarchical and turned it into an information graphic. It can be difficult to convince people (and here I mostly mean academic sociologists) that developing information graphics is a critical part of communicating research findings or teaching concepts. Coming across examples like this helps – then again, it’s pretty easy to dismiss this as a silly exercise unrelated to the important work sociologists are doing.

I love the loop on ‘na’ at the end.

Good use of gray scale, too.

What needs work

I am now curious about developing a way to understand how to choose a path. When should Jude ‘make it better’ vs. ‘let her into your heart’?

References

dannygarcia at the blog Danny Garcia.