` Projects | Jeremy Gilbert : Design Thinker, Professor and Multimedia Journalist - Part 2

Archive for the ‘Projects’ Category

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.

MoJo: Newscaster, User-Driven, Video Newscast

Sunday, June 12th, 2011

We need your vote. Help Katie Zhu and me win the People-Powered News A challenge from MoJo (Mozilla + Journalism). The innovation challenge will identify 15 projects worth developing and we think Newscaster should be one. Here is an excerpt from our entry:

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)…

Newscaster Wireframe

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

Improve the web with Nofollow Reciprocity.