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 Post02.21.2017—3am
In Dubai: Gulf News launches Sponsored Content
Blog Post02.20.2017—2am
Newsroom technology survey: important to participate
Blog Post02.17.2017—8am
Trumpian front pages
Blog Post02.16.2017—2am
Ties that bind: storytelling, design, coding
Blog Post02.15.2017—2am
Wanted: A Bring-Back-the-Copy Editors campaign
Blog Post02.14.2017—2am
Trump chaos incites newspaper marketing strategies
Blog Post02.13.2017—2am
In the era of fake news, fake photos?
Blog Post02.10.2017—6pm
The Economist does it again
Blog Post02.08.2017—1am
Voices in the news
Blog Post02.07.2017—2am
The quickly disappearing art of copy editing
Blog Post02.06.2017—2am
Some of my favorite e-mail newsletters
Blog Post02.03.2017—3am
Behold the Apple Watch : it’s still here, going strong
Blog Post02.02.2017—3am
News as a 24-hour event
Blog Post02.01.2017—3am
Visual storytelling innovation: key to progress in 2017
Blog Post01.31.2017—2am
Digital Design Challenge: Those article pages move up front
Blog Post01.30.2017—3am
Pages we like: Spain’s ABC
Blog Post01.27.2017—2am
It’s a new sports printed newspaper in Germany
Blog Post01.26.2017—3am
The new Axios: worthy of a look
Blog Post01.25.2017—3am
Mobile storytelling: fast, furious and simple
Blog Post01.24.2017—2am
New semester, new emphasis on visual storytelling
Blog Post01.23.2017—2am
The role of WED in creating a rich palette of visual storytelling for mobile
Blog Post01.20.2017—3am
Digital storytelling, Part Two: A linear fusion of narrative, imagery
Blog Post01.19.2017—5am
Digital storytelling, Part One: The fusion of writing/editing/design
Blog Post01.18.2017—2am
Designers of all ages: Let’s rethink, reinvent and recharge
Blog Post01.17.2017—2am
Those email newsletters (or briefings) gain importance
Blog Post01.11.2017—6pm
It’s always been about change
Blog Post01.03.2017—2am
Brutalism in web design: hoping it is not a forever trend
Blog Post12.19.2016—3am
Two predictions for journalism in the new year: Virtual Reality and Sponsored Content will thrive
Blog Post12.16.2016—3am
‘Tis the season for good media news
Blog Post12.15.2016—2am
Haptical, virtual reality and subscription service
Blog Post12.14.2016—2am
These media predictions resonate
Blog Post12.13.2016—2am
Austin Design Summit today
Blog Post12.12.2016—3am
In Denmark: great redesign of mobile, website for Politiken
Blog Post12.09.2016—3am
Sponsored content: Getting started (Part Five)
Blog Post12.08.2016—2am
Sponsored content: how much to charge (Part Four)
Blog Post12.07.2016—2am
Sponsored content and the local newspaper (Part Three)
Blog Post12.06.2016—3am
Sponsored content: who produces it? (Part Two)
Blog Post12.05.2016—3am
Sponsored content: the promising new frontier (Part One)
Blog Post11.27.2016—6am
The death of Fidel Castro: how newspapers covered it
Blog Post11.26.2016—11am
Adios to the man who made me a refugee
Contact us with speaking requests, questions or to discuss a project.