top of page

CNN Learn

A new way to consume news that fights polarization and promotes trust in CNN

Category

Research, Strategy, Social Innovation

Sponsor

CNN Digital

Role

Design Research, Strategy, Client Management, Product Design

Team

Adhiraj Singh, Annie Chen, Hakyung Yeom, Sarah Young

Overview

We partnered with CNN to design a solution for a real business challenge that also had social implications. The prompt was to understand and design for CNN's "Hate-readers".

 

After a 2 months of a rigorous, end-to-end design process that included weekly share outs and co-design sessions, we presented a working prototype for feedback that addressed needs of skeptical news consumption.

CNN Learn - Misinformation solution Melinda Kreuser
CNN Learn - Misinformation solution Melida Kreuser

My Contributions

  • Design Research Lead - designed research strategy, recruited all participants, scripted and performed interviews, conducted user testing, led synthesis for product strategy

  • Product Management - defined project scope and timeline, directed client relationship

  • Prototyping - sketched wireframes

  • UX Writing - created copy for prototype and collaborated on information architecture flow

Solution

CNN Learn is new tab within CNN's existing news app for skeptical news consumers that provides rich context around trending news topics of the user's choice. It provides curated content about each topic such as timelines, overviews,  relevant breaking news, content from regional affiliates, and past stories.

By providing a fuller picture around a news topic, consumers can have a richer, more educational, transparent and tone-neutral news experience. The tab also provides ways for users to test, compare and analyze the information they are presented - true learning opportunities.

GettyImages-983928410 1_edited_edited.jpg

CNN's Prompt

CNN tasked us to understand and design for their "hate-readers" - a prominent user group of their app about which they understood very little. CNN defined "hate-readers" as people who explicitly dislike CNN, but use the app anyways. They wanted us to investigate around these questions:

  • Who are they?

  • How should CNN deal with them?

  • What are their implications?

The Big Picture

What external forces are shaping this phenomenon? What will affect our design direction? I charted key influences on this phenomenon by doing desk research, pulling insights from my past interviews with 10+ journalists on challenges in the media environment, and by talking to the CNN Digital team. 

Growing Public Mistrust of Big Media

Growing public belief that media outlets are biased and unreliable

CNN Business Challenges

An aging user base, changing revenue models and greater media competition

Rampant Misinformation

Infinite content creators, quick media sharing and clickbait 

Establishing Constraints

We were lost on where to start; it was a vague and unique challenge. So, we mapped constraints, explored goals and guidelines, and listed our assumptions.

My contributions:

  • Designed project timeline

  • Explored CNN's strategic objectives, branding assets and user archetypes

  • Performed assumption mapping on what we think hate-reading is and why hate-reading could be significant for CNN's strategic model

CNN Learn timeline

"To read (a blog, newspaper, etc.) that one professes to dislike, often with the intention to mock or criticize."

- Dictionary.com's definition of hate-read

Exploratory Research

We needed to get a grasp on on the basics of hate-reading. What is it, what does it look like, who does it, and why? We dove into the topic with our highest-risk assumptions guiding the research.​

My responsibilities:

  • Created a research and interview guide

  • Designed consent forms

  • Performed desk-research on hate reading behaviors and motivations

  • Designed and disseminated 1 screening survey

  • Held 4 interviews with self-professed news consumers

  • Synthesized interviews against CNN's user archetypes to find behaviors that have not been charted

Interviews
Survey results
Initial interview synthesis

Challenges + Key Moments: Exploratory Research

Initially we thought we wanted to focus on trolls and those who intentionally hate-read, but, it was very difficult to find these people, especially without telling them upfront. Knowing that people can hate-read unintentionally granted me access to a wider pool of initial interviewees while staying true to our target demographic.

Initial Findings on Hate-Reading and News Consumption

I used various methods to synthesize the information I gathered, and found some key common behaviors around hate-reading and news consumption:

Readers are aware of news to inform vs. for entertainment, and its effect on them

"I can't deal with the [CNN] commentators!" - Cl

Intentions around hate-reading may be positive as well as negative

"When he was more prevalent, I followed Donald Trump to see what the 'F' he was saying..." - La

Readers acknowledge the bias in their news, consume it anyways

"I wish there was a more objective news outlet, but I think it's a sign of our times. That's just what's available." - Pe

Synthesizing Further

We needed to define the user and the parameters of their hate-reading behaviors. I helped us see that the common denominator among hate-reading is actually skepticism. From there, we decided to do more primary research.

My contributions included:

  • Performing desk research on skepticism

  • Charting new behaviors against personas

  • Mapping assumptions on skeptical news consumption

  • Creating new interview guide

Frame 1630.png
Is "Hate" the Right Word?

"An attitude of doubt or a disposition to incredulity either in general or toward a particular object"

- One of Merriam Webster's definitions of skepticism

Investigating Skepticism

I held another round of interviews to understand the behaviors and motivations around consuming news with a skeptical mindset. ​

What I did:​

  • Drafted new interview questions

  • Designed and disseminated recruitment adverts

  • Held 8 interviews with people who identify as "skeptical news consumers"

  • Designed and led a ranking activity on media outlet trustworthiness

Ads on social media
Targeted Interview
Ranking Activity

Synthesizing Skepticism

But what does skepticism mean for news consumption? What causes it, and what does it look like? Through affinity mapping and mapping, we 

I helped derive that:​

  • Skepticism and trust in news and content are products of both long and short term factors

  • Skepticism is healthy but also maladaptive

  • The pain points are mostly around bias and external influences in objectivity

Skepticism Spectrum
Mapping Trust Factors
Mapping Skepticism Factors

Mindsets + Pain Points

Regarding trustworthiness in news and media, I derived these mindsets and behaviors around skeptical news consumers:

  1. Trusting local and foreign sources more

  2. Acknowledging news bias yet consuming it to paint own truth

  3. Trusting a news outlet based on how their peers trust it

  4. Frustration from lack of transparency upfront

  5. Avoiding political news consumption due to hyper-partisan tone fatigue

And the following pain points:

Too much commercial bias in news reporting

"I can't go on my phone without getting apple news everywhere. It's been totally commercialized, bought out by billionaires." - J

Mixing facts with opinion, perceived lack of proof

"Why would I trust them [news outlets] when they have been wrong on so many things?" - L

Too much "clickbait" and content to persuade

"Are you trying to get me to vote a certain way or just trying to report? For me, that's where my skepticism comes from, ultimately." - CZ

Creating a New Archetype

Having mapped the users' behaviors and mindsets against CNN's existing archetypes, we saw that they were consistent with a new type of user. To be valued by CNN, this newly-identified user needed to be charted as a new archetype.​

My contributions:​

  • Synthesized behaviors from interviews to determine who is and who isn't "skeptical"

  • Created new metrics for behaviors and mindsets

  • Mapped preferences on existing dimensions to create a psychographic summary

  • Identified key attitudes, mindsets, pain points and barriers to entry

Skeptical Consumer Archetype Definition
Skeptical Consumer Archetype: Psychographic Summary
Skeptical Consumer Archetype: Attitudes, Mindsets, Barriers
GettyImages-983928410 1_edited_edited.jpg

How Might We...?

We then looked at our behavioral insights on skepticism, and framed them against CNN's business strategy, social forces, and our constraints to derive our design direction:​

How might we transform CNN's existing assets into an experience that is transparent and  provides users diverse news perspectives?​

Brainstorming Directions

With our "How Might We" statement and our constraints, we could now begin developing concepts. We first came up with three general directions, all within CNN's existing ecosystem. With these directions we then mapped out their hypothetical business, user and societal impact. 

 

We also understood that capturing Gen Z could be an important part of achieving CNN's business strategy, and remembered that people have higher trust in local news. With that in mind, we needed to research Gen Z media consumption and their attitudes towards local news.

My contributions:​

  • Collaborated on concept direction and impact mapping

  • Performed desk research on the value of local news for users and Gen Z trends in media consumption

  • Interviewed 4 Gen Z news consumers, and obtained data from 8 more people through a survey on their needs and views on local news

  • Synthesized data to create insights for Gen Z-specific features

Impact Mapping
HMW For Gen Z Needs
3 Concept Directions
Frame 1626.png

Concept Sketching

With feedback from CNN, we decided to pursue a concept leveraging their local news affiliates and the Gen Z audience. We then produced three different concepts around that direction. ​

Concept #1 - A news aggregator that's based on Gen Z interests and style, is image heavy, can be personalized, and has social engagement

Concept #2 - Wikipedia-like function within app that provides deeper context around news

Concept #3 - Improved heuristics of existing CNN app, while including greater personalization options

My contributions:​​

  • Drew comps on media and feature strategies for engaging Gen Z and local news affiliates

  • Created wireframes for concept #1 (Gen Z social)

  • Brainstormed main features of other concepts

Overview: 3 Concept Directions
Concept 1: Gen Z Social
Concept 2: WikiNews

Feature Mapping

With the feedback from CNN we decided to focus on the "Learn tab" (concept #2) because of its uniqueness among CNN products and its production feasibility. 

My contributions:​

  • Brainstormed functional, social and business "jobs to be done" within the concept

  • Synthesized the "jobs to be done" into feature themes

  • Mapped hypothetical features on an impact x effort scale to determine which were feasible

  • Drew comps of features from relevant apps

  • Sketched wireframes for hypothetical features

  • Collaborated on a user journey map to determine touch points and entry points

Discussing the “Jobs to Be Done”
Mapping Features Based on Effort x Impact

Features

The features centered around 3 themes: user agency, empowerment through knowledge, and inclusion. Through a mapping exercise, we identified 6 tasks or "jobs to be done" that the user would aim to do with the product:

  1. I need to know who this news affects and who is involved

  2. I want to share what I learn with my friends

  3. I want to be updated effortlessly and quickly

  4. I want to be informed via multiple perspectives

  5. I want to feel confident in my new knowledge

  6. I want to see things relevant to me

Validation Testing

With only one week remaining on the project, we needed to at least validate the concept and main features of the prototype.​

My contributions:​

  • Designed a user testing experiment guide around assumptions, hypotheses and success metrics

  • Created a functional prototype for validating user understanding of the concept

  • Conducted 4 user tests in person and online

  • Synthesized data using quantitative methods

Validation Testing with PDF Prototype
Validation Testing with PDF Prototype on Zoom
Testing Guide
Validation Testing Data

Validation Insights

Through synthesis of user feedback, I gathered the following insights on the overall direction of the concept:

General Understanding

They understand what "Learn" is aiming to do and are excited to dive deep into the topics. But, they were unsure how this is different from an aggregator. 

Favorite Features

How the tab presents different layers and complexities of information in a zoom-in, zoom-out style

Pain Points

The flow between different categories, information and screens was confusing.

Prototype Iteration

It was clear from the user testing that the concept became unclear once inside the tab. First, as a team we needed to align on our own understanding of the concept, then from there we decided to streamline the information architecture and make the UX copy consistent with the intended flow. We also created entry points for the tab from within CNN's existing assets.​

My contributions:​

  • Suggested user flow and information architecture improvements

  • Drafted UX copy that is clear and aligned with CNN's actual content

  • Drafted wireframes for new features

  • Researched entry points within CNN's existing ecosystem

Reviewing Information Architecture
Revised Information Architecture

Previous

Next

bottom of page