Flash journalism: Professional practice today

Mindy McAdams is the author of “Flash Journalism: How to Create Multimedia News Packages” (Focal Press, 2005).

Want to put multimedia content on the Web? You’ll quickly find out that the free Flash player and the Flash authoring application top the list of solutions at most online news organizations.

“[Flash] allows us to put together audio, video, still pictures and text in a single format and put it out as an executable file. There’s not much else that really allows us to do that across platforms,” said Jim Ray, a multimedia producer on the broadband team at MSNBC.com.

“It provides a way to distribute a variety of media without having to download different programs. It’s the only program that can do it all,” said Jen Friedberg, a staff photographer at the Fort Worth Star-Telegram.

“For producing graphics online, it’s the tool of choice,” said Juan Thomassie, a senior designer at USAToday.com.

The Singular Plug-in Solution

Flash addresses two key needs in online journalism: integrating multiple media (content), and reaching the widest possible audience (compatibility). Other browser plug-ins allow online users to watch video or listen to music, but the Flash player has the advantage of working well on both Windows and Mac platforms, in multiple Web browsers, and without popping up branded or unpredictable players outside the browser window.

“Flash is the only thing that brings everything together,” said Ray Villalobos, director of multimedia for Mega Communications and former senior interactive producer for the Orlando Sentinel. “The penetration of the Flash plug-in allows me to assume people will have some version of the plug-in.”

In June 2005, more than 93 percent of Web users in North America, Europe and Asia had a video-capable version of the Flash player already installed, according to a study sponsored by Macromedia.

But beyond the utility of Flash, what’s more interesting is what journalists are actually doing with it.

Putting the User into the Story

José Márquez, a producer at KQED Interactive in San Francisco, creates online animations to explain California’s political issues. He feels optimistic about the potential of Flash for journalism.

“It absolutely taps into what a computer can do that TV, the radio and newspapers can’t do: Allow the user to determine what they’re interested in, as well as to place them within the polemic of the story,” Márquez said.

Users appreciate having the ability to choose, according to Mega Communications’ Villalobos. “The things we get the most traffic out of is when the users get to decide what they’re going to see,” he said. “You can’t do that on TV. You can’t do it in print. Online is the only place where you can redefine how stories are told.”

Both Villalobos and Márquez talked about tapping into their experiences as video game players. Designing an online story is “more like playing or writing a game,” Villalobos said. “You can have a completely different experience every time you play the game. That’s what makes the Web exciting. People like the infinity the Web provides.”

Users’ active engagement distinguishes online from other media. “Every medium has a type of project that’s perfect for it. Print lends itself to a good linear story. Movies can have a flashback at the beginning and then bring you forward to the present. Online is really the only medium where the users define their experience by their actions,” Villalobos said.

Márquez has a lot of freedom for experimenting in his current position, in which he produces interactive graphics for the companion website to a public affairs news magazine TV series, California Connected.

“I’m just beginning to figure out some way to create an environment that’s welcoming, surprising, engaging, human and also humane,” Márquez said. “An environment in which people can actually learn something about themselves. That is the role of a journalist — to tell a story so that the listener can learn something about him- or herself.”

Alison Cornyn, director of Picture Projects, said her studio’s online work aims to create spaces where people can both understand things in new ways and share ideas with others.

“In time, I think more organizations will be thinking about ways to attract audiences and create ways for them to participate. Not just to chat, but to change things. News organizations may not want to be part of that, but audiences do want that,” she said.

“Flash doesn’t provide in and of itself a way to be participatory, but you can use Flash and other programs to bring that about,” Cornyn said.

Naka Nathaniel, a multimedia producer for The New York Times, said he considers multimedia journalism to be “much more intimate” than other journalism. “That’s probably why many people get into journalism in the first place — to try to make a difference. To really make a connection, whatever the story happens to be,” he said.

Because of the intimacy of “the way the technology works — just you and your keyboard and your mouse,” he said, “you [the user] really feel for these people. You want to help them. At the end, we’re able to provide a pathway for you to follow. You can contact an aid organization, or contribute. It’s a step beyond newspapers, television, magazines. That’s one thing Flash allows us to do — pull everything together neatly into a circle.”

An Era of Experimentation

Jen Friedberg, a staff photographer at the Fort Worth Star-Telegram, said her first Flash project took about three months to complete. “I didn’t know Flash. I didn’t know Pro Tools. I didn’t know how to use the MiniDisc recorder. I had to go buy the MiniDisc recorder. It was a lot of trial and error,” she said.

“So I finally got that one up [online], and my editor said, yeah, that’s cool. But it took you three months. And everyone else [on the photo staff] said, that was too much work. We’re never going to do that!”

That was three years ago. During this past summer, most of the photographers who work with Friedberg have started gathering and editing their own audio. No one forced them. It’s something they’ve decided they want to do.

“Captions get cut down or rewritten. That’s been a source of long-term frustration (for photographers),” Friedberg said. “People like the audio because they finally get to tell what’s really going on in the photo. The majority of photographers here really want to get that information out, and they are frustrated by not being able to.”

She prefers the audio accompanying an online photo story to feature the voices of people in the photo, not the photographer or a reporter. “That sends me into a rage, when the reporter talks for the people,” Friedberg said. “It makes me think some slacker didn’t get his audio in the field and they’re trying to cover it up.”

New York Times multimedia producer Naka Nathaniel pointed out that sometimes the circumstances in the field prevent him from gathering audio. “In North Korea, they seized all my gear,” he said. Except for two cases where military officers wanted to be videotaped, Nathaniel was limited to taking covert shots with a small digital still camera.

“I walked away with only a fifth of the art that I normally have because of the limitations placed on us there,” Nathaniel said.

The resulting story looks quite different from many of the collaborations between Nathaniel and Nicholas Kristof, an Op-Ed columnist for the Times. Lacking in visual material, Nathaniel resorted to “documentary tricks” such as zooming in on headlines from newspaper clippings to help move the story forward.

“That’s not my preferred way,” he said. “But the bigger picture is, you don’t have to limit yourself. You can find what’s appropriate for the story.”

Nathaniel’s documentary techniques will look familiar to most people. There are other people out there, like KQED’s Márquez and his colleague Marc Phu, who try to tell stories with Flash in a way that’s not comparable to any traditional journalistic style. “I don’t think that what I do is considered to be journalism,” Márquez said. “But I believe that in five to 10 years’ time, it will obvious to people, to people younger than us, that what we are doing is journalism.”

The work of people such as photographer Friedberg may be more recognizable as journalism, but on reflection, it’s not exactly like anything that exists outside the digital realm.

“Multimedia is its own entity,” Friedberg said. “It takes the best out of documentary radio and the best out of documentary photography. Television doesn’t have the time to tell a long narrative. Newspapers don’t have space anymore to run 60-inch stories, or more than one or two photos with a story. Flash allows us to bring all that back together and tell a story with more depth than in any other medium.”

The Best Tool for Certain Jobs

Theresa Riley, director of P.O.V. Interactive, has a staff of two working for her; together they create a companion website for each documentary aired on the PBS series “P.O.V.” When they agree that a site needs a Flash element, they hire freelancers to produce it.

For a recent documentary explaining how guns from New York end up in Kosovo, the team wanted to combine an animated map online with video clips from the film. “We didn’t want the annoyance of another pop-up window,” Riley said, and that’s why they decided to use Flash.

In the “P.O.V.” documentary “Speedo: A Demolition Derby Love Story,” the central character talks about modifying cars, and it’s not exactly clear what he does to them, Riley said.

“We thought his voice and personality were so compelling, and we wanted to do a photo gallery of his cars. We wanted him to tell his own story. That’s why we wanted to use Flash,” Riley said. “We really wanted to show big pictures of the cars, and with video, we wouldn’t have been able to do that.”

Mark Adams, a freelance multimedia producer and photographer based in Atlanta, said his desire to combine sound and motion with still photography goes back to Kodachrome. “I remember sitting around with friends and putting together a slideshow, popping chromes into the tray, turning on the stereo and hanging up a sheet in the living room,” he said. “I loved that immersion with all your senses.”

Reproducing that experience in Flash can be a challenge. “It’s really hard to integrate it really well,” Adams said. “It’s easy to put too much in there and overwhelm folks.”

The challenge must be faced, though, according to Jim Ray, a multimedia producer at MSNBC.com.

“If you haven’t started to think beyond telling stories with photos and text, you’re walking into the tar pits,” Ray said.

Not Your Father’s Breaking News

The caveat about learning new skills and experimenting with new ways to tell stories is that you usually cannot do it with day-to-day headlines.

“We’re not out breaking Watergate,” Ray said. “It’s not the right medium for that. What we can do is take a complex issue and make it personal to a user who comes to our site and help them understand it better. We can provide a context and a different way to experience that story.”

KQED’s Márquez admitted that what he does is “certainly not investigative journalism. But I am taking facts — often very dry facts and statistics — and trying to turn those into a story that will motivate people to take action or to learn more.”

At many online news sites, text still dominates the home page — but the journalists who work with Flash have a different perspective.

“Animation has become part of the way we tell stories online. It’s an option we use to give more credibility and reality to the piece,” said Juan Thomassie, a senior designer at USAToday.com. “We’re always thinking about making the story animated if we can, and more interesting to the readers. I think it has changed the way we tell stories dramatically. You can’t just copy a news graphic and paste it on the Web page and expect it to engage the reader.”

Sometimes there’s just not enough time. Deadlines still dictate what’s possible.

“Ideally, early in the planning stages, before reporters and photographers are assigned to a story, we like to be involved at that point, to make sure the content gathering keeps our needs in mind,” Thomassie said. “If we don’t find out about it until the night before, we’re often not able to produce an interactive graphic.”

Animated graphics do have a place in breaking news, though. Alberto Cairo was in Madrid, creating infographics for the website of El Mundo, on March 11, 2004, when train bombs killed 191 people and wounded more than 1,500. While the news site had multiple millions of page views that day, “about 1 million” were solely for the infographics pages, he said.

What’s Coming Next?

Alberto Cairo spent five years working with animated infographics online at El Mundo. This past summer he moved to Chapel Hill, N.C., to teach multimedia journalism as an assistant professor at the University of North Carolina.

“For me, as an infographics designer, the capability the program has to integrate a database into infographics is very important,” Cairo said.

The appeal is not only that Flash can be used to display data clearly and compactly in graphical formats. The data can be pulled from the database into Flash dynamically. If the ActionScript allows it, the Flash package need not be revised. It can display new information as soon as it is added to the separate database.

“Flash will generate the pie chart or the bar chart automatically. It’s a very new world for us, all of us [who] have a print infographics background,” Cairo said. “It’s very demanding, but at the same time, it’s very gratifying. It lets you develop your skills as a designer in a very broad sense of the word.”

Alison Cornyn, director of Picture Projects, explained how the Sonic Memorial Project incorporates a database with the Flash-based Sonic Browser to allow users to explore a collection of audio recollections about the World Trade Center.

“The Sonic Browser makes the project much more special than it would be if it were just an online database,” Cornyn said.

Not everyone agrees that Flash makes a good partner for databases. Adrian Holovaty, an editor at washingtonpost.com and former lead developer for World Online, the Web companion of the Lawrence (Kan.) Journal-World, argued against using Flash in cases when users might want to link to specific segments of the package, or send a link in e-mail.

“Flash is good for things such as video that can’t be broken down into nuggets of information. But otherwise, information should be broken down,” Holovaty wrote in an instant-message conversation.

Information broken into discrete chunks can be linked to other chunks. “Linking is pretty fundamental. Every piece of information should be linkable,” Holovaty said.

After looking at The New York Times’s Flash map of the 2004 U.S. election results, Holovaty said it would be better if individual Web pages in that package were devoted, for example, to the 1964 Texas election results and to a state-by-state comparison of 1980 results. “We’re not talking about manual HTML pages, though — it would be all automated,” he said. A comparable example (without Flash) would be the chicagocrime.org site he developed.

“Flash is certainly appropriate in some cases, but my opinion is that if a small news organization is going to invest resources in the Web, it ought to invest more into databases and making data ‘smart’ than into one-off Flash projects,” Holovaty said.

No Software Is Perfect

Joe Weiss, an interactive producer at The News & Observer in Raleigh, N.C., was one of the earliest adopters of Flash in journalism, but that doesn’t mean he’s unequivocal about it.

“Flash is a bridge technology for me, and while I can praise its limitations the way an artist would praise the limitations of watercolor paintings, I dream (literally) of a better, more powerful tool,” Weiss wrote in e-mail.

“The limitations [of tools] always invite very creative solutions,” observed Alison Cornyn, director of Picture Projects. “I don’t think of them as frustrations. I think about how we can do what we need and how we can push it. Let some of the limitations create new ways of solving the problem.”

“I view Flash as just another tool in your bag when you’re trying to tell a story,” Mark Adams said. “Would the story benefit from being told with the help of Flash? Not all stories will.”

Before Flash reached its current level of utility, “we used other software, other means, [such as] JavaScript rollovers and animated GIFs,” said Juan Thomassie, of USAToday.com. “We all still use Photoshop. We all still use FreeHand or Illustrator. But it always seems to come down to Flash when it comes to putting it on the Web.”

Another solution for multimedia might emerge and displace Flash, just as Flash displaced some previous tools and methods. The Web never stands still for long.

“With all the changes we’ve seen in just the past six years, it wouldn’t surprise me if something else came along,” Thomassie said. “But they would have some serious catching up to do. With each year and each version of Flash, it becomes harder for anyone else to catch up.”

Links

Interactive Narratives

Joe Weiss’s blog

Work by Naka Nathaniel for The New York Times

Multimedia from the Fort Worth (Texas) Star-Telegram

chicagocrime.org, a non-profit browsable database developed by Adrian Holovaty

California Connected interactives

Jen Friedberg’s portfolio site

Ray Villalobos’s online portfolio

Mark Adams’s portfolio site

Picture Projects

P.O.V. Home

P.O.V.’s Dying in America: A Chronology

P.O.V.’s Speedo: A Demolition Derby Love Story photo gallery

Interactive graphics from elmundo.es

Interactive media from USAToday.com

Multimedia from MSNBC.com

Digital Storytelling, a panel session including Theresa Riley, Director, P.O.V. Interactive

User feedback drives five principles for multimedia news on the Web

Interactive multimedia features can be challenging for users: Where do I have to click? How do I stop and restart this animation? What navigation options do I have? Multimedia content producers should take a look at their work from a user’s perspective.

How do users interact with interactive multimedia infographics? How do they scan, browse, read and interpret them? And what do these experiences mean for journalists and designers producing multimodal news presentations for the Web? We wanted to answer these questions.

With a user-centered approach, we tested interactive graphics covering the tsunami disaster in Asia. The graphics in the sample were produced in Flash and published by nytimes.com, bbc.co.uk, Spanish elmundo.es and German zdf.de. The test series was held in February 2005 in the media reception lab of the University of Trier (Germany) with 15 subjects, all students (average age: 23.1 years). The tested graphics were shown in different combinations and sequences. Usually each subject was confronted with two different graphics.

We applied methods from usability testing to capture the subjects’ responses. For each stimulus, eye tracking was followed by a thinking aloud sequence. For the eye tracking an IView-X System from SMI was used, a corneal reflection system with a sampling rate of 60 hertz.

Our findings produced practical hints on how to create better interactive graphics, bearing in mind users’ expectations, behavior and reception strategies.

These are five principles that producers and journalists should seek to follow:

Principle 1: Avoid an information overload

Combinations of text and visualizations always risk providing more information than users can cognitively process in an organized way. But producers are tempted to put as much of their material as possible into a single feature: extensive photo galleries, timelines with full agency reporting on the different stages of an event, multilayer maps, eye witnesses reports in picture and audio.

From a user perspective, interacting with such a packed multimedia feature means solving various tasks, often simultaneously.

  • Finding, understanding and interacting with the navigation options (including internal links inside the feature)

  • Getting an overview on every page and an orientation of the user’s actual position inside the feature.
  • Interpreting information from various presentation modes (text, graphic, photo and animation) and integrating them into a coherent mental representation.

This bundle of tasks — some of them operational, some of them content-orientated — is often more than the user can handle. Sometimes users won’t find all of the navigation options. Or they ignore parts of the content. And sometimes the overload can lead to irritation, disorientation and finally to a drop-out.

Graphic

Example 1 (from nytimes.com): The timeline navigation bar (here highlighted in yellow on the left) controlled three content areas (orange). Users’ attention jumped between the map and the navigation bar. The text in the news ticker got no attention; the wave height was ignored by almost every user.

Principle 2: Have users’ expectations concerning interaction functionality in mind

Users tend to interpret any salient graphical element as clickable. That presents a problem for producers and designers, who may want to decorate or fill space.

In text-dominated forms the standards for hyperlinks are widely accepted: Links are underlined or in a different color or both. But standards are still developing for interactive graphics. Currently, links can hide behind every element: Buttons, legends, keys, points on a map, words.

Many producers try to establish consistency by using similar marks for clickable points and standardized navigation systems. This helps users, especially frequent ones. Nevertheless, the only way many users explore interactive graphics is with an extensive trial and error mouse excursion.

Graphic

Example 2 (from elmundo.es): Test subjects clicked on salient elements — in this case the box marking the epicenter and the red arrows — expecting either to get a close-up or further explanation. In fact, there was no navigational option within this screen.

Principle 3: Be careful using animation

Animation tends to attract (or distract) users. Blinking, flashing or fading arrows, dots and circles are guaranteed magnets for attention and clicks. If there is text competing with animation, the text will lose.

Animation will also raise expectations of functionality, as in the example below.

Graphic

Example 3 (from bbc.co.uk): The flashing red dot marking the epicenter distracted readers’ attention from the text and it encouraged users to click on it (and in this case it is not clickable).

Producers should make sure that users do not click in vain on elements with animation. Give users functionality.

When using animation it also might seem necessary to add some explanatory text or legends. But users can have trouble integrating that information when an infinite animation loop is grabbing attention. It can be helpful to let users start and restart the animation, which leads to the next principle.

Principle 4: Let users fully control the interaction

If using video, audio or animation, give users clearly marked buttons to start, stop and restart. When using online media, users are not in a lean-back position as when watching TV or listening to the radio. Interactivity and non-linearity are characteristics of Web-based media that users expect.

Be careful with automatically starting multimedia or audio sequences. Anyone who has ever been surprised by an unexpected video or sound when entering a website knows the experience of frantically searching for the off button, or just leaving the page by clicking the browser’s back button. Users, of course, have the same experience. So producers should clearly mark when a click starts an animation, video or sound, and clearly mark how to stop.

Giving users control over their interaction requires a navigation system that allows orientation within the graphic. That includes a clearly marked “home” button. Users tend to see Flash graphics as an independent website, regardless of whether the images are integrated in a page or are separate in a pop-up window.

Principle 5: Involve users in testing your graphics

It’s the usability, stupid. Ask a sample of typical users to click through the graphic and to comment spontaneously on it. Watch carefully, ask for their navigation strategies and expectations, take notes. Even with just three or four users testing the site, you will find elements that are unexpectedly problematic for users. This simplified think-aloud test and other methods from usability testing have proved useful for evaluating interactive and multimedia presentations — and for identifying user needs.

Why is a user-oriented perspective helpful? Newspaper design and presentation have been ingrained by decades of use. But design standards for online news sites have changed in just a few years. Users and producers have developed expectations about positions of home buttons, navigation bars and link labeling. Interactive graphics are still in an early stage of this evolution. Integrating animations, text and audio in a user-controlled system is still a challenge, especially when it comes to telling a coherent, navigable news story. And technology is evolving fast: the shift to broadband access allows producers to integrate heavier multimedia content and to create new forms of presentation.

Although the interactive news business is still experimenting with that, standards are rising. Our analysis of the interactives produced by the leading news sites found some trends: these sites have set up their own standards for interactive news presentation. They tend to differ between the sites, but not that much. Top navigation bars are widely used, sometimes combined with a browser-like linear back-and-forth navigation.

Links to the tested graphics

nytimes.com: Asia’s deadly waves

bbc.co.uk: The tsunami desaster explained

elmundo.es: Asia bajo el tsunami

zdf.de: Flutkatastrophe in Asien