WellRead

 
 

Invision demo

Prompt: How might we encourage people to get a balanced view on controversial topics such as gun control regardless of their (political) leanings?

Role: UI/UX, research, product design, wireframing, prototyping, interaction design, branding

Tools & Skills: usability, Sketch, prototyping, business development, research, pitching, public speaking, entrepreneurship, InVision

Collaborators: David Cheng (MBA), Steven Chen (MBA), Luis Serota (CS), Jaldeep Acharya (CS)

This question was part of a lab at Cornell Tech in which companies and organizations partner with multidisciplinary student teams to tackle an issue. This question was posed to my group by Google Research. We spent the semester working together, consulting with representatives from Google, to design something that addressed this issue. We came up with “WellRead,” a news app meant to present users with a wider range of views on any given topic, along with incentives to read differing viewpoints. The user can view a news feed, made up of articles from all across the political spectrum. Individual articles are labeled on a blue-to-red spectrum representing its political leaning (based on author history, source, publication, etc.), so the user knows which perspective they are likely going to receive. WellRead also adds an aspect of gamification, providing users with statistics that show how many articles of other perspectives they read. They are also shown a quantitative summary of their own activity on the app, alongside data representing other groups, such as America as a whole, or individual age groups, or people with differing levels of education. This allows them to get a sense of where they stand in relation to others.

Details of Product


Landing Page

After some more feedback, we decided to add an element of gamification, meant to spark competitiveness in the user — she’ll get coins for every article she reads, but she’ll get even more coins for articles that oppose her personal political preferences.

 
 
 
 
 

 

Profile Page

The coins don’t translate directly to money. As seen in our user survey, it was clear to us that users felt that becoming more well-rounded in their news consumption was rewarding in and of itself. The profile page also shows the user enlightening data about their news habits - it shows where they stand on the political spectrum compared to the rest of the country, as well as which topics they most frequent.

Detail of Features

Some final features we added to the site involved topic breakdowns for various topics, accompanied by relevant articles, so that a user can get a deep, laser-focused look into an issue.

System Diagram The arrows illustrates the flow of each actor, object, and wedge

Step 1: System Design

Part I: System Diagram. Def: “The world of your product, its actors, objects, and relationships.”

Upon initial analysis of the problem statement, the team identified five primary actors:

  1. Creator: any person or entity that creates an idea, thought, or emotion

  2. Publisher: any person or entity that distributes the content (ex. New York Times, social media, etc)

  3. Aggregator: any person or entity that consolidates new sources (Flipboard, Google news)

  4. End Consumer: any person or entity that ingests the content

  5. Influencer: any person or entity that can impact the ideas, thoughts, or emotions of the other actors

Part II: Wedge. Def: “Whatever it is—a killer feature, a barrier-to-entry—that puts your product on the map.”

The following wedges were defined to help identify a potential product feature or strategy:

  • Transparency: Provide the end consumer the ability understand the intentions of the writer and/or possess the necessary facts to generate an unbiased opinion 

  • Awareness: Inform users of biases that may exist within the messaging of the content or in the subject matter itself

  • Balance: Generate aggregated content to provide an equal spread of views on a topic

  • Personalization: Customize information available to the users to address any potential biases

  • Information: Notify end consumers of obscured relevant facts surrounding a topic to provide further context for opinion formation

Step 2: User stories

User Stories. Def: “The various things users do with your product, and why they do them.”

The following user stories identify potential ways in which system actors may interact with system objects:

  1. As an end consumer, I’d like to be aware of underlying biases of articles.

  2. As an aggregator, I want to have a balanced set of media sources in order to gain trust for the end consumer.

  3. As a publisher, I want content that is personalized and interesting so it gets pulled by aggregators

  4. As a creator, I want my ideas to be selected by publishers or received by consumers

Step 3: Product Sketches

Product Sketches. Def: “A toolkit of means to collaborate, diverge, and converge on product ideas”

  1. The team created product sketches for the original user flow individually

  2. This process was comprised of developing “Mind maps”, “Crazy 8s”, and “Elaboration”

  3. The following user story was agreed upon and used as the basis for our Crazy 8’s and Elaboration: “As an aggregator, I would like to present an unbiased view of articles to end consumers.”

  4. The team voted on the top “Elaboration” (Yellow stickers) choices 

  5. Final idea was chosen to be elaborated on, and the agreed upon version of product moved into its final round of sketched mockups (below).

Version 1 of product sketches - each team member votes on other members’ product ideas for the next step.

Final Product Sketch to be used going forward into medium- and high-fidelity mockups for testing and coding.

Step 4: Team Narrative (Initial)

Narrative. Def: “Why your product matters to users and what it does, in a few sentences.”

In the era of the “Snapchat Generation” a tectonic shift has irrevocably altered the landscape in which content is syndicated and consumed. Attention spans have sharply diminished while the availability and access to content have drastically increased. More than ever, firms are jockeying for the scarce resource of attention through utility optimizing approaches such as content personalization. As information and content regarding polarizing topics spread faster than ever, a core tradeoff between personalized and diversified content has emerged. Internet stewards such as Google assume a challenging social responsibility in providing balanced views of polarizing topics to a generation of Snapchatters and Tweeters.

Currently, firms like Facebook have become leading news providers to the Millennial Generation with short, attention-grabbing headlines but incur a social cost of providing only personalized, biased content. The product we hope to develop will provide the current Snapchat/Millennial Generation (ages 16-30) an easily consumable news source that provides high-level headlines, infographic-style drilldowns, and additional resources to enable users to quickly digest complex and polarizing topics in an unbiased method that empowers users to understand their own biases and the biases of others.  

Step 5: Survey

Goal of the survey:

  • Do you feel that you have a balanced political view? 

  • Do you wish to have a more balanced view? 

  • What channels are primarily used for news consumption?

 

User Findings

  1. Interestingly enough, over 55% of those surveyed became aware of politics between junior high and high school while they didn’t begin forming opinions until high school to late college. 

    1. This demonstrates a lag in time in which users are becoming aware of politics, and are making decisions regarding politics

    2. This period from high school to early college can be considered the “ripe” window for opinion forming

  2. 57.8% of surveyed users view facebook, an admittedly personalized source, as a primary source for news

  3. Almost 70% of individuals socialize with people who only agree with their views (all the time or most of the time)

  4. Many people indicate that they would be willing to view different sources that oppose their views, but when asked, to list sources, very few actually read sources against their own view

Step 6: Solution and Product Iterations

In the age of personalization, content is becoming increasingly tailored towards reinforcing perceived user biases. One unintended consequences of this is that users, specifically those with unformed opinions on polarizing topics, are less and less able to formulate their own opinions -- this filter bubble pushes their opinions towards the biases of their friends, family, and network. For firms like Google, who are charged with the responsibility of stewarding basic freedom and neutrality of the internet, this becomes a significant issue. There needs to be a medium in which users are able to push through this filter bubble and receive content that informs, empowers, and delights users.

 

Additionally, based on user findings.  

  1. Almost 70% of individuals socialize with people who only agree with their views

  2. Many people indicate that they would be willing to view different sources that oppose their views, but when asked, to list sources, very few actually read sources against their own view

  3. 80% are willing to learn about opposing views

 

Solution

  • Our solution is WellRead, which is a web based platform that aggregates news and reveals biases of articles, your network, and yourself

  • By being more informed of these biases, users are empowered to form their own opinions


Medium Fidelity Mockups

We decided to start the homepage with a Snapchat-style, photo-centric rundown of the trending headlines. Once one of the top headlines is chosen, the user sees all the relevant topic articles, along with a bias spectrum that shows which political “leaning” the article is written from.

 

Home/Landing Page Med-Fi Mockup

 

The Topic pages started out as something you could input your “reaction” to, in order to inform the data tracking for your profile, but primarily in the context of the emotions you tended to feel when reading. The idea was to try out this idea of simply providing the user with some more awareness about their general habits, rating the quality of articles, counting the number of articles read, shared, and presenting opposing viewpoints of their own. Below is the rundown of “topic articles” and the profile data to which it translated.

From these initial prototypes, we decided that it may be more effective and digestible to present users with a color-coded political leaning spectrum for each article.

What I learned

  • Digital product design

  • Web design

  • The philosophy of trying to create digital products to get people to do something that they do not want to do

Previous
Previous

Brooklyn Multiplicity

Next
Next

Emoji Dictionary App - UI Design, Coding