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 Post07.14.2017—1am
Local newspapers, new digital strategies that work
Blog Post07.13.2017—1am
The Donald Jr. Russian story: It’s somewhere on that front page
Blog Post07.12.2017—1am
Ecuador: where print still dominates
Blog Post07.11.2017—1am
Making those Tweets more graphic
Blog Post07.10.2017—1am
The pain of transformation begins with the people involved
Blog Post07.03.2017—1am
Gone to the beach!
Blog Post06.30.2017—1am
Latest EyeTrack study: how we read news on smartphones
Blog Post06.29.2017—1am
The yellow pages: yes, they are still around
Blog Post06.28.2017—1am
Tablets are nice, but those smartphones dominate
Blog Post06.27.2017—12am
Goldman Sachs and the economics of design
Blog Post06.26.2017—1am
Trump, lies and storytelling
Blog Post06.23.2017—1am
Here’s Exchange, the new Frere-Jones font: it projects calm, authority
Blog Post06.22.2017—1am
The word “redesign” should be retired
Blog Post06.21.2017—1am
IAPA’s Digital Summit 2017 opens today in Miami
Blog Post06.20.2017—1am
Senior citizens read news on their mobile platforms! Surprise!
Blog Post06.19.2017—1am
Italy: we create new logo for The Post Internazionale
Blog Post06.16.2017—1am
Forget the one headline fits all theory!
Blog Post06.15.2017—1am
Change in newsroom goes beyond just a protocol statement
Blog Post06.14.2017—12am
Telling the story with just quotes
Blog Post06.13.2017—12am
How US front pages displayed the Comey story
Blog Post06.12.2017—12am
Making those complicated Washington political stories more visually interesting.
Blog Post06.09.2017—1am
Attracting young audiences (2)–Snapchat Discover
Blog Post06.08.2017—1am
Montreal’s La Presse+ says adieu to print!
Blog Post06.07.2017—1am
Attracting those younger readers (1): one gift subscription at a time
Blog Post06.06.2017—1am
The battle for your ears
Blog Post06.05.2017—1am
Quick ways to tell stories
Blog Post06.02.2017—1am
Garcia Media turns 25!
Blog Post06.01.2017—1am
It’s social media the publisher
Blog Post05.31.2017—1am
Before you get the room, read the Airbnb Magazine
Blog Post05.30.2017—1am
It’s a new homepage for The Atlantic
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!
Contact us with speaking requests, questions or to discuss a project.