Monday, February 23, 2015

Interactive layers in Flash

We are examining more interfaces for map animations and visualizations. It is a complex interplay of legibility and intuitiveness versus graphic design and screen real estate. It is paramount that the user can quickly and correctly figure out what they can do (don't assume your audience is all that computer savvy). But do think creatively with regard to your topic and design theme. 

The other main component this week is learning a new approach for visualizing complex data -- the "faux-GIS." This is a layering technique where a static map image is overlaid with a variety of pre-made maps of the same geographic location. The user is given the ability to control the viewing of the maps (which layers to see and how many to overlap), but the maps themselves are all pre-made. The challenge of this visualization approach is to produce multiple maps that retain legibility when layered together (as if looking through a stack of overhead transparencies). Simplicity is key. It is possible to retain detailed info, but you have to think carefully.

Below are some examples of this layering approach:
Here is one on Sudan by the Washington Post which is very nice.
And Iraq animation has layers in addition to temporal content (could inspire a final project)
National Geographic's Antarctica map
Forbe's American Migration
NYT's Jobless rate (2009) -- a graph instead of a map

Two other interesting maps (different styles):
2008 Campaign Finance Tracker has a variety of ways to search through the data.

No comments:

Post a Comment