The Mario Blog
01.31.2017—2am
Digital Design Challenge: Those article pages move up front

The Poynter Institute for Media Studies’ Digital Design Challenge conference brought together designers, editors, digital thinkers to offer innovative solutions that publishers can consider to up their digital offerings.

The premise of this Digital Design Challenge was simple: how can we present ideas that will make distribution and presentation of news via mobile devices more effective.  It all began with a conference at Columbia University’s Graduate School of Journalism Oct. 17-18, 2016, where a group of designers and pundits (I was one of the pundits) presented the state of the media today and how new ideas could move us forward. Roger Black coordinated and moderated the program.

The who is who of the conference

The designers:

Jeffrey Zeldman, Publisher, A List Apart

Mike Swartz, Designer, engineer and partner, Upstatement.com

Kat Downs Mulder, The Washington Post —Graphics director

Jared Cocken, Fitocracy

Lucie Lacava, Lucie Lacava Design

Industry experts (pundits):

Megan Chan, director of digital operations, The Washington Post

Susan Mango Curtis, professor at Northwestern University's Medill School of Journalism

Mario Garcia, CEO/Garcia Media, Senior Adviser on News Design/Adjunct Professor, Columbia University/School of Journalism

John Temple, managing editor, Investigative Reporting Program, UC's Berkeley's School of Journalism

Chrys Wu, developer advocate, The New York Times

Seven takeaways

I have again participated in the conference and these are the seven takeaways that I have emerged from the program with:

1. It’s all about the article page—Many of the presentations placed great emphasis on the importance of article pages that are easy to navigate and that invite us to engage with other articles beyond the one we came to read. What makes for a good article page? How can local media conversation be invigorated?

2. Virtual reality as the ultimate immersive storytelling. Also, VR as an amazingly powerful tool for presenting advertising. The next big thing for news organizations, more Virtual Reality, esp. with infographics.  “It will be huge when it comes to cars.” (Cocken)

3. Intelligent video with context.Video becoming more sophisticated, it's happening. “Video is powerful, adds transparency”.

4. Branding: your brand is one of your biggest assets.  Newspaper brands are strong, capitalize on them to promote your new product offerings. “ “Find typography that brands your publication as authoritative.” (Zeldman)

5. Briefing and curation moving center stage. 
Give me an idea what I should read today. And if such briefings can appear near article we are reading, more power to them.

6. The two tempos: lean forward, lean back have made cameos in all presentations. Emphasize two reading modes: quick version (lean forward), longer read (lean back).

7. Simple does it. Simplicity has never been
 more essential.
Think ease of user experience. “We need to create design systems that are first and foremost readable, and brandeable”. (Zeldman)

The design solutions

Jeffrey Zeldman, Publisher, A List Apart

“Design alone can't save real news. Design must make content readable, or it's useless.”

I was quite impressed with the way Zeldman focused his design solution entirely on article pages and how to make them easy to access and much easier to navigate. His mandate: “Keep people reading and make it affordable.”

He created the templates you see below, emphasizing simplicity, a logical flow of elements, and quite adaptable to all screens.

Kat Downs MulderThe Washington Post –Graphics director

“A big-brand news site [should be] aware that people have a lot more to do in their lives than read the news”.

Kat shared a prototype for a big-brand news site finding innovative ways to engage readers in the era of the journalism of interruptions:

 “A news publication might think a bit more like Fitbit. That is, it should make you feel like it’s working for you. A reader should say, ‘I’m reading everything I need to know.’” 

Kat’s digital design challenge solution also relied heavily on the article page. She presented a multi-paned prototype. See below: the screen includes an article to the right , with a narrower pane on the left as a sort of briefing or navigator of stories. 

One interesting feature of Kat’s prototype: it allows readers to have total control of what they read and to keep track of what they are reading. Just like Fitbit encourages extra steps, and rewards the user, Kat’s project offers an accumulation of points that give the reader a sense of accomplishment, if you will. In the midst of the journalism of everywhereness and tons of interruptions, readers may realize that they have had more time than they thought to read content of interest.

Mike SwartzDesigner, engineer and partner, Upstatement.com

“There’s a potential for an operation like the [Pittsburg Post Gazette] to rebrand itself as more of an “informational operating system” for its city. With different types of products that are focused and useful and not necessarily bundled into a traditional news format, we can create more enjoyable experiences and more useful products readers will love.”

Mike set out to prove that it is not just very big publications who can experiment.  Smaller publications (such as his original hometown paper, the Pittsburgh Post-Gazette) with fewer resources than such giants as The New York Times or The Wall Street Journal, can also do things that are innovative and interesting.

“When I was thinking about what I love about newspapers
and news orgs in a local context, I kept thinking
of them as information operating systems. The city
runs on these platforms of news, entertainment and
utility, and newspapers have access and expertise that
no one else can match. So how can we focus on this
and realize the full potential of a news organization in
a local market?”

Take a look at Mike’s prototype below: one strong brand across various platforms; clean, distinctive design that invites the reader. Robust typography and plenty of white space.

Lucie Lacava, Lacava Design

“Some of the best online design we see today is in magazines . We need to do more of that with news, while allowing users to make choices about what they want to read and even the ads they wish to sample.”

Lucie’s project emphasized advertising and monetization. More importantly, customization. Her project was all about creating a free digital news publication designed to reach all demographics and generating a high engagement level.

She imagined a hyper-personalized news feed designed to empower the user, put him in control of his content and advertising choices.

Jared Cocken, brand and product designer for hire and co-founder of STYLSH.co

““The problem is not the technology, but the people using it.”

Jared project sees Video and Virtual Reality as the next big way s to get into immersive storytelling. He adds that any size publication could produce “video or VR driven stories that enrich a user’s understanding of the world around them.”

“That moment when your story connects with the people, it's very magical.”

Of related interest

Digital newspaper design challenge: a report from Poynter, part 1
https://medium.com/@zeldman/digital-newspaper-design-challenge-a-report-from-poynter-part-1-eeca5b9c6fc6#.wkkqj5kzt

New CNN Media Newsletter

The latest media organization to start sending email newsletters is CNN.  It's Reliable Sources, the weekly Sunday program, hosted by Brian Stelter.

Brian now sends this newsletter with the latest with media news. You can subscribe to the nightly newsletter here: http://cnn.us11.list-manage1.com/subscribe?u=47c9040f6ff957a59bd88396e&id=e95cdc16a9

TheMarioBlog post #2559

Blog Post10.23.2017—1am
Coloring opinions
Blog Post10.20.2017—1am
Digital Media Conference: First Day highlights
Blog Post10.19.2017—6am
Speaking today at the North America Digital Media Conference
Blog Post10.18.2017—1am
Long narratives still have a coveted place
Blog Post10.17.2017—1am
Some good print-related news
Blog Post10.16.2017—1am
Digital Transformation: no newsroom is too small to attempt it
Blog Post10.13.2017—12am
WAN IFRA: the best of digital awards
Blog Post10.12.2017—12am
Taking your brand to where the young audience is: Instagram
Blog Post10.11.2017—1am
Multitaskers consume more media
Blog Post10.10.2017—12am
Germany’s Sūdkurier: workshops for digital transformation
Blog Post10.09.2017—1am
In Spain’s El Mundo: native ads
Blog Post09.29.2017—1am
For newspaper publishers, not much to sing about?
Blog Post09.28.2017—1am
Interesting reference about new digital story formats
Blog Post09.27.2017—1am
It’s a new mobile-focused redesign for salon.com
Blog Post09.26.2017—1am
Three things that caught our eye
Blog Post09.25.2017—1am
Paywalls & newspapers: from leaky to hard ones, and in between
Blog Post09.22.2017—4am
Mexican earthquake: front pages tell the story
Blog Post09.21.2017—1am
Saying adios to The Village Voice in print
Blog Post09.20.2017—1am
Vogue in print: “point of view, attitude”
Blog Post09.19.2017—1am
The Boston Scene
Blog Post09.18.2017—1am
Thoughts on print: still here, still full of surprises, worthy of attention
Blog Post09.15.2017—1am
New report: For publishers, Facebook is no revenue panacea
Blog Post09.14.2017—1am
Smartphones and web traffic: where the action is
Blog Post09.13.2017—1am
Paris Match: a good visit and big plans
Blog Post09.12.2017—1am
Irma: the morning after
Blog Post09.11.2017—3am
Irma: the bad girl on every front page
Blog Post09.08.2017—1am
Type Magazine: the new Roger Black project
Blog Post09.06.2017—1am
Linear storytelling for mobile: a good example
Blog Post09.05.2017—1am
For Le Journal de Montreal: article page acts like home page, sort of
Blog Post09.01.2017—1am
Facebook the new front page?
Blog Post08.31.2017—1am
When it comes to news, “designer labels” can make the difference
Blog Post08.30.2017—1am
Those fabulous print glossy ads
Blog Post08.29.2017—1am
From here and there: what the email basket brings
Blog Post08.28.2017—1am
Why I would show this Times Mag cover to my class
Blog Post08.24.2017—1am
A caricature for the ages
Blog Post08.23.2017—1am
It was the day Americans looked up!
Blog Post08.22.2017—1am
It was all about the solar eclipse of the century
Blog Post08.21.2017—1am
A day without local news? In Minnesota, readers experience it
Blog Post08.18.2017—1am
The good news about print (in the USA)
Blog Post08.17.2017—1am
What’s your lead story right this minute?
Contact us with speaking requests, questions or to discuss a project.