Sep 152011
 

It can actually happen – a newspaper getting Web design right. Check out the new Bostonglobe.com site that is getting good reviews all around.

Technically, this is not a redesign but a completely different site from boston.com, the Globe’s popular Web site which functions more like a community portal (and the news is buried in classifieds and event listings). The new site is news oriented – a readable newspaper on the Web that doesn’t require an App for a portable device. It’s paywalled (free until September 30), but incorporates a number of innovations that are worth checking out.

Most remarkable is the Responsive Web Design approach by designer Ethan Marcotte where the content on the screen seems to redesign itself in response to its context. For Marcotte, designers have taken false comfort from the increasingly explicit requirements – I need a site for an iPad, it has to render on a Blackberry – that has allowed them to compartmentalize design problems. But with the proliferation of devices, there’s no way to keep up – a “zero sum game” as he puts it – and a better approach is to do one design (and codebase) that renders across all platforms by redesigning itself on the fly.

A good analysis by Joshua Benton of the Neiman Journalism Lab describes it best:

Open up BostonGlobe.com on your computer, then shrink and grow the browser window to various sizes. On any page — most dramatically on the front page and section fronts — you’ll find the content resizing, realigning, and resorting itself as its viewport changes. It’s not just that things grow bigger or smaller — it’s that they change position and form. Shrink the front page and the top navigation — a list of the paper’s sections — collapses into a dropdown menu labeled “Sections.” Listing “News,” “Metro,” “Arts,” and so on makes sense if you’ve got 960 pixels to pay with — not if you’ve got the iPhone’s 320.

The design is clean, though not entirely minimal. Benton does some link counting and in comparing Boston.com to the new site, there are fewer links on the front page (312 to 160) and on the articles page (99 to 41). There’s still marketing but the number of links and the ads decrease significantly on a smaller screen.

Benton is not all praise here and there are a number of questions: will a quality experience attract readers willing to pay or will they stick with Boston.com or go elsewhere? It’s hard to say, but at the moment, it’s refreshing to see a clean, well-designed page by an old media institution.

Boston Globe Front Page

  11 Responses to “Traditional Media And Responsive Web Design”

  1. Pretty component to content. I just stumbled upon your weblog and in accession capital to claim that I acquire actually loved account your blog posts.
    Any way I will be subscribing to your augment or even I achievement you get entry to
    persistently rapidly.

  2. I know this if off topic but I’m looking into
    starting my own blog and was wondering what all is
    needed to get set up? I’m assuming having a blog like yours would cost a pretty penny?
    I’m not very internet savvy so I’m not 100% positive.
    Any tips or advice would be greatly appreciated. Appreciate
    it

  3. What i don’t realize is if truth be told how you are now not really much more neatly-liked
    than you might be now. You are very intelligent.

    You recognize thus significantly on the subject of this topic, produced me personally believe it
    from so many various angles. Its like men and women are not involved until it’s one thing to do with
    Lady gaga! Your individual stuffs great. Always maintain it up!

    Here is my web page: canadian pharmacies shipping usa

  4. I’m very happy to find this site. I wanted to thank you for your time due to this wonderful read!!
    I definitely appreciated every little bit of it and I have
    you book marked to check out new stuff in your site.

    my site – buy cialis online in canada

  5. It’s difficult to find knowledgeable people on this topic, however, you seem like you know what you’re talking
    about! Thanks

    Also visit my page; online pharmacy for cialis

  6. Amazing blog! Do you have any suggestions for aspiring writers?
    I’m planning to start my own website soon but I’m a little lost on everything.

    Would you advise starting with a free platform like WordPress or
    go for a paid option? There are so many choices out there that I’m completely
    confused .. Any recommendations? Thanks a lot!

    Here is my website; canadian pharcharmy

  7. May I simply just say what a comfort to find a person that actually understands what they’re discussing on the internet.
    You definitely understand how to bring an issue to light and
    make it important. More and more people must look at this
    and understand this side of the story. I was surprised you
    are not more popular because you definitely have the gift.

    Also visit my page what is cialis

  8. Heya i’m for the first time here. I came across
    this board and I find It really useful & it helped me out much.
    I hope to give something back and aid others
    like you aided me.

    Here is my website :: northwestpharmacy

  9. Hello, I enjoy reading all of your article post. I like to write a little comment
    to support you.

    Also visit my blog post generic cialis canada online pharmacy

  10. I always spent my half an hour to read this webpage’s articles or reviews
    daily along with a cup of coffee.

    Here is my homepage: cialis canadian pharmacy

  11. Greetings! I’ve been reading your website for a long time now and finally got the bravery
    to go ahead and give you a shout out from Atascocita Tx!
    Just wanted to mention keep up the fantastic work!

    Have a look at my website – mexican pharmacy cialis

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>