kottke.org home archives + xml about kottke.org contact me
kottke.org - home of fine hypertext products

Inline audio

Last week, Vanity Fair published an article about the U.S. Air Force's response to 9/11. In writing the article, Michael Bronner makes extensive use of audio tapes from the control room of NORAD's Northeast headquarters and in the online version, you can listen to audio clips of those tapes. As you can see in the screenshot below, not only are the transcripts of the audio part of the main narrative (and not collected elsewhere or put into a separate footnote or sidebar), but the controls for playing the audio clips (PLAY | STOP) are presented inline as well:

Inline audio on Vanity Fair

That's a nice bit of design. No need for a clunky player or to download the clips at the end of the article when two simple text-only inline commands will do. In Beautiful Evidence, Edward Tufte argues for the placement of information in the location where it will do the most good for those attempting to understand the matter at hand, regardless of form:

Evidence is evidence, whether words numbers, images, diagrams, still or moving. It is all information after all. For readers and viewers, the intellectual task remains constant regardless of the particular mode of evidence: to understand and to reason about the materials at hand, and to appraise their quality, relevance, and integrity.

The examples that Tufte cites in the book are all visual and published on paper. This is an instance where web publishing provides for a better way to design for the information at hand than print. (thx to david for kickstarting this post)

More about this page

This entry was published on August 08, 2006 at 06:01 pm.

Tags for this entry:  design  edwardtufte 

kottke.org is a weblog about the liberal arts 2.0 edited by Jason Kottke since March 1998. You can read about me and kottke.org here. If you've got questions, concerns, or an interesting link for me, send them along. Here's the kottke.org RSS feed kottke.org RSS feed.

Advertisement

dot dot dot

Advertise on kottke.org via The Deck.

Looking for work? Tags, tags, tags!

Many posts on kottke.org have been "tagged" with keywords, which activity results in collections of related posts like sports, infoviz, or bestof.

Recently popular tags (last 3 weeks)

2008election   barackobama   video   movies   politics   photography   design   books   nyc   maps   music   lists   food   architecture   tv

All-time popular tags

movies   photography   books   nyc   science   food   lists   design   business   sports   video   weblogs   music   bestof   art

Some of my favorite tags

photography   economics   lists   bestof   infoviz   food   nyc   firstworldproblems   cities   restaurants   video   timelapse   interviews   language   maps   fashion   nsfw   remix  

Random tags

sunshine   prison   cities   barcade   marypoppins   lifeafterpeople   realestate   cars   fundraising   hosseinderakhshan   fridakahlo   sony   pentagram   movies   im

kottke.org

You're visiting kottke.org. All content by Jason Kottke (contact me) unless otherwise noted, with some restrictions on its use. Good luck will come to those who dig around in the archives. If you've reached this point by accident, I suggest panic. In memory of DFW, rest in peace. Thanks for everything.