The Mario Blog
09.13.2011—10am
The new Boston Globe website: innovative, functional, sets the pace

TAKEAWAY: Take a look at the new Boston Globe website, worthy of a second and third look by anyone interested in studying what a solid, attractive and informative newspaper website should look like.

TAKEAWAY: Take a look at the new Boston Globe website, worthy of a second and third look by anyone interested in studying what a solid, attractive and informative newspaper website should look like.

Here is the new generation of news websites!

blog post image

blog post image
Typographically: crisp as in print edition, with Miller and Benton interplay

I discovered this wonderfully reinvented (don’t call it a redesign, please, because this is all new!) version of The Boston Globe website while in Copenhagen, sharing the stage with Ethan Marcotte, who was an integral part of remaking it. In fact, his participation here in the New Media Days conference was all about his concept of “responsive web design” and how he applied it to the Globe’s website.

Amazing stuff. Great presentation, and I have asked Ethan for an interview for the blog, coming soon, I hope.

If, as we think, the role of news websites is going to change dramatically as it becomes one more platform in the midst of a media quartet that includes mobile phones, online, print and tablets, then this new BostonGlobe.com offers a glimpse into the stylized, simple but attractive, “give me the headlines and texts that I need to update myself” look and feel that is the direction in which I see news websites moving.

I like the fact that black and white play a key role (saying goodbye to all that overindulgence in blue of the Boston.com), and the typography matches that of the well known printed edition (Miller Headline and Benton Sans) via Webtype .

Go to the article reading page and the story flows in front of your eyes, with photo image, and a good navigator of other headlines in that section. All easy to grasp, surrounded by generous use of white space and a feeling that, although this may be a “lean forward” platform, the leaning is easy, comfortable, and may even invite for a little relaxation as one reads. This is no longer the window of the hardware store that Boston.com is: a million things staring at you.

And that is because now Boston.com and BostonGlobe.com are two different sites, with, obviously, different objectives. And different financial goals. While Boston.com is free, BostonGlobe.com will contain primarily the same stories that run in the newspaper and putting it behind a paywall. BostonGlobe.com will cost $3.99 a week, once a free trial has ended on Oct. 1.

Less is best?

One interesting feature of the new BostonGlobe.com is that there appears to be fewer links taking one in and out of stories.

Perhaps this is the new way of creating information architecture for news websites. Just as printed newspapers “scare” hurried readers when they publish six separate sections Monday thru Friday (readers don’t have the time for this), it is obvious that we are also somewhat overwhelmed with a screen that has has more places to go than a New York Subway System map.

But the BostonGlobe.com website appears to be the first to use design to unclutter the environment of the screen, offer fewer but more substantitve headlines, and remind the reader,in a gentle way, that not everything is important, but that which is has been curated and presented here.

The job of the editor becomes more important—-not to mention more challenging. This is what editing is all about. Perhaps the new BostonGlobe.com will be the example that sets the mode, the one event we will remember as the project that marked the moment, the before and after of how news websites used to be and how they should be.

Here is how a review of the BostonGlobe.com published in the Nieman Journalism Lab put it:

.

…. BostonGlobe.com seems to have chopped out somewhere in the neighborhood of half of the links on its pages. And when you’re a news organization that publishes over 120 items a day, just in the print newspaper, a certain amount of information density is both desirable and unavoidable. But BostonGlobe.com is betting on a quality reading experience over a pageview-wrangling one.

Voilá! In a chaotically hurried world, we need to design media that is informative but paused

Boston.Globe.com is a good start in that direction.

This is probably the most significant new website design in a long time. Make sure to take a look. We hope to complete an interview with Ethan Marcotte in the next few days. Stay tuned.

Hear about the design process from the designers and developers themselves

Upstatement: Beer, Serendipity, and the New BostonGlobe.com
Filament Group: Introducing the new responsive-designed BostonGlobe.com
Ethan Marcotte: The Boston Globe

Of related interest

BostonGlobe.com stories:

– USA: How the Boston Globe built an all-in-one website, Web app and mobile site
http://www.poynter.org/latest-news/media-lab/mobile-media/145623/how-the-boston-globe-built-an-all-in-one-website-web-app-and-mobile-site/

http://www.niemanlab.org/2011/09/four-observations-and-lots-of-questions-on-the-boston-globes-lovely-new-paywalled-site/,

http://www.niemanlab.org/2011/09/will-bostonglobe-com-give-papers-a-blueprint-to-avoid-apples-30-cut/,

http://www.bostonglobe.com/business/2011/09/11/globe-starts-far-ranging-paid-website-for-all-devices/KttpgkRAMc8FlBbsfKcyzN/story.xml,

http://www.bostonglobe.com/business/2011/09/11/globe-starts-far-ranging-paid-website-for-all-devices/KttpgkRAMc8FlBbsfKcyzN/story.xml.

TheMarioBlog post #854
Blog Post05.23.2017—1am
Millennials and their obsession with their phones—publishers, take note!
Blog Post05.22.2017—1am
Spiegel Daily: the German magazine’s new product
Blog Post05.19.2017—1am
Another day, another Trump bombshell for the front pages
Blog Post05.18.2017—1am
From digital to print: another example
Blog Post05.16.2017—6am
Trump bombshell news lands on the front pages
Blog Post—1am
For The Guardian: one contributor at a time
Blog Post05.15.2017—1am
The New York Times banks on kids: never too early!
Blog Post05.12.2017—1am
Good guide to e-newsletters that catch the reader’s attention
Blog Post05.10.2017—2pm
The firing of the FBI Director on Page One
Blog Post—1am
Sarasota Herald Tribune gets new look
Blog Post05.08.2017—8am
The Macron victory in France through the front pages
Blog Post—1am
Tony Awards: And the winner so far…..
Blog Post05.05.2017—1am
And now Dubai has its own font!
Blog Post05.04.2017—7am
The NYTimes’ Sketchbook: great visual solutions
Blog Post05.03.2017—1am
The luxury of paper
Blog Post05.02.2017—1am
Trump: 100 days and the front pages
Blog Post04.28.2017—2am
And now the annual report via Virtual Reality
Blog Post04.27.2017—2am
Digital down market? Yep, it’s the HuffPost’
Blog Post04.26.2017—2am
When digital products transition to print
Blog Post04.24.2017—9pm
Agustin Edwards: Death of a media patriarch
Blog Post04.22.2017—8am
The best designed newspapers in the world
Blog Post04.21.2017—1am
It’s Allium, Cyrus Highsmith’s new font creation
Blog Post04.20.2017—1am
For mobile ads, too, scrolling is the way to go
Blog Post04.19.2017—1am
NYT: Linear, visual storytelling at its best
Blog Post04.18.2017—1am
Gulf News: the evolution of sponsored content in Dubai
Blog Post04.12.2017—1am
Austria: The marketing of a newspaper
Blog Post04.11.2017—1am
NYT: What a difference a continent makes
Blog Post04.10.2017—1am
High school journalists’ investigative work produces results
Blog Post04.07.2017—1am
Some interesting weekend reads: innovation, new products, new numbers
Blog Post04.06.2017—1am
Print can be big, too
Blog Post04.05.2017—2am
The first Spanish-language newspaper for children is here
Blog Post04.04.2017—1am
Design thinking for journalists, why not?
Blog Post04.03.2017—2am
It’s a new look for the Las Vegas Review Journal
Blog Post03.31.2017—2am
Highlights of my webinar
Blog Post03.30.2017—7am
It’s the era of templates
Blog Post03.29.2017—1am
The role of print in my students’ lives
Blog Post03.28.2017—1am
Journalists and cocktail parties: not a happy mojito these days
Blog Post03.27.2017—1am
Financial Times: new look, new campaign (with readers as the main event)
Blog Post03.24.2017—2am
Mobile, news and Latin America: highlights of a conference
Blog Post03.23.2017—1am
For journalism students: learning about linear/visual storytelling
Contact us with speaking requests, questions or to discuss a project.