Archive for category mental map
Infographics: FiveThirtyEight’s Senate Map
Posted by jasonwong in clutter, data visualization, mental map on January 1st, 2009
FiveThirtyEight.com is a political site that was incredibly useful during the 2008 US Elections for its incredible number crunching, statistical models, and data displays. Now, with the election over, the site is planning on introducing information about votes in the Senate.
The question that FiveThirtyEight is trying to tackle is how best to display the information. In my opinion, there are several important pieces of information for each data point (each Senator):
- How they voted
- What party they belong to
- Where they are from
FiveThirtyEight has four different versions they are testing, and they can be seen here. An example is posted below.

A couple of things jump to mind immediately.
First, the distorted map is interesting. Every state is given two squares instead of using an actual geographical map of the US. This keeps states that are near each other close, but it can be difficult to find one specific state because this map is not immediately familiar. I think it’s kind of odd.
Secondly, there are two Senators from every state, which is a difficult thing to show. The solution of giving each senator a square so each state is two squares is not bad, but it is not especially intrinsically informative.
Finally, it is interesting that some maps throw out “Nay” information. For example, in Version A, Nay votes are crossed out, but the state name virtually blends in with the background so you cannot identify the state from which someone voted Nay. Similarly, Version D removes a majority of color information from the Nay votes, turning the square primarily black and putting the state name in the party color.
The question that should be asked is simple: what information needs to be immediately understood? The answer may very well differ. In some cases, if the vote is across party lines, the Yays and Nays should quickly indicate party affiliation. If it’s a more regional issue, then the map should be geographically accurate and filled in using similar color blocks.
As long as all the information is present, it may be worth considering using different maps or coloring schemes depending on the point that needs to be gotten across. It seems like there is simply too much information to be conveyed that any important points can be instantly seen. Instead, these maps appear as a graphical jumble that will likely be difficult to interpret.
Hard vs. Soft buttons
Posted by jasonwong in clutter, mental map, physical ergonomics on February 17th, 2008
Our world is surrounded by buttons and dials with permanent labels. They are labeled with numbers, letters, symbols, and words, telling us what will happen if we push them. There is no better example than with remote controls.
The problem is that complex devices contain many functions. Remote controls then become button behemoths that require squinting and searching through a ridiculous amount of clutter to find the single button you want. Too much clutter leads to long visual search times and frustrated technology users.
So how do you make it easier to access a variety of functions without presenting too many choices at once? A great example that isn’t often thought about is that of the menus in a computer interface. The large number of functions are organized (and hidden) under larger category titles. Remotes attempt to mimic this by at least organizing similar functions together. For example, Play, Pause, and Stop all tend to cluster together.
![]() ![]() |
The one hardware requirement for something like menus is a screen. You can create buttons of any size or shape at any time, leading to a dynamic display, similar to opening menus on a computer. This philosophy is taken by several products, including the iPhone and a universal remote, the Logitech Harmony 1000. By not having (many) dedicated hardware buttons, the user interface becomes infinitely flexible, allowing for more creativity to get at a multitude of functions. |
One unexpected, interesting, and downright sensible complaint, however, is the lack of tactile feedback by pressing on a screen. Users don’t actually know if they’ve pressed the button or not. The iPhone, for example, displays an on-screen keyboard, and users have complained about how hard it is to type on a keyboard like that. Other devices, such as the BlackBerry or Palm Treos, have a dedicated hardware keyboard. While this leaves less screen space for the device itself, users love being able to quickly hammer out messages.
![]() |
The BlackBerry may offer the proper compromise: have some dedicated hardware buttons for commonly used features, but have a touchscreen that can hide away other features and provide the dynamic interface that is so often called for. In terms of remotes, the Logitech Harmony One may do the trick: a number pad to change channels, video controls, and a directional pad. Buttons that are common to many electronic devices, and then a touch screen to take care of the rest. |




