The Mario Blog
01.20.2017—3am
Digital storytelling, Part Two: A linear fusion of narrative, imagery

We called it WED,  the marriage of writing/editing/design. It was the necessary way to fuse the disciplines in the 1980s, when newspaper editors were realizing the importance of making stories more visual, adding color and bringing designers into the newsroom. Today, with visual storytelling leading the way for digital and mobile, WED has never been more relevant or important. The New York Times is at the top of the list when it comes to newspapers that experiment successfully with innovative storytelling techniques.

This is the weekend edition of TheMarioBlog and will be updated as needed. The next blog post is Monday, January 23.

In our previous blog post, we discussed how our philosophy of WED (Writing/Editing/Design) came to be: a way of making sure that content, the story itself, always took precedence over the design and the aesthetics in the presentation.

We mentioned that with mobile visual storytelling, WED has come full circle and that its relevance has never been greater.

WED is all about the marriage of journalism and design. Today, it is also about the inclusion of technology with the two other disciplines.  The designer today returns to his/her journalistic roots, concentrates on the story, guarantees that the design will be appropriate and provide the best user experience.  

As a perennial student of story structures—how stories are presented—and because I happen to be preparing my lectures for the start of a new semester at Columbia University's Graduate School of Journalism, where I teach a course titled Multiplatform Design & Storytelling (see this semester's course syllabus here) I am spending considerable time looking at how The New York Times experiments with various forms of storytelling which deviate from the traditional formats of headline, summary and text.

Visual storytelling via linear thinking

We are beginning to see what may strike many traditional writers and editors as odd and, definitely, different: the text or narrative of the story blends with the images accompanying it. It is a single dimension narrative that involves text and visuals in a seamless flow.

No longer will you see a cluster of photos either before, in the middle or at the end of the story itself. Instead, the writer weaves the text with the imager, a normal, logical progression of how we think.

If in doubt, think back to when you were a child, doing your first storytelling, writing stories in your lined notebook. Chances are that you started your story with words, then drew a photo, then continued.  Both the words and the visuals are part of a sequential development. Here is a sample where a child does exactly that, which makes perfect sense.

Which prompts the question, if this is so natural and intuitive, why is it that we have traditionally separated text from imagery in printed editions of newspapers and magazines?  While I don't know the answer, I imagine that the size of most newspapers and magazines, the fact that at the beginning type was set in metal, and that we are reading on pages that are square and where the eye moves from left to right, have a lot to do with the clustering of photos separated from the text.

This is how we lay out newspaper and magazine pages, letting the text flow with as little interruption as possible.  Designers of a certain age may remember editors arguing against even the placement of a long display quote in the middle of text, to avoid “interrupting the flow” of copy.  

Take a look at these sketches that show what I refer to.

Yet, on mobile devices, we scroll, there is a full linear movement top to bottom. The eyes are not moving diagonally, but, indeed, from the top of the screen to the bottom, when we normally scroll. It is this type of movement that makes the stream of copy and imagery a natural flow for a story.

NYT: A report from Aleppo

This story by Anne Barnard, who covers the Middle East for The New York Times, is a great example of weaving a narrative with imagery.

The story is written in the first person and the words lead into the images and/or videos described by the writer. It is a normal progression of thoughts and ideas.  The words are never redundant, but, quite the contrary, reinforced by what we see immediately after we read them.  This, I believe, is a process achieved by having the writer sit down with a designer who thinks visually, nothing short of a WED collaboration, with great results.

So, you see a line in the story that reads: “As you enter western Aleppo, everything seems so normal.”, and you see a photo that amplifies the idea.

It is worth noting that, in this case, the writer has taken the photos and videos she presents in the story, although this is not a requirement.

Writing coach Dr. Roy Peter Clark discusses the Aleppo story

Thanks for sharing this war dispatch from Syria.  It strikes me as a powerful and practical example of the marriage of words and visuals.  The writer has her eyes open.  She captures video of the ruined city.  She snaps photos of telling scenes. But her notebook also acts as a camera in which she recreates for her readers a visual experience in words.  There is a trick, if I may call it that, that both writers and photographers have on their workbench.  It involves the juxtaposition of two things that do not belong together.  For the reporter, it is the view from her hotel window.  “It was a strange combination of elegance and war.” The elegance is exemplified by the classic Syrian furniture and the sweets left out on the table for hotel guests.  The war is made real by the pillar of dark smoke rising in the distance.  Every good story has a focus, a theme or pattern that is supported by all the elements — either in words or pictures.

Roy added these comments about WED after he saw the award-winning film, La La Land:

“WED should not be that hard to understand or put into use.  Last night, for her birthday, I took my wife to see La La Land. It is a romantic musical, reinventing a genre of film-making from the past, but with a thoroughly modern sensibility.  It deserves the plaudits it has received.  And think of how many different creative disciplines were required to create it:  words, lyrics, instrumental score, cinematography, sound, set design, costuming, acting, voice, choreography, editing. Each discipline will have its own masters.  But some creative forces must align to gather these into a coherent whole. If Hollywood can manage all that, why can't we handle W-E-and-D?

Here is the good news:  choreography is different from script-writing or orchestration, but at the high-end each discipline shares the big challenges:  to find a great idea, to gather the elements that might bring it to life, to discover a governing focus, to envision the architecture, to see it whole, to revise it to make it better.  We can share the same creative language, and learn how to speak across disciplines without an accent. “
 

The WED series

Designers of all ages, let's rethink, reinvent and recharge.
http://www.garciamedia.com/blog/designers_of_all_ages_lets_rethink_reinvent_and_recharge

Digital storytelling, Part One: The fusion of writing/editing/design
http://www.garciamedia.com/blog/digital_storytelling_part_one_the_fusion_of_writing_editing_design

…and, while on the subject of linear thinking…..

I had to smile while, in the midst of reading a New York Times story about “moving day” at the White House, with one moving van taking the Obama family belongings away while another one arrives with the Trump's, suddenly an ad for a moving company interrupts the story. Artificial Intelligence at work here.

TheMarioBlog post #2552

Blog Post05.26.2017—1am
New book: Designing for Touch
Blog Post05.25.2017—1am
Medium redesigns homepage: curated content is the key
Blog Post05.24.2017—1am
It’s the new storytelling, the new editing, the new design
Blog Post05.23.2017—1am
Millennials and their obsession with their phones—publishers, take note!
Blog Post05.22.2017—1am
Spiegel Daily: the German magazine’s new product
Blog Post05.19.2017—1am
Another day, another Trump bombshell for the front pages
Blog Post05.18.2017—1am
From digital to print: another example
Blog Post05.16.2017—6am
Trump bombshell news lands on the front pages
Blog Post—1am
For The Guardian: one contributor at a time
Blog Post05.15.2017—1am
The New York Times banks on kids: never too early!
Blog Post05.12.2017—1am
Good guide to e-newsletters that catch the reader’s attention
Blog Post05.10.2017—2pm
The firing of the FBI Director on Page One
Blog Post—1am
Sarasota Herald Tribune gets new look
Blog Post05.08.2017—8am
The Macron victory in France through the front pages
Blog Post—1am
Tony Awards: And the winner so far…..
Blog Post05.05.2017—1am
And now Dubai has its own font!
Blog Post05.04.2017—7am
The NYTimes’ Sketchbook: great visual solutions
Blog Post05.03.2017—1am
The luxury of paper
Blog Post05.02.2017—1am
Trump: 100 days and the front pages
Blog Post04.28.2017—2am
And now the annual report via Virtual Reality
Blog Post04.27.2017—2am
Digital down market? Yep, it’s the HuffPost’
Blog Post04.26.2017—2am
When digital products transition to print
Blog Post04.24.2017—9pm
Agustin Edwards: Death of a media patriarch
Blog Post04.22.2017—8am
The best designed newspapers in the world
Blog Post04.21.2017—1am
It’s Allium, Cyrus Highsmith’s new font creation
Blog Post04.20.2017—1am
For mobile ads, too, scrolling is the way to go
Blog Post04.19.2017—1am
NYT: Linear, visual storytelling at its best
Blog Post04.18.2017—1am
Gulf News: the evolution of sponsored content in Dubai
Blog Post04.12.2017—1am
Austria: The marketing of a newspaper
Blog Post04.11.2017—1am
NYT: What a difference a continent makes
Blog Post04.10.2017—1am
High school journalists’ investigative work produces results
Blog Post04.07.2017—1am
Some interesting weekend reads: innovation, new products, new numbers
Blog Post04.06.2017—1am
Print can be big, too
Blog Post04.05.2017—2am
The first Spanish-language newspaper for children is here
Blog Post04.04.2017—1am
Design thinking for journalists, why not?
Blog Post04.03.2017—2am
It’s a new look for the Las Vegas Review Journal
Blog Post03.31.2017—2am
Highlights of my webinar
Blog Post03.30.2017—7am
It’s the era of templates
Blog Post03.29.2017—1am
The role of print in my students’ lives
Blog Post03.28.2017—1am
Journalists and cocktail parties: not a happy mojito these days
Contact us with speaking requests, questions or to discuss a project.