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