Twitter  Study from Newspaper Association of America finds papers engage readers more effectively than other media. nie.mn/XENPs3  
Nieman Journalism Lab
Pushing to the future of journalism — A project of the Nieman Foundation at Harvard

The Lab’s new look: A quick tour of our new redesign

A more open, magazine-like look, with more room for customization — plus the debut of Fuego, our heat-seeking Twitter bot.

You’ll notice we’ve got a new look here at the Nieman Journalism Lab today. We’re coming up on our third anniversary — we launched October 27, 2008 — and other than a few tweaks, we’ve had the same design ever since. So it felt like time to freshen things up a bit. A few of the highlights:

The new front page

We finally took the step away from traditional blog format — our last 15 articles, all in a row — toward something a little more magazine-y. That new slot on the top left of the front page allows us to have fresh featured art every day.

You’ll see that we now include a yellow highlight above articles that have been particularly popular on Twitter, noting how many hundreds of tweets they’ve generated. And the freshest pieces get a green tag above their headlines.

Below Fuego (more about that in a sec), you’ll also find the most recent pieces from our three Nieman siblings, Nieman Reports, Nieman Storyboard, and Nieman Watchdog, each of which tackles its own sector of contemporary journalism.

Fuego

The big new feature on the front page is Fuego. Why Fuego? You may remember that in May we launched Encyclo, our encyclopedia of the future of news, which features profiles of the most important players in journalism’s evolution. Well, if Encyclo is all about context and background, Fuego is all about right now — what people in our field are talking about at this very instant.

Every hour, Fuego searches through thousands of Twitter accounts related to the future of news, sees what links people are sharing and talking about, does a little math to favor fresh stories, and spits out the 10 links that are getting the most attention, with sample tweets for each. It’s like spending your day reading Twitter — but without having to actually spend your day reading Twitter.

We took a ton of inspiration from earlier efforts in the field, most notably the great Hourly Press, but the coding credit here goes to our Andrew Phelps, who spent many hours wrestling with PHP caching and the Twitter API to bring Fuego into being. We’ll have more Fuego-related stuff to tell you about soon, but in the meantime, come back to our homepage a few times through the day and you’ll get a quick dose of the top stories of the day among your peers. (Click the black arrow at right to scroll through all 10.)

Article pages

The new article pages are a lot more open and spacious (compare, old vs. new), and hopefully a little bolder. The sidebar is no longer a monolith — it can change from page to page and story to story. Plus we have many more options on the backend to have unique layouts for unique stories when it’s called for.

Get Nieman Lab in your inbox
Sign up for our daily email and get all the freshest future-of-journalism news.
On longer, more essay-ish pieces, we can do things like section breaks, pullquotes, subheads, and dropcaps in a more typographically appealing way. There are a couple more sharing tools, for those of you who go beyond Twitter and Facebook. And now columns and regular stories get different looks, fixing one of my biggest complaints about the old design.

There are lots of other little changes you might notice — search results can be sorted by date or relevance, author and tag pages pull thumbnails from stories, and a lot more. We’re not done — there’s more new stuff to come in the coming weeks, and we’ll keep tweaking what you see now as we live with it. Hope you like it.

                                   
What to read next
aereo
Mark Coddington    April 12, 2013
Plus: BuzzFeed’s native advertising model, protecting anonymous sources at Fox News, and the rest of the week’s news about the future of news.
  • http://jwarren.co.uk Jonathan Warren

    I like it, but all uppercase on tags is yucky and pullquotes floated to the left flow off the page on smaller browser windows.

  • http://twitter.com/martinhoffmann Martin Hoffmann

    Congratulations from Germany, the new Nieman Lab looks really stunning to me! Very well done. Only one small question: Is there any way to get the Fuego-links as a RSS-Feed? Would be so useful! Thanks for your help – and keep up the good work.

  • http://twitter.com/laheadle Lyn Headley

    This looks really great.  I’m glad to see you moving away from reverse chronological to something that gives the reader more clues about what to look at and why.

  • http://www.macslocum.com Mac Slocum

    I dig the new look! Lots of lovely whitespace. And while I know subheads/excerpts are a pain, they really are useful.

  • http://www.facebook.com/martin.langeveld Martin Langeveld

    The “look” is nice, but can I be contrarian? I liked reverse chron. I could easily scan back to wherever I left off. Now, I have to go to Archives even to read some of yesterday’s stuff. I was looking for two recent installments of “Links on Twitter” — none of them were on the front page; searching with or without quotes failed to bring them up, and in Archives it’s three clicks deep. Also, on page one there are no dates. Some stories have a green box showing elapsed time, but others don’t, so I have no idea how recent those things are. Dates would be preferable, on all items. Could you at least keep the iPhone app chronological?   

  • http://www.niemanlab.org/ Joshua Benton

    Thanks for the reminder re: left pullquotes — I’d actually fixed that on mobile devices, but something I did over the weekend broke it again. I’ll fix that.

  • http://www.niemanlab.org/ Joshua Benton

    There’ll be lots of good Fuego-related stuff in the coming days/weeks, and yes, we’ll have both an RSS feed and a couple of dedicated views to Fuego, both real-time and archival. Stay tuned!

  • http://www.niemanlab.org/ Joshua Benton

    Hey Mac, thanks! Yeah, we’d been manually doing excerpts for our daily email newsletter, but switching the mental model from excerpts to decks (that is, from summarizing/taking a chunk of the lede to making it something more valuable/complementary to the headline) makes it more valuable, I think. I just added Deck as a new custom field in WordPress.

  • http://www.niemanlab.org/ Joshua Benton

    Hey Martin — the specific issue you mention, looking for older Links on Twitter posts, will go away soon as the Links on Twitter posts get replaced with something better. Was hoping to have that ready for launch but didn’t — look for it in the next week or two. Everything on the front page actually is in reverse chronological order, with the exception of the featured-art slot on the top left — everything else is in order (most recent middle column top, then flowing down that col, then the right col, then to the cols below Fuego).

    While you do lose something by not going bloggy and having the big excerpts we had on the old design, the downside of that is that a post a day old would be something like 3-4-5 screenfuls down the page as other stuff got pushed in on top of it. (Some of it stuff like Links on Twitter, which was always kind of awkwardly shoveled in — I hated it that a LoT post would be the top thing on the site through every evening/night and all weekend, just because it was the last thing we posted during the day.)

    (FYI, re: the green bars, they’re on posts less than 24 hours old.)

    You may not have found the LoT posts via search because the default now is sort-by-relevance, not sort-by-date (which is the WordPress default). You can choose sort-by-date by clicking the button at the top of search results. 

    Basically, part of my thinking was to deemphasize chronology on the front page because so many of the people for whom that would matter a lot follow us on Twitter or subscribe to our daily email or pull our RSS — they’ve got their own delivery mechanism set up. We get so much of our traffic through those channels (only ~8-10% of visits start at the homepage) that I wanted to see if we could please a different/complementary audience with a more magazine-y, skimmable approach. We’ll see!

    Actually, just for you (and others like you!), I just whipped up Nieman Lab Wire, a Times Wire-inspired reverse-chron page:

    http://www.niemanlab.org/wire/

  • http://twitter.com/rreibstein Reed Reibstein

    Really like the new design, especially the Twitter highlights. My one gripe is with the logo — the letterspacing is very uneven. Maybe this was also an issue with the logo on the previous site and I didn’t notice, but the distance between the “a” and “b” in “Lab” definitely grew since then.

  • http://www.facebook.com/martin.langeveld Martin Langeveld

    I do use RSS via Google reader, but the Nieman Wire is nice! Thanks!

  • http://www.facebook.com/martin.langeveld Martin Langeveld

    I do use RSS via Google reader, but the Nieman Wire is nice! Thanks!

  • http://www.niemanlab.org/ Joshua Benton

    Good eye! Old: http://www.niemanlab.org/layout/nieman_flag.gif New: http://www.niemanlab.org/wordpress/wp-content/themes/Labby/resources/newfront-niemanlab-biglogo.png Not sure how that happened — I thought both were prepared the same way in PS, but I’ll check it out.

  • http://www.niemanlab.org/ Joshua Benton

    Fixed! Tweaked the J/o and the a/b the most — you can compare the difference:

    http://www.niemanlab.org/wordpress/wp-content/themes/Labby/resources/niemanlab-logo-kerning-compare.png

    (Top is old, bottom is new.)

  • http://www.facebook.com/martin.langeveld Martin Langeveld

    To note an offsite discussion of this topic:
    http://metatalk.metafilter.com/20934/Accessibility-vs-access
    wherein Josh Benton appears as “crabwalk”.

  • Pingback: Redesign Showcase August 2011 « The GG Blog | Design, Software, Gadgets blog

  • Anonymous