design

RECENT POSTS

The Argo approach to software development

This post for MediaShift considers the development philosophies behind Argo:

Part of the mission behind NPR’s Project Argo is to construct a software platform that can maximize the output of a one- or two-person team of reporters. Project Argo is a collaboration between NPR and member stations to strengthen public media’s role in local journalism. As the project has progressed, we’ve realized that we evolved a set of design and development principles that have guided our work throughout.

This is how software invention looks in the era of the framework: Ten years ago, armed with an unstoppable designer/developer combo like Argo’s tech architect, Marc Lavallee, and our designer/front-end developer, Wes Lindamood, we would have built a system from scratch. But almost from the moment our planning for Argo began in early 2010, two things were clear to us: (1) Software such as WordPress, Drupal and Django gave us a great start toward what we wanted to accomplish. (2) No one piece of software would meet all the needs of our bloggers. The bloggers were certain to use tools like Twitter, Flickr, Facebook and Delicious in addition to whatever we used to publish their site. So we set about building a content management ecosystem, integrating a variety of systems into a coherent whole.

Read the rest at MediaShift.

Dark secret of blogging #8: Illustrate everything.

Huffington Post screenshot.

Marinate, for a moment, in the glorious ugliness of the Huffington Post. I’d say that HuffPo’s been more successful than any other news site before it in adapting the sensibility of the tabloid newspaper to the Web. Drudge led the way here, but HuffPo has nearly perfected its imitation of the irresistible pull of those sensational supermarket scandal rags, screaming at you with their blaring, saucy headlines, daring you not to look.

A key element of HuffPo’s success is its use of images. Eyetracking research has consistently shown that people tend to fixate on faces as they scan content online and in print. So as you scroll down any HuffPo section front, you’ll find the page brimming with faces and other compelling images, tugging your attention away from the left-hand column of text towards the grab bag of stories on the right.

You’ll find this emphasis on imagery in most of the highest-trafficked corners of the Web, and it’s no coincidence. Knowing this, we built our Argo sites with a pretty aggressive emphasis on promoting quality visual journalism.

Lest you think a particular subject is too abstract or boring to be well-illustrated, consider the story of Roadguy. Roadguy was Jim Foti, a copy editor colleague of mine at the Minneapolis Star Tribune who spent months telling everyone on the Web staff (including me) that he wanted to start a blog. About Twin Cities transportation and infrastructure.

At the time, StarTribune.com suffered from a glut of blogs. Over the previous few years, you couldn’t sneeze without accidentally starting a Strib blog. Many of these blogs were poorly tended, as you might expect. So the last thing we were looking for was another idea for a blog. I mean, maybe a traffic blog could fly – traffic stories were a reliable source of, er, traffic for the site – but a blog about transportation and infrastructure? Eyes glazed over at the very thought.

A widely-ignored sign, courtesy of Roadguy.

Nonetheless, Jim’s persistence eventually won him a blog. And it turned out Jim had a vision. He’d illustrate the vagaries of Twin Cities transportation policy and infrastructure planning with a steady stream of cameraphone shots of the effects of those policies out in the real world. Regular features such as the Department of Widely-Ignored Signs (see photo at right) brought readers coming back again and again.

Transportation and infrastructure, imagined the right way, is actually a gold mine of terrific visuals. If you think your topic is tough to illustrate, consider the plight of Lifehacker, which has to routinely come up with images to enliven subjects like productivity-boosting and time management, or Mint, whose blog features an image alongside every single post on personal finance.

But even if you can visualize what types of visuals might suit a topic, you face a more daunting question – how do you acquire them? I’m working on writing up guidelines for the Argo-bloggers on how to acquire and use images, so more on that subject later.

The blogger’s repertoire

A blogger has a great many tools to choose from. Photo courtesy of Flickr user tashland

Next time you’re scrolling through Andrew Sullivan’s blog, take a moment to notice how much Sullivan and his merry band of link-droids vary up the pace. The blog alternates long posts with minute ones, highly visual posts with snippets of pure text, stacks of links and blockquotes with flowing columns of original thought.

This is among the most freeing elements of the blogging format: with no news hole to fill, you can adapt every post to the length and format it deserves. We’ve been dreaming up ways that our design can accommodate the blogger’s creativity in designing different types of posts for different occasions. Here’s a smattering of the types of posts we’ve come across:

The just-a-link: Thrifty as can be.

The link roundup: A way to signal that you’ve read everything relevant to your topic and selected only the highlights, so your reader doesn’t have to.

The list: Remember, numbering is narrative. If you want to make a variety of disparate points without wasting time on transitions, there’s no better choice.

The single quote: Dramatic, arresting, concise.

The quote roundup: For displaying a wealth of perspectives.

The Q&A: Got an interview with a string of compelling tidbits? Edit it lightly (and transparently) and post it all. You’ve got the space, your wonkier readers will love it, and you can always highlight snippets and provide analysis in follow-up posts.

The liveblog: I think every reporter should have the experience of liveblogging an event on their beat. Unlike the typical event, where you often have to walk in looking for a story angle to take away, the liveblog demands your full engagement with every minute of the proceedings. You have to pay attention and capture what’s going on, rather than trying to impose patterns on the event from the get-go. If users chime in during the liveblog, the mix of voices and perspectives can make for a more rollicking, informative experience than you could ever create on your own. When you wrap up your live coverage, you’ll have the best notes from the event, hands-down – perfect raw material for a good analysis post afterwards.

The call-to-action: One of the many benefits of taking the time to create a great community is that you can turn around and ask your crowd to produce some stellar content.

The single photo: What’s that they say about the worth of a picture?

The slideshow: If people love one photo, how much will they love a dozen?