Examples of interactive journalism – Week 10

As always, add your own example for extra credit by providing a link in a reply to this post.

This week’s example, The ‘Boys’ in the Bunkhouse, from The New York Times, has several not-so-flashy JavaScript effects that are worth thinking about. It uses the responsive Foundation framework — check out its features!

A very obvious use of JavaScript appears about one-fourth of the way down the page (see the third image below): click the gray-boxed text or the pullout text on the right side, and an image of a document reveals itself in-line with the main text.

Boys NYTimes March 2014

Boys 2 NYTimes March 2014

Boys 3 NYTimes March 2014

Boys 4 NYTimes March 2014

Your Reply

Leave a comment on this post to submit your example for this week. Rules are on the Required Work page.

Make sure your link is correct and functional.

Include the title or headline of the example you are linking to.

Write one sentence about why we should appreciate it.

Advertisements

5 thoughts on “Examples of interactive journalism – Week 10

  1. An example of interactive journalism is The New York Times’ “A Culture of Bidding: Forging an Art Market in China.”

    http://www.nytimes.com/projects/2013/china-art-fraud/

    Some of the many interactive elements this piece has includes images of Chinese artwork moving across the page as you scroll down and a graphic showing the top ten best-selling artists in the world for each year from 2006 to 2012. When you hover over each artist, the artist’s birth and death dates appear.

  2. http://www.nytimes.com/projects/2013/invisible-child/#/?chapt=1

    “Invisible Child” is a popular New York Times piece, and while my favorite thing about it is the writing, the clean and attractive design really helps make the story.

    One of the interactive elements: every now and then you’ll come across a little “document” link in the margin (the first one is in part 2), and if you click it, the text slides down to reveal the scanned document in question. It’s a great way to provide firsthand evidence without disrupting the exposition. Another one: in part 3, there’s a video that begins playing when you scroll down to it.

  3. Brittany: Although this story has been widely praised (and the reporting and photos are excellent), there is really nothing interactive about this presentation, so I am not going to count it. There are just a few videos tacked on at the bottom. It cannot even be called “multimedia.”

    However, you may submit another one for this same week, if you like.

  4. Okay, here’s my second try: http://oneicon.oakley.com/fear-and-loathing-in-australia

    “Fear and Loathing in Australia” is about professional skateboarding. There’s a mixture of text, photography and video. The main interactive element in here is the photo galleries. For example, when you come across the photos of the four featured skaters, hovering your mouse over each photo makes some background info appear. Later, there’s a photo gallery that’s arranged as a collage of thumbnails – if you hover over each one, an ‘enlarge’ button fades in and you can click into the gallery like that.

Comments are closed.