Navigating Data Quickly and Easily

26Mar07

Infos­thet­ics points out another great UI demo. Moritz Ste­faner, a User Inter­face Design researcher at the Uni­ver­sity of Pots­dam has cre­ated what he calls an ‘Elas­tic List’, which is a way of brows­ing data that has mul­ti­ple facets or parts to it. In this exam­ple, you can quickly located win­ners of any Nobel Prize by zero­ing in on the Prize type, the gen­der of the win­ner, their coun­try, the decade they won the award, and once you’ve nar­rowed down to the decade, the year that they won. In a few clicks I was able to find the two Male Cana­dian win­ners in the 1990s. Not only does this demo have a nice way of show­ing the data (note that the ‘pay dirt’ for a search is pho­tos of the peo­ple you are try­ing to find), but it also has a mar­velous bit of Mac OS X-style ani­ma­tion that shows the lists expand­ing or con­tract­ing as you make choices:

Elastic List - Partial View

It’s done using Flash, but I bet with a lit­tle work it could be done in AJAX.

Besides allow­ing you to zoom in on the data quickly, it encour­ages you to explore it to look for what might be unusual aspects that you might not have known. For instance, I learned that Ger­many has not had a Nobel prize win­ner in Med­i­cine since 1908, which indeed, sur­prised me.

0 Responses to “Navigating Data Quickly and Easily”


  1. No Comments

Leave a Reply


Comment guidelines: No spamming, no profanity, and no flaming. Inappropriate comments will be deleted outright.