Posts Tagged ‘interface’

The 21 Stages of the Tour de France (NY Times)

Tuesday, July 15th, 2008

[Editor’s note: We’re half way thru the Tour de France bicycle race. Catch up the latest news with this New York Times interactive that aggregates Times stories and multimedia about the event by stage (day).Thanks Curt!]

The 95th Tour de France features 180 riders racing 2,212 miles over 23 days. It is a grueling test of endurance and strategy that includes nine mountain stages, two time trials and, undoubtedly, numerous surprises.

Follow the New York Times’s coverage of the race on this map, updated during the Tour with articles, photos and multimedia by clicking on the icons below.

View original interactive here.

ny times tour de france 2008

Interactive by: Jeffrey Marcus, Justin Sablich, Baden Copeland, Jon Huang, Tom Jackson/The New York Times

Interface design and the iPhone (Tufte)

Sunday, June 29th, 2008

From View original. Thanks Curt!

The iPhone platform 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. Better to have users looking over material adjacent in space
rather than stacked in time.

To do so requires increasing the information resolution of the screen by the hardware
(higher resolution screens) and by screen design (eliminating screen-hogging
computer administrative debris, and distributing information adjacent in space).

This video shows some of the resolution-enhancing methods of the iPhone, along
with a few places for improvements in resolution.

(This is a 56mb file; it might take a while to load.
The video is essential to the essay as is the still-land material below.)

… View video … (opens new window with original Tufte post)

In 1994-1995 I [Tufte] designed (while consulting for IBM) screen mock-ups for navigating
through the National Gallery via information kiosks. (The National Gallery had the
good sense not to adopt the proposal.) For several years these screen designs were
handouts in the one-day course in my discussion of interface design, and were then
published in my book Visual Explanations (1997).

The design ideas here include high-resolution touch-screens; minimizing computer
admin debris; spatial distribution of information rather than temporal stacking;
complete integration of text, images, and live video; a flat non-hierarchical
interface; and replacing spacious icons with tight words. The metaphor for the
interface is the information. Thus the iPhone got it mostly right.

Here are pages 146-150 from Visual Explanations (1997):

Continue reading at . . .