Society of News Design

The competition was rigorous and the decisions difficult but the five World’s Best Designed are:

• CNN.com: World’s Best-Designed News Web Site
• CNN for iPad: World’s Best Designed News App
• The Globe and Mail: World’s Best-Designed News Web site
• The Guardian for iPhone: World’s Best-Design Mobile App
• NPR for iPad: World’s Best-Designed News App

Just about all of the winning news organizations designed incredible experiences across multiple platforms. Picking which organization on which platform might have been the most difficult part of the judging.

You can read more about the reasoning behind the awards here.

He distrusts the singular voices of news authority that past generations accepted, and he consumes most of his information on his mobile phone or tablet. Newscaster lets him program news from his chosen sources, in his own time frame and in the format that works for him.

About the Audience

American teens consume more almost 3 hours more mobile video than the general population — seven hours and 13 minutes a month in the fourth quarter of 2010; and they watch eleven hours fewer of television — 23 hours and 41 minutes a week for teens, according to June 2011 Nielsen study.

State of Video News

Broadcast news solemnly announced the death of president John F. Kennedy, shared images of Vietnam War, showed the Space Shuttle Challenger exploding and tracked the World Trade Center towers as they collapsed. News video is still powerful way to tell important stories, but in today’s media climate, teens are more likely to watch a 90-second video of a baby dancing along with a music video than they are to watch any nightly newscast.

The ratings of broadcast newscasts indicate this trend. Since 1980, the three commercial evening newscasts [ABC, CBS and NBC] have lost 28.9 million viewers, or 55.5 percent of the audience they once had — even while the US population has risen by more than 81 million, according to the Pew Research Center’s State of the Media, February 2011

New Devices

The explosion of tablet devices from Apple, Motorola, HP and others creates an opportunity for news video purveyors. Tablet adoption is outpacing even the most optimistic projections from just a few years ago. According to BIGresearch [Copyright 2011, Prosper], 89 percent of iPad owners watch news video regularly — more than almost any other video category other than Movies. But for 18-34 year olds that number falls to 76 percent — putting it behind Cartoons and Dramas as well as Movies. In the past year, mobile traffic went from 2 percent to 15 percent of all traffic to Wired Magazine’s website, said Editor in Chief. Evan Hansen, and the iPad was the single biggest source of mobile traffic.

Video Affordances

Readers leafed through newspapers on their own choosing which articles to read thoroughly, skim or ignore. Radio and television only allowed consumers to select a station; not actually the content they wanted to listen to or watch. Remote controls for televisions and radios increased the likelihood that the public would interact to the extent of changing stations more frequently.

Initially this was a linear experience; to get from Channel 2 to 5 usually meant flipping through the channels in between. Eventually remotes allowed users to entered channel numbers, but as the number of channels offered doubled and tripled in number the thousands of choices made it more difficult to switch between stations.

Moreover, until the 1980s consumers had to consult a print media source to learn program availability. Eventually on-screen guides allowed users to see view and eventually switch to specific programs or record upcoming ones. But even this does not allow viewers to watch individual stories in a news show.

Teenage video consumers have grown up watching individual clips on YouTube. They expect to know what story — not just what show — they are watching, how long that clip is and what related clips are available. They do not trust media professionals to produce a ‘show’ for them. Instead they pick their own video clips or watch something recommended by friends and, in turn, pass on whatever they find interesting.

News Media Opportunity

Newscaster offers traditionally print-focused news organizations two opportunities. First, newspaper publishers can reinvent the video-based news experience instead of ceding it to terrestrial broadcasters. By creating a marketplace for video and seeding their own videos alongside those of broadcast companies they can set the standards for quality and style. They can also convince teenage news consumers that they gather relevant news, not just produce irrelevant newspapers. Second, they can associate faces with news stories as television has done successfully for several generations. Newspaper editors, columnists or reporters could star in simple video stories that break news.

Competitive Landscape

Broadcast television companies like Fox, ABC, NBC and CBS have focused first on non-news video streamed online. Teenagers watch hours of sitcoms through sites like Hulu. This partnership across content providers proves it is possible for rivals to cooperate and for streaming video to attract large audiences. But the news content is presented in the form of whole shows and is not usually posted quickly enough to satisfy teenage consumers used to instant gratification.

Google News is a highly trafficked news aggregator but it emphasizes text (more easily searched) over video and lacks editorial judgment in the stories presented. ESPN’s iOS radio application allows consumers to create personal filters for news looking for specific cities, teams or players but only for audio content. CNN’s smartphone app also allows users to set personalization options but only for CNN video. NPR’s smartphone and tablet applications transformed radio listening letting users program a newscast but only from a single source and only audio. Broadcast and cable news providers like MSNBC and Fox News allow consumers to watch live streamed video and individual news clips but only from a single news source.

Underlying Technology

Newscaster can be built using HTML5 and relying heavily on existing JavaScript frameworks like JQuery. Using existing opensource tools like PhoneGap, Newscaster could be packaged for the iOS and Android stores. It would connect with existing video sources like YouTube or individual news sources. This would avoid issues of hosting video and limit bandwidth demands. Existing social media services like Twitter, Facebook and Google would be used for media sharing. Because Newscaster is being built as a tablet application using open standards it can be easily expanded to smartphones and interactive TV platforms like GoogleTV, Roku or internet-enabled TVs.

Challenge

It may be difficult to convince content providers to participate. Without video from the best available news sources across a variety of topics, Newscaster will be no better than any individual news source. Nor will it compete with other aggregators like Google News, other non-news video sources or YouTube. Newscaster could share most advertising revenues — banner and interstitial video ads — with the content creators. Video creators would also have access to analytics about usage of their content — how many users, from where, what and how long they watched and, if known, basic demographics about the users.

User Experience

Newscaster presents a menu of timely video news stories (weather, sports, crime, education, etc.) from varied sources (ABC, CNN, Fox, ESPN, E!, etc.). The home screen encourages users to begin building a playlist but users can also select a single story to watch. Each video story lists its length and its creator’s logo.

As the user drags stories into Newscaster’s timeline, the clock reflects the total length of their newscast. Users can rearrange stories by dragging them around on the timeline. Or stories can be removed from the timeline by pressing and holding them until an ‘x’ appears in the in the top-left corner. When the user is ready to start watching their newscast they just touch the play button in the lower right hand corner. The screen will dim and a full-screen newscast will begin.

The user will see a short pre-roll ad, four to six seconds, followed by the stories they selected. If the newscast is longer than five minutes there will be one six to 12 second ad in the middle. And if the selected newscast is longer than ten minutes, the user would see a pair of ads evenly spaced out during the stories.

There are also three auto-generated playlists each with a different fixed length: three, five and ten minutes. Each fast paced newscast includes stories selected based on past use — if the person has used Newscaster previously. Or as a person repeatedly uses Newscaster, the program will suggest stories based on past use.

Oliver Reichenstein, owner and manager of Tokyo-based Information Architects (iA), emphasized the need to prototype with reasonable constraints during the third week of the Knight-Mozilla Learning Lab.

“HTML is a better design tool than anything else out there. The trouble with Indesign is that it renders text to beautifully. Fireworks renders type so badly that putting it in HTML is a pleasant surprise.”

This issue — what fidelity to strive for in prototypes — is critical because it is one of the key reasons to make hybrid apps. Once you are ready to touch the computer, it makes sense to prototype a hybrid or web app in HTML. “Paper is for sketching idea; the rest should happen in your real medium,” he said.

For news apps, ObjectiveC’s (the programming language for Apple’s iOS apps) and Java (the language of Google’s Android apps) encourage a richness of experience not necessarily needed for news consumption. Paper prototyping deliberately leaves open all kinds of possibilities but prototyping in motion-based tools, like Flash, risks introducing unnecessary functionality and visual distraction.

“Interaction design is mostly trying to reduce. No matter how thought-through your ideas are you will fail if your grids are not based on ad formats…” said Reichenstein. “…the article has one function: to be read. The article is the atom of news site.”

Reichenstein showed that subtracting the advertisements can make for a much stronger news experience. The user interaction is much cleaner, however, it ignores business logic. Still, the issue of economics is perhaps easier to solve than the problem of interaction. “UI is not eye and screen, it’s head and hand. News design is not about shaping surfaces but complex processes,” he said.

As I explore the potential of adapting Newscaster to mobile, tablet or even television screens the most critical issue is ensuring the success of the news consumption experience, in this case, watching a story. If the act of selecting a news video and watching it feels natural, an improvement on the remote control and television experience than Newscaster will work.

In place of a newsroom programmed, linear newscast Newscaster is an on-demand, user-driven video newscasts across a range of mobile and tablet devices (like the iPad) using an accessible, cross-device programming standard. The digital newscast would take full advantage of web-native technologies like HTML5 and JavaScript, but will be developed within the intent of being a mobile app, aiming to make news easier to consume while on the go…

…The application will allow users to add content to their own playlist and make news judgment decisions traditionally reserved for professional producers in a control room. Users can have any kind of news (weather, sports, crime, education, etc.), can play their own newscast at any time (rather than waiting for 10 p.m.) or choose from a variety of automatically generated newscasts that fit the time they have at hand (10, 15, 30 minute newscasts)…

Please read the rest of the entry and vote for Newscaster.

About: Living Stories
Conveys the emotional impact of an unfolding news story through the voices of people involved and the powerful images that show the issues.

Project description
Given the name of a news event, like Libyan crisis, the earthquake and tsunami in Japan or the Wisconsin protests, this system finds news articles and extracts powerful quotes from the articles. It also finds relevant photos and displays them together in a news stream. Because the focus is on the experience of the story, anyone, news junkie or not, can dip into the stream without confusion.

Potential Audience
Living Stories can be used by news organizations — using just their exclusive content. This system can also be viewed by individual web users or displayed as an installation in a lobby or other public space.

Future work
Currently the stories are manually selected but the selection of stories could be automated. The stories could also be augmented through the use of a timeline — navigable by the user.

Student Team:

• Sarah Alsulaiman, Computer Science
• Phil Bencomo, Journalism
• Chandra Sekhar Bhagavatula, Computer Science
• Nick Pizzolato, Computer Science

Faculty Advisers:

• Larry Birnbaum, Computer Science
• Jeremy Gilbert, Journalism
• Kristian Hammond, Computer Science

Medill on Media Engagement illuminates how content creators can systematically provide engaging journalism for today’s empowered audiences. Drawing on nearly a decade of significant research at Northwestern University’s Media Management Center, 17 contributors analyze a lexicon of how people define their media experiences. They then offer best practices and case studies for how a dozen of these rich experiences – from Civic to Timeout, Inspiration to Community-Connection– can make today’s media brands relevant and important.

Merck has been publishing it’s Manual since the late 1890s. In the mid-1990s Agile Partners helped Merck publish that data on the Web. But even portable laptops are not always available when users need medical data. So in 2009 I teamed up with Agile Partners and Merck to create an on-the-go iPhone app.

The app makes it easy for home users to handle emergencies and for medically professionals to diagnose patient symptoms.

The Home Edition version of the app has been a regular in the iTunes Store’s What’s Hot list. Here are some of the things reviewers have said about the app design:

• iMedicalApps: What I liked:
  • - Navigation and User Interface are beautifully designed
  • - Ability to E-mail or copy portions of selected articles is a nice touch
  • - Bookmarking of your favorite articles
  • - Can manipulate text size
  • - Could see this actually improving a patient-physician relationship
• MedTapp: Thumbs up for…
  • - easy navigation
  • - neat interface
• The New York Times Gadget Blog: If you are think you suffer from something slightly more exotic, the Merck Manual of Medical Information is now available as a $9.99 application for the iPhone. It lists enough illnesses to stump even Dr. Gregory House. it covers everything from Abetalipoproteinemia to Zollinger-Ellison Syndrome. A section on Emergencies and injuries offers practical information on treating everything from life-threatening injuries to bug bites.

For 12 weeks almost a dozen Medill graduate students and a similar number of computer science students explored these questions while they created potentially industry changing applications.

In a class I co-directed with Dr. Kris Hammond and Dr. Larry Birnbaum from Northwestern University’s InfoLab five cross-disciplinary teams built these five exciting projects, this was how the students described them in their final report:

• Machine Generated Sports Stories (aka. StatsMonkey): an application that automatically writes sports stories based on box scores
• News Feed: an iPhone application that presents users with stories of a particular length and topic depending on how much time they have to read
• EasyWriter: a Microsoft Word plug-in that automatically brings up Internet search results alongside a document based on highlighted text
• Tweedia: a widget that can be incorporated into a news Web site to enable readers to see real-time tweets related to an article
• Twitter Publishing: programming that allows Twitter users to automatically receive relevant news links based on their tweets

The students used audio, video, photography and animation to tell stories of peoples’ first loves. Our First Loves is filled with stories like someone’s love of John Travolta, Spaghetti or ‘the boy next door.’ Users of the site are encouraged to rate each story (‘crinkle my nose,’ ‘want to cry’ or ‘want to create an e-dating profile’) and to tell their own stories.

The final product was built in the open-source web framework Django, uses Facebook Connect for registration and is available on Google Code for your use. The project went on to win an award from AEJMC’s 2008 Best of the Web and be a finalist for a 2008 ONA award. The two journalists-coders, Brian Boyer and Ryan Mark have gone on to found the Chicago Tribune’s News Application Team.