The New York Times' coverage of its new online application for reading articles, called Times Reader, displayed in the application. (Courtesy of Nick Thuesen, Binary Devign.)

Web

The Times Emulates Print on the Web

Microsoft and The New York Times have unveiled software that preserves the print edition's design online.

  • Tuesday, May 2, 2006
  • By Wade Roush

The Web has fostered an explosion of new ideas about information design -- the art of arranging text, graphics, and data to make reading more pleasurable or advertising more diverting. Not all of these ideas have been good ones, as anyone who has been assaulted by blinking pop-up ads knows.

But the newest feature of Microsoft's next-generation Vista operating system, due in 2007, attempts to clean up the Web, restoring some of the best principles of graphic design from the pre-Internet era. On April 28 Microsoft and The New York Times Company unveiled a prototype of the Times Reader, a browser-like program that gives New York Times designers the ability to more closely reproduce the newspaper's distinctive look and feel on a computer screen, regardless of the screen's size or format.

The software takes advantage of WinFX, a completely new system for rendering user-interface graphics that Microsoft is developing for Vista. It's distinct from the Times' recently redesigned website, but the Reader nevertheless has many of the features of a Web browser, including hyperlinks, navigation buttons, and a search function. It's also designed to stockpile content for offline reading and to make it easy to annotate, e-mail, or blog about the stories displayed.

[Click here for images from the Times Reader.]

Advertisement

"We are trying to make a product, a news experience, that more fully engages our readers, that allows them to want to spend more time with us," said New York Times publisher Arthur Sulzberger Jr. at last week's conference of the American Society of Newspaper Editors, where the announcement was made. "We must be platform agnostic....We must follow readers where they want to be."

The design of a newspaper is an indelible part of its identity, and while the New York Times, long known as "the Gray Lady," added color in 1997, its print edition is still distinguished by a somber, restrained design and dignified serif typeface for text (Imperial), which are perhaps the most recognizable in the newspaper industry. And the Times' website has sought to mimic that flavor, most recently with a redesign that uses serif fonts, and which is intended to take advantage of larger computer monitors. But with the advent of the Times Reader, the paper's online version will bear a much greater resemblance to its print product.

And, indeed, print designers argue that the old-fashioned print newspaper boasts one of our culture's most elegant and highly evolved user interfaces. A newspaper's narrow columns, for example, make it easy to scan an entire story. Text is usually placed on a consistent "grid" that guides the eye horizontally and vertically. And varying type sizes, along with the placement of stories, headlines, and graphics, convey each story's relative importance.

The Times Reader recreates those aids to understanding using Microsoft's new Windows Presentation Foundation (WPF) and other WinFX tools intended to make Vista visually richer than Windows XP. One of WPF's key features is the ability to make documents "reflow" and auto-hyphenate, so that multi-column formats are retained even when a user resizes the Reader window. "Basically, designers from the print world are able to regain the control over their content they lost when content started to gravitate to the Web," writes Nick Thuesen, a Microsoft programmer who publishes a personal blog about his work on WPF.

Print

Close Comments

To comment, please sign in or register

Forgot my password

Guest (t)

  • 2114 Days Ago
  • 05/02/2006

Good Morning, stupid Microsoft: What about including 'real' CSS in IE Browser?

Then there would be no need for any screenreader to be consistent with and in control of your design...
Even PDA's can cope with standard CSS, so support it.

Reply

Guest (Sarb)

  • 2114 Days Ago
  • 05/02/2006

Stupid Microsoft

Yes but CSS is owned by Microsoft, and there may seem to be little milage in it as there can be no new "Isn't Microsoft Technology so Good" let's get Vista!

Reply

Guest (Paul N.)

  • 2114 Days Ago
  • 05/02/2006

Microsoft owns CSS -- NOT!

No, Microsoft does not own CSS (Cascading Style Sheets) -- neither in the sense of owning intellectual property nor in the sense of embracing the technology.  The CSS specification is at w3c.org, not microsoft.com.  Even Microsoft's too-little, too-late effort IE7 will not bring their browser up to community standards.

Reply

Guest (pandy)

  • 2068 Days Ago
  • 06/17/2006

Think again!

http://patft.uspto.gov/netacgi/nph-Parser?Sect1=PTO1&Sect2=HITOFF&d=PALL&p=1&u=%2Fnetahtml%2FPTO%2Fsrchnum.htm&r=1&f=G&l=50&s1=5,860,073.PN.&OS=PN/5,860,073&RS=PN/5,860,073

http://www.w3.org/Style/CSS/Disclosures

Reply

Guest (Mark Freeman)

  • 2114 Days Ago
  • 05/02/2006

Great website for newspapers

Through my public library I can access over 200 papers from around the world on the day that they are publish and see them in their orignial format.

Great website and interface - not sure how far you can go without a membership but check it out...

http://www.pressdisplay.com/pressdisplay/viewer.aspx

Reply

Guest (Donald Ravey)

  • 2114 Days Ago
  • 05/02/2006

The jury is out

My first reaction is like the first one, about CSS.  We already have a platform neutral tool.  It will take some experience with MS's WPF to demonstrate whether it is really a new and better publishing tool, or whether it is just another MS marketing tool.

Reply

Guest (Walter)

  • 2113 Days Ago
  • 05/03/2006

How is this different from Adobe Acrobat?

I'm sure it must have *some* advantage, but until I have a chance to review it, I have to say it doesn't seem to add much beyond Acrobat. (Or plain old CSS).

Reply

Advertisement

Guest (Matt)

  • 2113 Days Ago
  • 05/03/2006

reflow.

This is different if only because it allows for rehyphenation and reflow when the window size changes - which means that the article author/designer doesn't specify hard line breaks - the Reader software does. That lets you target deskbound machines, laptops, cellphones, PDAs, wall-mounted displays and the like, without having to re-create the source material. PDF can't do that.

That said, I wish they'd just release a browser that was CSS compliant.

Reply

Guest (Art Hampton)

  • 2113 Days Ago
  • 05/03/2006

No horizontal scrolling

Acrobat blows chunks. Well, maybe it's just that all the uses I've seen of it suck big time. This is the computer age. We need to be able to easily search through documents, and they should come with comprehensive indexes that let the reader quickly jump to issues that seem of interest. Check out Investors Business Daily for an example of how NOT to do it. The online version is merely a page for page pdf of the paper version. To get around in it you must scroll vertically AND horizontally. No hyperlinks, just really stupid. If it takes a Microsoft to fix this, more power to them. I detest Microsoft, but this really needs to be done.

Reply

Guest (Gerald)

  • 2113 Days Ago
  • 05/03/2006

Acrobat is just a tool

With acrobat file, it is possible to set up an index, as well as a table of contents and other cool little gizmos, but the person creating the file just needs to do a little extra work.  It sounds like the people at that Investors Business Daily wanted to put as little effort into their pdf files as possible, and so came out with a crummy product.

Reply

Guest (Neilo)

  • 2113 Days Ago
  • 05/03/2006

Typical

Add a fisher-price interface and a MS logo.  Stupid people will buy it just because it's "pretty"

Reply

Guest (Roger C.)

  • 2111 Days Ago
  • 05/05/2006

Old hat repackaged

Hate to tell these folks, but this is really old hat. See:

http://epaperdaily.timesofindia.com/

for a fully navigable online representation of a newspaper that's been available for 2+ years to my certain knowledge.

Regards,


Roger C,

Reply

Guest (SK)

  • 2108 Days Ago
  • 05/08/2006

Not sure what the big deal is...

Not sure what the big deal is, indian newspapers like 'TimesOfIndia' had this ability more than 2 years ago. Maybe i'm missing something here..

Reply

Advertisement

MAGAZINE

Can We Build Tomorrow's Breakthroughs?

Manufacturing in the United States is in trouble. That's bad news not just for the country's economy but for the future of innovation.

Videos

A Social-Media Decoder

More

Advertisement

Technology Review Lists

TR50

Our list of the 50 most innovative companies, including the following:

Novomer

Geron

Roche

iRobot

More

Advertisement

Facebook

Advertisement