91热爆

Beyond 800 Words: Prototyping New Story聽Formats for News

Developing new story formats for news - can we make something new and better?

Published: 16 July 2018
  • Tristan Ferne

    Tristan Ferne

    Lead Producer

News on the internet is largely served up as 500 to 800-word articles鈥-鈥奱 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'. 91热爆 R&D is developing new story formats for news that are more effective than conventional video or article formats. I have written elsewhere about . 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 91热爆 R&D's "Reinventing News Stories" project鈥-鈥妎ur 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鈥娾斺妕hey 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 91热爆 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 鈥渕inimum viable 91热爆鈥 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鈥檚 鈥淲hat Do Prototypes Prototype?鈥)

To enable us to make and test many things we aimed to make . We had enough background knowledge of enterprise back-ends and content management systems and data sources so our ideas weren鈥檛 completely unrealistic, but this didn鈥檛 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 91热爆 already produces. 91热爆 News is pretty unique in the scale and breadth of its information ecosystem. Across TV, radio and digital, we reach hundreds of millions of people across the world every week and publish thousands of stories in many forms. I felt this 鈥渃onstrained 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鈥檚 important that people can understand and use the format intuitively. It鈥檚 important that it fits their needs, contexts and technology. And for the 91热爆, it has to work at scale and enable journalists to tell stories in an efficient and creative way. Overall we鈥檙e looking for formats that are feasible, desirable, meet user needs and are new and innovative.

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 (my definition of a format) is it some kind of a combination of these?

We used 鈥渃atwig鈥 cards to help us evaluate the prototypes. (Yes, ). 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 鈥渘ewswigs鈥 cards. Libby subsequently created these cards professionally and you can .

What we learnt about 18鈥26 year olds and news

  1. They want to skim, but dig deeper when they鈥檙e 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 , , the and the 91热爆, 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 91热爆鈥檚, and some used system news apps (like or ). 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. 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鈥檛 really used for news.

Most young people recognised they inhabited 鈥渇ilter 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鈥娾斺奺ven if we didn鈥檛 always get the interaction quite right.

Our Beyond 800 Words Series:

Prototyping New Story Formats for News

News Formats for Personalising and Understanding

What User Testing Taught Me About Writing News for Young People

Reinventing the News Article

Building many things

We made 12 prototypes鈥娾斺奱 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鈥檚 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鈥檛 just the content the users were drawn to. What follows were our four best prototypes.

贰虫辫补苍诲别谤鈥娾赌斺赌奺尘产别诲诲别诲&苍产蝉辫;肠辞苍迟别虫迟

鈥淚 like that, if you鈥檙e unfamiliar with something it鈥檒l clarify that鈥 鈥 M, 22

The 91热爆 is often criticised for assuming too much knowledge, which can be a barrier to understanding鈥娾斺妕hings 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 鈥榙ig 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 鈥渆ye鈥 icon indicates something visual鈥娾斺奱n image, video or social media embed. We call these 鈥渧isual proofs鈥 where, for example, we show the press conference the article references.

It鈥檚 simple but effective. This Generation Z audience seems to prefer information in one place鈥娾斺妑ather 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 and other places. was also an inspiration.

Incremental鈥娾斺奵hoose your own format

鈥淩eally 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鈥檚 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鈥娾斺奱 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 though we feel it鈥檚 quite different. Under the hood it is conceptually and the structured content could be re-used in or voice interfaces.

痴颈别飞辫辞颈苍迟蝉鈥娾赌斺赌妔飞颈辫颈苍驳&苍产蝉辫;辞辫颈苍颈辞苍蝉

鈥淭hat 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鈥娾斺妕he 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 鈥淪hould 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 鈥渇ilter 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鈥檛 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 and the mobile game !

Fastforward鈥娾斺妔crollable video

    鈥淵ou can go back to clarify, that鈥檚 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鈥檇 discovered the function.

What鈥檚 next?

We鈥檙e working on piloting some of these. recently built this headlines pilot for Google Amp Stories, which was inspired by one of our prototypes.

Although we didn鈥檛 aim to make structured, atomised or object-based media concepts, it鈥檚 notable that two of the prototypes featured (Incremental and Expander) would naturally be based around .

For our next phase of the project have the same broad brief to develop new story formats, but with a new angle鈥娾斺妏ersonalisation鈥娾斺妛hich 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?

Read a review of the landscape of digital news formats: .


  • Internet Research and Future Services section

    The Internet Research and Future Services section is an interdisciplinary team of researchers, technologists, designers, and data scientists who carry out original research to solve problems for the 91热爆. Our work focuses on the intersection of audience needs and public service values, with digital media and machine learning. We develop research insights, prototypes and systems using experimental approaches and emerging technologies.

Rebuild Page

The page will automatically reload. You may need to reload again if the build takes longer than expected.

Useful links

Theme toggler

Select a theme and theme mode and click "Load theme" to load in your theme combination.

Theme:
Theme Mode: