Edward Tufte on the iPhone Interface

Posted by Dashboard Spy | Data Visualization | Monday 13 October 2008 10:10 am

The iPhone interface offers advances in information resolution. It “elegantly solves the design problem of small screens by greatly intensifying the information resolution of each displayed page. Small screens, as on traditional cell phones, show very little information per screen, which in turn leads to deep hierarchies of stacked-up thin information – too often leaving users with “Where am I?” puzzles.”

Edward Tufte walks us through how the iPhone accomplishes this in his post and video published earlier this year titled “iPhone Interface Design”.

His basic message is that the Apple iPhone has great value as an interface because of the higher information resolution available to the end user. Computer information debris reduces information visualization resolution and steals content space away from the user. Edward Tufte lauds Apple’s approach of having the controls go away leaving the user to control the information right off the page by tapping and swiping.

When you visit the page, you’ll find that a large video will load. It’s worth the wait. Here are some screen captures from the video.

This screenshot shows an image on Edward Tufte’s iPhone gallery. It is an image with sparklines. Click on the image to enlarge it for more detail.

Edward Tufte shows an image of sparkline charts on his iPhone

Edward Tufte shows an image of sparkline charts on his iPhone

In this screen capture, you can see Edward Tufte’s finger as he swipes the screen to move the image.

Edward Tufte moves the iphone image of sparklines

Edward Tufte moves the iphone image of sparklines

Here is the stock market page from the iPhone. Note the level of the Dow Jones!

Stock Market Page on the Apple iPhone

Stock Market Page on the Apple iPhone

Here is an updated screenshot from the Dashboard Spy’s iPhone:

Screenshot from The Dashboard Spy's iPhone

Screenshot from The Dashboard Spy's iPhone

Don’t be fooled by all the green. Stocks are bouncing off their lows from the other day when the Dow Jones went below 8000!

Data Visualization: Voting Down the Bailout

Posted by Dashboard Spy | Data Visualization | Friday 3 October 2008 2:12 pm

Use of color is the key to this data visualization. Take a close look and you’ll realize that the gray color indicates a “yes” vote. It shows not only who voted “nay” on the $700 billion financial bailout plan, but also shows the breakdown between the Republican and Democratic representatives.

This information graphic appeared on nytimes.com. View it at this link: The No Votes – Details on the House of Representatives Bailout Vote.

Click on the image below to enlarge the information visualization graphic:

New York Times Info Graphic: The No Votes - House of Representatives Rejects $700 Billion Bailout

New York Times Info Graphic: The No Votes - House of Representatives Rejects $700 Billion Bailout