Beyond 800 words — part 2: prototyping formats for news and Generation Z

Tristan Ferne
BBC News Labs
Published in
10 min readJul 18, 2018

--

Tristan Ferne, BBC Research & Development

News on the internet is largely served up as 500 to 800-word articles — a legacy of newspapers. Although the digital article has been enhanced and improved with new technologies, it still works on the assumption that ‘one size fits all’.

BBC R&D is developing new story formats for news that are more effective than conventional video or article formats. In my previous article I wrote about the current landscape of digital news. We think there might be better things.

Maybe we’ll invent an industry disrupter. Maybe not. But we can learn about the evolving needs of our audiences, experiment with formats, inform the design of future systems and interfaces, and inspire people.

In that spirit, we wanted to share our learnings from the first two-month phase of BBC R&D’s “Reinventing News Stories” project — our ideas and prototypes and how we got there.

The target audience

Generation Z (18–26) in the UK

For this first phase of the project we chose to design new story formats for young people — they are digital- and mobile-first and tend to be open to new experiences. They are also a really important but hard-to-reach audience for the BBC so this seemed a good place to start.

How we worked

I set up a multi-disciplinary project team with the key skills to make news prototypes; a multimedia journalist from the World Service, a UX designer, a user researcher and a developer. A “minimum viable BBC” if you like.

Because of the large possibility space of ideas, we wanted to test lots of concepts as quickly as possible, kill the weak ones early, and iterate or create new ones. To do this we needed regular, early user feedback. We aimed to design for the needs, behaviours and context that we heard about from the users we interviewed.

Where our prototypes fit (triangle from Houde and Hill’s “What Do Prototypes Prototype?“)

To enable us to test many things we aimed to make “experience” prototypes. We had enough background knowledge of enterprise back-ends and content management systems and data sources so our ideas weren’t completely unrealistic, but this didn’t constrain us.

However, constraints are a great inspiration for creativity, so as well as focusing on a young audience we also limited our scope to only re-using content the BBC already produces. I felt this “constrained freedom” was important to be able to creatively explore the space of new story formats.

We developed ideas into testable prototypes on a weekly basis, using real news stories, and over eight weeks we showed 12 prototypes to 26 people from our target audience.

Could we combine existing media to make online news more accessible, engaging and relevant to young people?

How we evaluated ideas

What is a good idea anyway? For this project it’s important to us that people can understand and use the format intuitively. It’s important that it fits their needs, contexts and technology. And for the BBC, it has to work at scale and enable journalists to tell stories in an efficient and creative way. Overall we’re looking for formats that are feasible, desirable, meet user needs and are new and innovative.

Newswigs!

So as well as our regular user testing, we evaluated the prototypes ourselves against a range of criteria:

  1. Is it usable and understandable?
  2. Is it delightful and engaging?
  3. Is it distinctive and new?
  4. Does it meet audience needs and behaviours?
  5. Does it strike the right tone and style?
  6. Is it easy to build? (technically)
  7. Is it easy to create stories for it? (a key business need)
  8. Does it work across different genres of news? (e.g. features, breaking news, long-running stories, digests…)
  9. What kind of pattern or format is it? Is it a new kind of interaction or is it a new way of telling a story? Or, in my definition of a format, is it some kind of a combination of these?

We used “catwig” cards to help us evaluate the prototypes. (Yes, wigs for cats are a real thing. Read more here). Developed by Libby Miller and Richard Sewell, these cards are designed to help you think along various axes of evaluation. We used our criteria to make our own “newswigs” cards. Libby subsequently created these cards professionally and you can download the resources to create your own.

What we learnt about 18–26 year olds and news

  1. They want to skim, but dig deeper when they’re interested
  2. They want to understand complex stories
  3. They want to read a story all in one place
  4. They want help forming opinions
  5. They want a choice of media to suit context

We did a mix of desk research, including reports from the Knight Foundation, Pew Research Centre, the Reuters Institute and the BBC, and interviews with 26 audience members from our target demographic. We wanted to find out how they consume news, and asked them to test our prototypes.

We found that young people are trying to navigate a difficult path between information overload and FOMO (fear of missing out). Most of our interviewees had news apps, including the BBC’s, and some used system news apps (like Apple News or Samsung’s upday). Skimming the headlines in the morning is often the first thing they do. They want to keep up-to-date with the news, but will only dig deeper on certain stories, depending on their interests. Social media is important in finding news, although the platforms are increasingly perceived as a negative space and they prefer to share stories in private messaging apps instead. And, surprising to us, Snapchat and Instagram weren’t really used for news.

Most young people recognised they inhabited “filter bubbles” on Facebook, insulated from views different to their own, and there was a desire to escape this and get a wider view. However, they often had neither the time nor know-how to do this. They told us they wanted news to present a range of viewpoints to help them form their own opinions.

In general, they wanted choice on how to consume information. There was an apparent preference for text, but it always depended on their context and the story. Limited mobile data plans, for example, meant video was consumed more at home.

And anecdotally, the more playful we made our prototypes the more engaging our participants found them — even if we didn’t always get the interaction quite right.

Building many things

We made 12 prototypes — a mix of working web pages, mockups and videos. The ideas ranged from playing atmospheric audio for a story, scrubbable videos, swiping through viewpoints, choosing your format, curations of stories, cinematic introductions and expandable explanations. Everything was designed for mobile, because that’s what everyone we spoke to used for online news.

We evaluated as we went, and developed the most promising ones further into new variations. We also tested the best prototypes with several different news stories to ensure it wasn’t just the content the users were drawn to. These are our four best prototypes.

Expander — embedded context

“I like that, if you’re unfamiliar with something it’ll clarify that”

— M, 22

The BBC is often criticised for assuming too much knowledge, which can be a barrier to understanding — things like business jargon, challenging vocabulary or background to complex geo-political stories.

This prototype, Expander, seeks to address this with additional information hidden within expandable boxes. It gives the user a clean and concise reading experience upfront but with the opportunity to ‘dig deeper’ for more information.

A yellow ellipsis icon indicates additional text: a profile of a key figure, a dictionary definition or background to an aspect of the story.

A blue “eye” icon indicates something visual — an image, video or social media embed. We call these “visual proofs” where, for example, we show the press conference the article references.

It’s simple but effective. This Generation Z audience seems to prefer information in one place — rather than links taking them elsewhere. We think this modular approach could work well for long-form journalism and for topics that need additional explanation like politics or economics.

Similar concepts can be seen in reusable factboxes on the Guardian and other places. Telescopic Text was also an inspiration.

Incremental — choose your own format

“Really like that, the long/short/skip”

— F, 23

This prototype, Incremental, breaks a news story into sections and gives you the option to consume each chunk of information as either video, short text, long text or skip it.

It’s a straightforward interaction, presented in a conversational style. It proved popular with our test participants in helping to explain the big picture: they said sub-headings and nuggets of information were easier to absorb, having content in one place is good, and they liked the option to select the length and media type to suit their preference or situation.

Overall Incremental had the best user feedback from this round. We think it could be a kind of long-form by stealth — a way of engaging people put off by long articles or lots of sidebars and related article links.

We made it look a bit message-y to appeal to this audience and so it looks a bit like the Quartz app though we feel it’s quite different. Under the hood it is conceptually object-based and the structured content could be re-used in chat apps or voice interfaces.

Viewpoints — swiping opinions

“That shows you both sides, in video form, and you can obviously decide for yourself and see what other people think as well”

— M, 24

Young audiences want to understand complex stories — the why not just the what. They also want a range of viewpoints to help them understand an issue, reason it out and form their own opinion. This prototype was informed by these key needs and offers polarised opinions on a story.

Viewpoints is presented as a series of cards. The first gives a brief overview of the issue, in this case “Should Catalonia be independent?”. The user swipes to reveal a short video arguing the case for independence, and then swipes to see the argument against. The final swipe reveals a poll.

Participants had told us about “filter bubbles” on social media, and concerns that algorithms were giving them a skewed sense of the world. Getting both sides of an issue appealed to them. They also liked hearing from individuals with first-hand experience of the issue at hand.

While we don’t think this particular execution is quite right, the concept of Viewpoints was popular, and the playful interaction was more effective than the same content presented in linear form. The interaction pattern was inspired by Tinder and the mobile game Reigns!

Fastforward — scrollable video

“You can go back to clarify, that’s good”

— M, 21

Fastforward is a new feature for digital video with subtitles or captions. It seems pretty obvious but we think it is fairly novel. The caption text and the video are synchronised so you can scrub forwards and backwards in the video by scrolling the text, putting the user firmly in control. It enables you to skim video really easily.

There is also a handle on the text area which lets you expand the text field to fill the screen if you would rather read than watch, or vice-versa.

As an interaction pattern for video it tested really well. Participants talked about using it to skip to interesting bits or to review something they missed. They found it intuitive to use once they’d discovered the function.

What’s next?

We’re working on piloting some of these concepts to learn more. BBC News Labs recently built this headlines pilot for Google Amp Stories, which was informed by one of our prototypes.

Although we didn’t aim to make structured, atomised or object-based media concepts, it’s notable that two of the prototypes featured (Incremental and Expander) would naturally be based around re-usable chunks of media.

For our next phase of the project we have the same broad brief to develop new story formats, but with a new angle — personalisation — which should push us in new directions. In the future, machine-learning and AI will increasingly play a role in serving up ultra-personalised news products and recommendations of stories to users. But what if the story itself could adapt to you?

The rest of the articles in this series:

Part 1 — the landscape of digital story formats for news

Part 3 — more news formats for personalising and understanding, and a wrap-up of what we learnt

Part 4 — what we learnt about young audiences and how to write better news

BBC Research & Development team: Thomas Mould, UX Designer. Mathieu Triay, Creative Technologist. Zoe Murphy, Journalist. Johanna Kollman, User researcher. Tristan Ferne, Producer.

--

--

Tristan Ferne
BBC News Labs

R&D on the web for the BBC, executive producer @bbcrd. My thoughts, opinions and words here.