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 Post09.22.2017—4am
Mexican earthquake: front pages tell the story
Blog Post09.21.2017—1am
Saying adios to The Village Voice in print
Blog Post09.20.2017—1am
Vogue in print: “point of view, attitude”
Blog Post09.19.2017—1am
The Boston Scene
Blog Post09.18.2017—1am
Thoughts on print: still here, still full of surprises, worthy of attention
Blog Post09.15.2017—1am
New report: For publishers, Facebook is no revenue panacea
Blog Post09.14.2017—1am
Smartphones and web traffic: where the action is
Blog Post09.13.2017—1am
Paris Match: a good visit and big plans
Blog Post09.12.2017—1am
Irma: the morning after
Blog Post09.11.2017—3am
Irma: the bad girl on every front page
Blog Post09.08.2017—1am
Type Magazine: the new Roger Black project
Blog Post09.06.2017—1am
Linear storytelling for mobile: a good example
Blog Post09.05.2017—1am
For Le Journal de Montreal: article page acts like home page, sort of
Blog Post09.01.2017—1am
Facebook the new front page?
Blog Post08.31.2017—1am
When it comes to news, “designer labels” can make the difference
Blog Post08.30.2017—1am
Those fabulous print glossy ads
Blog Post08.29.2017—1am
From here and there: what the email basket brings
Blog Post08.28.2017—1am
Why I would show this Times Mag cover to my class
Blog Post08.24.2017—1am
A caricature for the ages
Blog Post08.23.2017—1am
It was the day Americans looked up!
Blog Post08.22.2017—1am
It was all about the solar eclipse of the century
Blog Post08.21.2017—1am
A day without local news? In Minnesota, readers experience it
Blog Post08.18.2017—1am
The good news about print (in the USA)
Blog Post08.17.2017—1am
What’s your lead story right this minute?
Blog Post08.16.2017—1am
Panama’s La Prensa: workshop digital media, day 2
Blog Post08.15.2017—1am
Panama’s La Prensa: digital workshop
Blog Post08.14.2017—1am
Millennials still like their Facebook
Blog Post08.11.2017—1am
All about the Eclipse: the Times nailed it.
Blog Post08.10.2017—1am
It’s the Monocle printed newspaper again
Blog Post08.09.2017—1am
Who pays for news, and who believes the news? Report tells us
Blog Post08.08.2017—1am
Workshops: linear visual storytelling
Blog Post08.07.2017—1am
For newspaper print editions: the power of the headline
Blog Post08.04.2017—1am
Behold the iPad: it’s still part of the media quintet
Blog Post08.03.2017—1am
At the NYTimes: push for customized content moves forward
Blog Post08.02.2017—1am
The Mooch’s quick departure on the front pages
Blog Post08.01.2017—1am
At The New York Times: aggressively pushing digital subscriptions
Blog Post07.31.2017—1am
Thoughts while on vacation
Blog Post07.14.2017—1am
Local newspapers, new digital strategies that work
Blog Post07.13.2017—1am
The Donald Jr. Russian story: It’s somewhere on that front page
Blog Post07.12.2017—1am
Ecuador: where print still dominates
Contact us with speaking requests, questions or to discuss a project.