Twitter  This Week in Review: Facebook thinks they have the formular for cracking down on clickbait  
Nieman Journalism Lab
Pushing to the future of journalism — A project of the Nieman Foundation at Harvard

Responsive design from another angle: Gizmodo goes widescreen

Gawker Media’s new HD view makes a play for big monitors and a grander stage for video and photos.

Gizmodo, the popular gadget site and pageview king of Gawker Media, debuted a new look last night that they’re calling HD view, and it’s big. Not big in the grand scheme of things — big in the number of pixels it takes up. Whereas most websites top out at around 1000 pixels in width, Gizmodo HD stretches like Plastic Man, with photos and videos stretching wider and wider as the browser window does too. On my 1900-pixel-wide monitor, pages like this one (photo-dominant) and this one (video-dominant) both resize all the way to blowout width. Call it the doublewide approach.

(The screenshot above is obviously less than full size; to see its full, 1920-by-1200-pixel glory, click here.)

This is the flip side of responsive design, the web-design idea that’s recent launch brought to the attention of lots of news execs. In the case of the Globe (and in most other responsive efforts), the primary appeal is the ability to get small — to build a website that can look good both on your laptop and on your smartphone without having to build a separate mobile site. (The Globe’s website expands up to 1230 pixels, but not beyond that.) But responsive design works in the other direction too, and Gizmodo’s new look is an attempt to play with that — to give more space to the big photos and big videos that Gawker Media’s been trying to push over the past year.

At this point, HD view is very much a beta (it won’t work in all browsers, for instance, and there’s no place for comments), and seems more like a parlor trick than a feature. But why might a news organization be interested in a doublewide view? What might be the use cases for an HD view?

  • There’s still a class of user who (a) uses a desktop computer, where monitor sizes once outlandish (24-inch, 27-inch, 30-inch) are becoming more affordable and common, and (b), particularly on Windows, runs browser windows full screen. Those folks are used to seeing a bunch of whitespace to the left and right of their favorite websites, and this could fill them up and build something more immersive. With Gawker Media making bigger investments in video and art, it makes sense to play those as big as the browser will allow.
  • A theme running throughout Gawker’s controversial redesign last year was that it viewed television as both an important competitor and a production-value bar that Gawker Media felt it was approaching. “[W]e increasingly have the scale and production values of — say — cable television,” Nick Denton told us at the time: “[W]e’ll compete for audiences with cable groups such as NBC Universal.” Well, Gizmodo HD fits perfectly into a world where screens are shifting and the television might move from the-place-where-you-watch-Mad-Men to, simply, the biggest and best content-agnostic screen in the house. To be fair, previous attempts to bring the web to big-screen television haven’t borne much fruit. But with everyone expecting an new TV push from Apple in 2012 — and with companies like The Wall Street Journal moving from web video to TV sets — it makes sense for a big online brand like Gawker Media to prepare for that eventuality.
  • Advertisers are always looking for new ways to draw attention, having soured at least a bit on the efficacy of the banner ads. Gawker’s long been willing to push the boundaries with things like sponsored posts and site takeovers. Imagine the greater impact that a site takeover could have when there’s twice as much space to take over?

It’ll probably be a while before the doublewide becomes much more than a novelty, but it’s worth thinking about how a news site might look different if, instead of thinking small (that is, mobile), it thought big.

What to read next
Justin Ellis    Aug. 27, 2014
What separates the successful innovation projects from their peers? Preparing for resistance, being agile about audience, and getting the user experience right.
  • Chris Robinson

    Even though monitors and resolutions are getting larger everyday, I’d like to see the percentage of users that browse with their windows full width. For myself I run three large monitors and hardly find that I stretch windows the full width. So in short this “HD view” sounds great in theory but a 1200px max-width is still the way to fly for now, IMO.

  • Joshua Benton

    Here are the numbers for Nieman Lab readers, who may or may not be representative of others:

    97% of our readers have their browser open at least 744 pixels wide.
    93% at least 968px
    69% at least 1096px
    33% at least 1344px
    24% at least 1384px
    14% at least 1544px
    11% at least 1624px
    6% at least 1824px

    So yeah, it’s still not the most common behavior, and you wouldn’t want to build a fixed design that was over 1K. But it’s not as rare as one might think. I suspect most of the super-wide users are relatively less sophisticated users who are running XP with the browser window auto-maximized to the screen. But I don’t have any evidence for that.

  • Ppk812

    Fast Company’s website are already kind of doing this, have a look at this article the title image scales wide

  • jbmkpbg jbmkpbg

    I have seen fantastic blogs and I have seen not so fantastic
    blogs. This blog is very informative in many ways and certainloy ranks in the
    former category. Really appreciate the information your providing use avid

    Photo Booth Rental

  • Anonymous

    Interesting statistics. I would have assumed that super-wide users are MORE sophisticated users, at least that seems to be the case with my acquaintances: power users like graphic designers on cinema displays, or friends who works from home substituting widescreen tv’s for monitors and tends to be a more technically proficient users.

  • Gibbitz

    so your mobile users are under 7% too.

  • Joshua Benton

    Actually, Google Analytics says 18% mobile. I suspect that’s because Mobile Safari et al fudge on the width they report to the server — so that the entire page appears in the viewport even though it’s only 320px wide. But I don’t really know.