qübe

qube thumb.png

Background

robin-worrall-749755-unsplash.jpg

Getting news from preference-driven social media…

According to Pew Research Center, in 2016 62% of American adults consumed their daily news on social media.

This is akin to feeding your brain fast food.

You read large amounts of questionable information. You don’t know what the sources are or where they come from. And you more than likely don’t have the training or time to determine if the news you’re consuming is quality journalism.

Picture3.png

Creates echo chambers filled with fake news…

Now, combine this with the fact that social media feeds are filtered by algorithms that cater our preferences and biases.

Not only are we consuming large amounts of biased information, we do so very rapidly and with little criticality in part because of how both our smartphones and our social media are designed.

Picture2.png

And ultimately heightens national tension.

The unhealthy information ecosystem we find ourselves in creates low engagement with diverse perspectives and a high susceptibility to fake news.

This deepens the divide between individuals, increasing tribalism and heightening national tension to new levels.


How might we help American citizens become less susceptible to fake news?


OBJECTIVE
Our team dedicated our graduate capstone project to improving public participation. The rise of fake news during the 2016 election galvanized us to tackle this somewhat wicked problem.

PROJECT DURATION
6 months

SPONSOR
Jake Zukowski, FJORD

TEAMMATES
Olivia Thom
Conor Kelly

PERSONAL CONTRIBUTIONS

Design: wireframes, interaction flow, interaction model, design specs, high-fidelity UI, project poster, DUB community slide presentation

Research: expert interviews,  competitive assessment, primary research plan, conducted user observations and task analysis session

Synthesis: research insights, design principles, insight diagrams, and research report

Prototyping: paper prototype, digital prototype

Evaluation: conducted prototype test sessions, analyzed data to determine design implications


Design Proposal

Become a better informed and more well-rounded citizen by changing how you interact with news from different perspectives.

Qübe is a news delivery device that trains you to go beyond the headline, get in the habit of checking news sources, and engage with ideas outside your echo chamber.

It’s a new way to news!

 
 
Screen Shot 2018-10-16 at 1.52.14 AM.png

Main Features

Burst your news bubble.

Qübe shows you 3 articles on the same topic, each with different biases.

Better detect bias.

A mini-game challenges you to guess an article’s bias before you know it’s source.

 
gif.gif

Set news goals.

Qübe’s companion app links to your cube and lets you set goals for yourself.

gif (2).gif

Learn about your news habits.

Stats provide transparency and clarity on how you consume news over time.

 
 

RESEARCH

Literature Review

Our team began with a literature review that scrutinized the nature and history of public participation. We found that the largest political movements happened when there is a sense of empathy, agency, and a community-recognized enemy (either physical or philosophical) that galvanizes a population.

That meant that access to quality information is a necessary component to healthy public participation, and the degradation of quality information (for example, fear mongering and propaganda) can lead to either a decrease or misappropriation of civic engagement.

Academia and public sentiment at the start of 2017 suggested a lack of information literacy on social media was at fault for the spread of fake news during the 2016 election cycle, and thus impacted the public’s perception and participation prior to election night. Fact checking on the part of the social media user was repeatedly suggested as the way forward.

Never have we had so much information at our fingertips. Whether this bounty will make us smarter and better informed or more ignorant and narrow-minded will depend on our awareness of this problem and our educational response to it. At present, we worry that democracy is threatened by the ease at which disinformation about civic issues is allowed to spread and flourish.
— Stanford History Education Group
 

Competitive Assessment

In spring 2017, Facebook was the first social media platform to unveil a fake news tagging feature for its users. A blog post accompanied this feature educating users on how to fact check. We conducted a task analysis and found several areas of improvement. 

What we learned...

  • Missing benchmarks - There is no way for people to know their history of engagement with fake news on Facebook.

  • Skill and knowledge is assumed - Users must be able to accurately determine if a post is fake news prior to reporting it as fake.

  • Useful information is missing - There is no way of knowing if a post is currently being investigated by Facebook prior to it being tagged as fake news.

  • Reliant on crowdsourcing - The tagging system won't work if not enough people flag content as fake.

 
Screen Shot 2017-10-03 at 6.51.07 PM.png
 

Expert Interviews

We turned to experts in the fields of information literacy, civic online engagement, crisis informatics and disinformation, social media algorithms, and digital education to understand more.

Through these conversations, we hoped to understand if fact checking was indeed a viable solution, and if not, what other opportunities we could explore.

 
  Kate Starbird, PhD   Assistant Professor, Human Centered Design & Engineering, University of Washington.

Kate Starbird, PhD

Assistant Professor, Human Centered Design & Engineering, University of Washington.

  Wael Ghonim   Internet activist and computer engineer with an interest in social entrepreneurship.

Wael Ghonim

Internet activist and computer engineer with an interest in social entrepreneurship.

  Sarah McGrew   PhD candidate, School of Education, Stanford, current.

Sarah McGrew

PhD candidate, School of Education, Stanford, current.

  John Bracken   VP of Media Innovation for the Knight Foundation.

John Bracken

VP of Media Innovation for the Knight Foundation.

  Robin Roemer   Librarian, Reference & Research Services, University of Washington.

Robin Roemer

Librarian, Reference & Research Services, University of Washington.

 

What we learned….

The problem is complex and experts are split on the best response

  • The “fake news” crisis is more of an information crisis, where large populations are affected by purposeful and orchestrated misinformation. This can have significant implications for society.

  • The average person probably won’t go out of their way to become a better reader or consumer of news. Inspiring people to care about what they’re reading so they critically engage with the information is unlikely to succeed.

Education is one possible avenue, but application of knowledge is tricky

  • Educators are not prepared or knowledgeable enough about technology to try and take on the open internet.  

  • There are structured frameworks for fact checking that librarians, academics, and journalists use to determine the legitimacy of sources. These are highly specialized fields that require practice to become proficient.

Technology and truth have an intricate relationship that is impacting journalism

  • People inherently trust algorithms without understanding how they work. The mobocratic nature of social media platforms’ algorithms influences the content that spreads by giving a voice to the person yelling the loudest.

  • Because truth is subjective, all news that comes out is inherently untrustworthy from some stand point. News companies are in the best position to respond to the user-driven demand for upgrading the journalism system.

 

User Research

To round out our understanding of how misinformation, news consumption behavior, and social media was impacting the everyday person, we created a plan to conduct generative research.

Target Audience

  • College undergrads who are daily users of social media

  • Avg. Age: 20

We chose this target audience because of easy access to a large, politically diverse, particularly busy population with a high rate of social media usage. Undergraduates also had a higher likelihood of first time public participation in the 2016 election process, which was heavily impacted by fake news spread on social media.

 

What fact checking strategies, if any, are most appropriate for college undergrads to discern the validity of information found on social media?

 

Method 1: Observations

Number of participants: 6

Typical session: 20 minutes

We wanted to know…

  • How do undergrads normally use social media? Is it a vehicle for news for this group?

  • How do undergrads happen upon news in their lives?

  • When interested in reading the news, how do they seek it out?

  • What natural fact checking tendencies do they exhibit?

To ensure our target audience was viable for our research question, we observed undergrads' natural tendencies to read news on social media. This was followed by observing how they used social media to get a sense of the day’s news when prompted.

Screen Shot 2017-10-03 at 7.31.17 PM.png
 

Method 2: Task Analysis & Think Aloud

Number of Participants: 4

Typical session: 1 hour

We wanted to know…

  • When interested in learning about a specific news topic, how do they seek it out?

  • When prompted, what methodology do undergrads use to fact check articles?

  • How does introducing a fact checking guide impact the participant’s ability to determine news source credibility and what does this do to the news experience?

We wanted to validate the idea of fact checking on the part of social media user. To understand how people do this without guidance, participants were asked to think aloud while fact checking a news article from a source they don't know. We then introduced a fact checking guide and asked the participants to check a second article from another unfamiliar source. 

Screen Shot 2017-10-03 at 7.58.54 PM.png
 

Insights

We generated insights from our research through affinity diagramming and whiteboarding. 

IMG_7616.JPG
IMG_7620.JPG
 

Trust in news isn't based on logic

1. People trust news based on how it makes them feel, and thus are susceptible to the emotional manipulations of fake news which mimics sensational news.

2. Brand and customer experience contribute to a person’s trust in a news source.

3. People want minimal effort to trust a news source. Once a source has that trust, there is little effort needed to keep it.

Screen Shot 2018-10-15 at 8.42.54 PM.png

Social media feeds bias through personalization

4. The social media system is designed to catch & maintain people’s attention by amplifying their biases.

5. People trust information curated for them by algorithms and do not question that trust.

Screen Shot 2017-10-03 at 8.32.07 PM.png

Fact checking is problematic

6. People are less likely to fact check if they don’t know anything about the topic, in large part because news is not set up to make it easy for the average person to fact check.

7. Fact checking breaks the “flow” experience of social media.

8. People overestimate their natural ability to discern credible content as well as their ability to fact check.

Screen Shot 2017-10-03 at 8.31.42 PM.png
 

Design Principles

Be ethical when trying to gain a person’s trust.
Insights: 1, 4, 5
Design to keep trust at the surface of any product or experience we design in an ethical way.

Cultivate positive emotions when engaging critical thinking.
Insights: 1, 2, 4, 7, 8
Support the elevation of positive experences with regards to information consumption and critical thinking.

Be easy to do — and understand.
Insights: 3, 6, 8
Embrace a strong design language and keep continuity and transparency in all stages of the design process.

Don’t force a person to act counter-intuitively.
Insights: All
Keep realistic expectations for natural behaviors to help meet people where they are. 

Meet people at their literacy level.
Insights: 1, 3, 5, 6
Curate and design the content of any design solution to the natural comfort level of our audience, supporting our other principles.

Keep decisions transparent and information provenance apparent.
Insights: 1, 2, 5, 6
People have a tendency to overestimate their own abilities based on assumptions, and transparency will help mitigate this.


Ideation

The opportunity space 

We knew solutions requiring non-critical thinking would not impact the problem space, but solutions requiring a large amount of critical thinking, such as fact checking, are also not appropriate. Our sweet spot lies in the middle, and there we identified bias exposure, slowing news consumption, and news literacy education as the most valuable avenues of exploration.

Screen Shot 2017-10-04 at 11.40.37 AM.png
 

Idea generation

Screen Shot 2018-10-15 at 9.01.15 PM.png

Over a two week period, we conducted 5 team ideation workshops and generated 130 ideas with our three design areas in mind. My favorite methods were Worst Ideas Ever and Wishing. I found that going to extremes really helped to break outside the creative comfort zone.

To narrow, we held two sessions of dot voting. First we determined which ideas were potentially the least desirable, feasible, and viable. On the remaining ideas, we voted on which ideas had the most desirable, feasible, and viable to narrow down to our top five.

pick4 copy.jpg
 

Initial Concepts

 
  Statue of Insight   A visualization of your Facebook information habits through a moving, morphing physical statue.

Statue of Insight

A visualization of your Facebook information habits through a moving, morphing physical statue.

  myCube   A beautiful artifact for your space that reveals a news article every 24 hours.

myCube

A beautiful artifact for your space that reveals a news article every 24 hours.

  Opposites Attract   A system connecting people to discuss current events during meetup-style sessions at sponsored public locations.

Opposites Attract

A system connecting people to discuss current events during meetup-style sessions at sponsored public locations.

  The Knowledge Walkabout   Autonomous slow moving robots spout opposing opinions about a given topic/area in public.

The Knowledge Walkabout

Autonomous slow moving robots spout opposing opinions about a given topic/area in public.

  Empathy Jenga   A Jenga competition that facilitates conversations about political views and biases.

Empathy Jenga

A Jenga competition that facilitates conversations about political views and biases.

 
 

Refinement

We fleshed out our top five ideas to gain a better picture of the value each one brought to the problem space. After this, we mapped each idea to our design principles noting strengths and weaknesses. We also looked at the difficulty in realizing each idea due to limitations in time and resources.

Lastly, we assessed the desirability, feasibility, and viability of the fleshed out ideas. Our team agreed that two of our ideas - myCube and Statue of Insight - could be combined into one product experience.

IMG_5417 (1).JPG

Prototype & Test

Prototyping cube and app UI

Once our decision was made, it was time to build prototypes. Olivia built 8 different cubes in various sizes and shapes, while Conor and I worked out the system diagram and information flow. Once we had that in place, I pumped out the paper prototypes for the cube UI and an Invision prototype for the companion app.  I wanted to keep our builds low fidelity to allow for fast  and agile iteration between participants when it came time to evaluate.

Screen Shot 2018-10-15 at 9.18.47 PM.png
 

Testing & Results

We tested our cube ergonomics with 19 participants and the UI prototypes with 5 participants.

We wanted to know…

  • What cube size and weight are most ergonomic?

  • What are the pros and cons of showing each article’s source and bias on the cube’s article screens?

  • How do useful do participants feel the companion app’s stats screens are?

We found…

  1. Most participants liked the 3 in. to 4 in. cubes. 50% preferred the 3.5 inch cube.

  2. On the cube screens, some users strongly wanted to see source and bias information on articles, while others felt it would influence them to make snap judgements about the article. We decided one way to compromise was to have different screen modes to allow for the additional source information. However, time constraints meant we had to leave this feature in our “future directions” pile.

  3. On the app screens, one of the major iterations we made between participants was adding the concept of goals to the app. This was in response to a participant saying the app feels like fitness tracking for your bias. We found that adding goals cultivated positive feelings of improvement and engagement with bias.

Screen Shot 2018-10-15 at 9.19.03 PM.png
Screen Shot 2018-10-15 at 9.21.36 PM.png
Screen Shot 2018-10-15 at 9.21.43 PM.png
It’s like fitness tracking for my new bias!
— Participant feedback

final deliverables

diagram HOW the Qübe system WORKS

The system diagram was a collaboration with Conor that allowed us to continue verifying the technical and business viability of our product. The became starting point for technical communication about the functionality of the virtual Qübe model.

 
Screen Shot 2017-10-17 at 7.32.04 AM.png

Show how INTERACTIVE MOMENTS create a whole experience

The interaction flow allowed us to map out the relationships between the cube in use, the cube at rest, and when the app was needed by the user.

In the future, I would use this flow as a starting point for a user journey map. There are specific touchpoints, such as the product’s onboarding, that could use further investigation.

 

Bring the idea to Life

I used Sketch to create the high-fidelity UI for this project, collaborating with my teammates to design unique data visualizations and establish the meaning of shape and color in our product.

 
Asset 6.png