` MoJo | Jeremy Gilbert : Design Thinker, Professor and Multimedia Journalist

Posts Tagged ‘MoJo’

Knight-Mozilla Learning Lab: Newscaster v1.1

Monday, August 8th, 2011

After his homework, but in between music videos on YouTube, a teenage boy sits on his bed looking for something to do. Suppose he want to catch up on the day’s news. He won’t turn to the paper format his great-grandparents read, the radio programs his grandparents heard or even the evening television of his parents.

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.

Newscaster

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.

Newscaster Prototype

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.

Low-Fidelity to High-Fidelity Prototyping in Single Medium

Sunday, July 31st, 2011

The hybrid mobile/tablet app is on the rise. The reasons for building an HTML5-based application in a native wrapper (ObjectiveC or Java) are even more evident now: it is easier to adapt or improve, cheaper to build and much faster to prototype.

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.”

Oliver Reichebstein's Prototyping Rules

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.”

According to Oliver Reichenstein, the article is the atom of news design; it has one function: to be read.

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.