Innies and Outies – Map Sidebars
This morning MapQuest launched their US support of OpenStreetMap at open.mapquest.com. In playing with the interface, I noticed how MapQuest added a tab at some point for showing and hiding the sidebar of search results and other associated design choices and differences.
MapQuest uses an “Outie” tab (highlighted in the screenshot below). The design choice was clearly to make it very explicit for users to show and hide the sidebar as it protrudes into the map interface. The pan and zoom controls are on the right-hand side, so when you toggle the sidebar, the controls stay in the same location. Another interesting aspect is how the map resizes. In MapQuest, the same geographic center and extents remain in the screen center – so as the sidebar closes the map shifts to the left and expands slightly.
Curious about how this varies, I checked in Google Maps. They chose to be much more subtle about their sidebar toggle. It is an “innie” that is subtly hidden within the header. Closing the sidebar turns the selection to an “outie”, but still remains out of the way in the header. A particularly interesting decision is that the map remains in the same location – so the zoom pan controls move but new areas of the map are exposed. So while the user doesn’t have a context shift (points on the map remain in the same area of the screen) the map now needs to be recentered so that the focus area can be kept in the center.
Lastly, looking at Bing maps it’s a bit of a hybrid between the two. The sidebar tab is in the header like Google, but hiding the sidebar re-centers the map like MapQuest. The controls in Bing are in the header, so they don’t need to shift when the sidebar is toggled. What’s perhaps a little confusing is there is also an “X” close button next to the sidebar tab that clears the search results. It’s not really clear why you would want to clear results – and instead there should be an option to go back to the “table of contents” or similar concept that shows simple links for directions and more.
Much like the emergence of Pan-Zoom bars have become the defacto standard in web mapping interfaces – the sidebar has also become nearly ubiquitous. So it’s interesting to see the slight variations as interaction designers experiment with what users will find easy to understand.






I was lucky enough to be invited to enjoy the US 2008 election night at NPR main headquarters in Washington, DC.



My name is