Immersive multimedia storytelling
This project introduces a new mobile-first immersive storytelling template and unlocks alternative storytelling at scale to highlight media, emphasize brevity, and create a bingeable habit-forming experience.
Role
Lead product designer, led end to end design, research and handoff.
Teams
Product design, news graphic design, product and engineering
Timeframe
October 2023 to January 2024
The Problem
We know that users are delighted by and engage with immersive storytelling. The landscape of the media industry has also changed: storytelling is no longer only done via words, but highlights audio, video, and photo. In some cases, these multimedia elements drive the story more than the words themselves.
For The Washington Post, we’ve seen this with the success of our centered layout stories on the custom template by the news graphic design team – both of which often rely on the heavy use of multimedia and unique design.
The crux of our problem is that:
Volume: we are not giving users as much multimedia content/storytelling as they are willing to consume
Tooling: it is difficult for our newsroom to create multimedia-centric story layouts
Discovery: the ones that are created aren’t discoverable
Other than the custom template, we have very limited flexibility on what we can create that feels immersive and highlights media. Our users are limited in how much of this type of storytelling they can discover, consume, and recirculate through because we don’t have a standard or scalable way to produce these types of storytelling experiences that are truly media-first.
Newsroom has often relied on STAMPs to achieve this goal, however STAMPs are a remnant of the Google AMP world, mostly a hack that we no longer want to maintain. Once a storytelling tool, they have evolved into mostly just being used as standalone photo galleries. As STAMPs don’t live in our ecosystem, they are hard to monetize and recirculate users upon completion and also hard for our internal users to create and edit them. The form of the STAMP also does not meet the function of what they are trying to do.
The Concepts
I took inspiration from the more visual forward custom articles that the news graphic design team creates and from image and video focused social media apps like tik tok, instagram and others where users are consuming shorter form content. Using these inspirations I created wire frames with three different interaction flows for how the user would move through the content.
Concept 1: Photos Only Experience (choose your own adventure)
Allow users to navigate themselves through the images or skip images by giving them a birds’ eye view of the content.
would work best with content without a narrative / much text
Concept 2: Photos Player
Automatic photo slideshow that moves users linearly through the content
could still give manual controls.
Great for content with a narrative
speed would be important, might feel prescriptive
Concept 3: Vertical Photo Story Telling
Leverage vertical scrolling to move readers through a series of photos and text
vertical scrolling helps mitigate carousel scroll fatigue
feel more similar to other templates like the immersive topper and VV
play on learned patterns from social media
Research & Feedback
In a previous project for creating a new image gallery component I had conducted user research and found that users more easily move through content when they are swiping and scrolling as apposed to horizontally, an insight that was backed up by the poor click through rate of the old carousels on the site. After feedback and incorporating those insights from previous research I landed on the vertical scrolling flow and worked to refine the design and interactions further.
Final designs
The Results
This project has yet to be worked on by the engineering team, but the news graphic design team has adopted some of the patterns from this work and created custom stories using similar templates. You can find some of these live examples below: