All Projects
Book Design




"Designing Experiences with Online News to Mitigate Selective Exposure and (Social) Fragmentation"
2014 MGD Thesis investigation:




















Above is a Click-through introduction and problem-framing document created for my 2014 MGD Thesis investigation.
This thesis work focused on the design of an interface that mines controversial issues in news stories and brings them visually to the foreground of an interactive experience. Similar stories from different outlets are clustered and presented as a collection so that users can easily swipe through a set and see the differences in framing of headlines and summaries. More importantly, AI mining of concepts and controversial topics that all stories share (regardless of the viewpoint or framing) help users gain context that is more meaningful than a sensational headline. By visualizing sentiment and network affinity among commenters, the interface offers a wide spectrum view of cross-publication reader commentary. A network map helps users identify patterns and relationships between what people feel about controversial issues present in the news, what versions of the story they've read, what the sentiment is, and what social or geographical affinity the commenters may have to one another. The convergence of this information could catalyze viewing of a spectrum of opinions that fall outside of the users normal range of exposure. It could also create more informed critical thinking around reported events and the discourse that follows.































Above is a Click-through prototype of a news and comment aggregator proposed in my 2014 MGD Thesis.
As intermediaries of online news and information, the environments and experiences that we design for news readers should facilitate activities and behaviors that: result in occasional exposure to counter-attitudinal information; make visible the opinions of weakly tied social connections that may not be like-minded or politically congruent to us; encourage expansion of topical interests and awareness of controversial civic issues; and make visible and available, the crucial information that lies outside of our personal information bubbles in order to maintain for society, some level of shared knowledge of news and information. Mitigation of polarization and extremism is critical to our democracy and to the formation of a functional digital era public sphere.
Below is a click-through task flow for a user interacting with a news "story cluster" about Obama and the CA drought. The user then investigates the associated aggregated comments via an interactive data visualization.

















Breaking the Bubble: Designing Experiences with Online News.
An excerpt from my 2014 MGD ThesisA version of this excerpt was published here.
References:
Granovetter, M. (1983). The Strength of Weak Ties: A Network Theory Revisited. Sociological Theory, 1, 201-233.
Pariser, E. (2011). The filter bubble. New York, NY: Penguin Press.
Sunstein, C. R. (2007). Republic.com 2.0. Princeton, NJ: Princeton University Press.
Sunstein, C. R. (2009). Going to extremes: how like minds unite and divide. New York, NY: Oxford University Press.
Tewksbury, D. (2012). News on the internet: Information and citizenship in the 21st century. New York, NY: Oxford University Press.

screenshots of the filter bubble busting prototype! To see the full case study go here: CASE STUDY
It occurred to me in the immediate aftermath that surely some of my weaker connections on Facebook were in favor of the amendment. I mean, somebody voted for it. A rather extremist thought then crossed my mind as I wondered why I’d never seen posts from people supporting the amendment. (It was the algorithms of course, but this was early 2012 and that wasn’t as apparent then.) I thought maybe these people were too ashamed of themselves to post their own backwards views, maybe they were hiding their bigotry from me. I needed to weed these people out. I needed to eject them from my online social network — and I did.
I systematically ‘un-friended’ at least a dozen people that night. I did so only because they were Republican, from my rural hometown, and because I suspected (without any real evidence) that they were for Amendment 1.
I saw countless posts from others that night with scathing comments that called for the ferreting out of the “for” voters, and of course: “If you voted for Amendment 1, go ahead and delete me from your friends.”
Not only had my narrow Facebook social cocoon obscured my view of the reality of the numbers of North Carolinians who did not share my views, it enabled me, in a fit of perceived moral superiority, to eliminate anyone (with the click of a button) who I suspected may possibly have ideological asymmetry to me. That reaction pretty much insured that I’d have zero opportunity to use the platform to debate or come to a shared understanding with people on the other side of an issue in the future. I had done my part to further expand the polarization gap and partisan cloistering that is upending our democracy.
What I learned from my 2013 thesis research (inspired by these events) was that I was living in a “filter bubble” — and so were the people whose views I opposed. This phenomenon, first described by Eli Pariser, is the idea that via personalization and algorithmic filtering, we unknowingly narrow our world views and information network (Pariser 2011). The filter bubble concept (and Facebook mass cognitive dissonance among liberals) proliferated in online conversations and hundreds of opinion editorials in the days and weeks following the Trump election upset.
“If you voted for Trump, go ahead and delete me from your friends.” [plants face in hands, vows to leave the platform for good]
The sociological theory of weak ties asserts that any one individual has a collection of close friends who are tightly clustered as well as a collection of casual acquaintances who act as weak connections to an entirely different social cluster. Weak ties act as bridges between enclaves, thereby creating opportunities for people to encounter ideas, news, and information that they would have otherwise been deprived of (Granovetter 1983). If we don’t have any weak ties we diminish our influence on precisely the audience whose values we hope to inform. Likewise, weak ties provide us with opportunities to interface with counter-attitudinal information and an occasional healthy challenge to our own beliefs.
Any functioning democracy relies on a fully informed citizenry who are privy to the same information through which they might make informed judgments and decisions.
Group polarization is a phenomenon that occurs when like-minded people speak only among each other. They become more ideologically unified, more confident in their views, and more extreme in their positions (Sunstein 2009). Legal scholar and author Cass Sunstein (2009) characterizes group polarization by what he calls “echo-chambers,” where attitudinally similar people gather to discuss and seek corroboration of their ideas, sometimes at the expense of truth and sometimes in ways that lead them to extremism. The social architecture and social norms of a community either encourage or discourage the kind of curiosity that keeps the negative aspects of polarization at bay by promoting values or behaviors that promote occasional traversing into the ideological worlds of others (Sunstein 2009).
Any functioning democracy relies on a fully informed citizenry who are privy to the same information through which they might make informed judgments and decisions. When polarization occurs, democracies may become dysfunctional and societies lose the ability to reach consensus on significant matters and policies (Sunstein 2007).
The dramatic shift from the media models of the 20th century to those of the 21stcentury makes gaining shared understanding even more difficult. In the past, news organizations had commercial incentive to broadcast content that would appeal to masses. The ‘narrowcasting’ that occurs online is quite different. Targeted advertising dollars sustain online news outlets. That means they can only survive by attracting highly partisan and distinct segments of audience. This situation leads to further information fragmentation; in other words, people don’t know the same things (Tewksbury and Rittenburg 2012). Knowledge and important discourse becomes scattered rather than shared among the members of a collective public sphere. This is a real problem for a democratic public that must collectively identify which issues are most important to deliberate on (Tewksbury and Rittenburg 2012).
POSSIBLE MITIGATIONS BY DESIGN
Unbiased Briefs that Live Alongside Each Version of a News Story
One strategy is to leverage machine learning to cluster and scan all published stories about a single event and identify content that is common to all. This aggregate content can be used to create an unbiased summary that is attached to all the versions of the story (for someone using the app). Simultaneously, topics found in the story that are sources of controversy or dispute are pulled forward and presented separately as quickly scannable issues under debate. Each publications’ full version of a story is available in a carousel so that users can read the publications they prefer while still seeing partisan differences in story framing and headline, creating shared awareness of events and the associated issues of dispute.
Using Both Machine Learning and Human Editors
In my prototype, the critical and aggregate editorial choices of vetted news agencies across the web determine the top stories of the day. Machine learning is applied to detect and depreciate “fake news” and clickbait coming from content farms. This leans on traditional media agenda setting and not on social sharing trends. However, the degree of social commenting from users about the topics extracted from the story cluster also influences which of those issues rise to the surface and appear alongside the story cluster in the “issue detection bar.” This not only means that users are collectively having some new agency over the agenda setting that is done within the story, but they are influencing the content that is presented alongside an actual story.

Use Shared but Disputed Issues to Stitch Together a Disparate Public
Artificial intelligence mining and networking of comments and controversial opinions from across a story cluster can help users gain context about what public debate is attached to a news event. Users can see a full spectrum of opinion and both shared and opposing ideas. By visualizing sentiment and network affinity among commenters, users can identify patterns and relationships between what people feel about controversial issues present in the news, what versions of the story they’ve read, what the sentiment is, and what social or geographical affinity the commenters may have to one another. The convergence of this information could catalyze viewing of a spectrum of opinions that fall outside of the user’s normal range of exposure. It could also create more informed critical thinking around reported events and the discourse that follows.

I wish I could say that after looking at this for several months I was able to put forward a tidy and simple design solution that solved the problems the investigation uncovered: algorithmic filtering and poorly designed personalization tools that show me what I want, not what I need, to know; political polarization and echo-chambers; the degree to which advertising and fake news from content farms have corrupted our information channels; and the fragmentation of our public sphere.
What is clear is that as intermediaries of online news and information, we should facilitate environments and experiences that: 1.) result in occasional exposure to counter-attitudinal information, 2.) make visible the opinions of weakly tied social connections that may not be like-minded or politically congruent to us, 3.) encourage expansion of topical interests and awareness of controversial civic issues, and 4.) make visible and available the crucial information that lies outside of our personal information bubbles to maintain for society some level of shared knowledge of news and information. Mitigation of polarization and extremism is critical to our democracy and our ability to collectively solve problems.


Assistant Professor of the Practice, GD400 - Senior Studio NCSU, Fall 2020
Students investigate ideas relevant to contemporary design practice and engaged in a multi-faceted, research-based independently framed project.
Assistant Professor of the Practice, GD401 - Senior Capstone Design Studio NCSU, Fall 2018
I led students in the investigation of ideas relevant to contemporary design practice. Students engaged in a multi-faceted, research-based design investigation.
Assistant Professor of the Practice, GD401 - Senior Capstone Design Studio NCSU, Fall 2017 I led students in the investigation of ideas relevant to contemporary design practice. Students engaged in a semester-long, multi-faceted, research-based design investigation.
Assistant Professor of the Practice, GD410 - Design for a Networked Society. NCSU, Fall 2014 I introduced students to the UX and UI design process with a focus on wireframing, UI design for software, mobile design, prototyping, user research methods, interactions, behaviors, and user testing. I also led the students in a sponsored project to design a modular UI for a high-profile analytics software suite.
Adjunct Instructor - Advanced GD Studio, William Peace University, Fall 2011
I co-taught the Graphic Design Senior Seminar at William Peace University in 2011. This was a portfolio building studio meant to prepare students for professional practice and real world design challenges in the new digital era.
As an Assistant Professor of the Practice at North Carolina State University, I introduce students to UX and UI design methods and help them frame design research questions while investigating problems relevant to contemporary design practice. Students explore the UX process by undertaking user and contextual research and by engaing in a semester long design investigation with a systems approach to problem framing. Students synthesize their observations and insights in order to design and communicate multiple aspects of an intended user experience.
User Experience design is a practice that informs how we understand, design, and develop the overall experience of people in context with technology. This design process helps us to better understand who our potential users are, what their needs and emotions are, and what activities and experiences can be designed to help facilitate their goals with technology.
This involves synthesizing and utilizing information that occurs at the intersection of multiple design practices. It is a multi-disciplinary field that incorporates design research, user interface design, user research, information architecture, visual design, content strategy, prototyping, usability testing, ethnography, and aspects of cognitive science for the purpose of designing engaging and useful products or services for a specific group of people.
Students investigate ideas relevant to contemporary design practice and engaged in a multi-faceted, research-based independently framed project.
Assistant Professor of the Practice, GD401 - Senior Capstone Design Studio NCSU, Fall 2018
I led students in the investigation of ideas relevant to contemporary design practice. Students engaged in a multi-faceted, research-based design investigation.
Assistant Professor of the Practice, GD401 - Senior Capstone Design Studio NCSU, Fall 2017 I led students in the investigation of ideas relevant to contemporary design practice. Students engaged in a semester-long, multi-faceted, research-based design investigation.
Assistant Professor of the Practice, GD410 - Design for a Networked Society. NCSU, Fall 2014 I introduced students to the UX and UI design process with a focus on wireframing, UI design for software, mobile design, prototyping, user research methods, interactions, behaviors, and user testing. I also led the students in a sponsored project to design a modular UI for a high-profile analytics software suite.
Adjunct Instructor - Advanced GD Studio, William Peace University, Fall 2011
I co-taught the Graphic Design Senior Seminar at William Peace University in 2011. This was a portfolio building studio meant to prepare students for professional practice and real world design challenges in the new digital era.
As an Assistant Professor of the Practice at North Carolina State University, I introduce students to UX and UI design methods and help them frame design research questions while investigating problems relevant to contemporary design practice. Students explore the UX process by undertaking user and contextual research and by engaing in a semester long design investigation with a systems approach to problem framing. Students synthesize their observations and insights in order to design and communicate multiple aspects of an intended user experience.
User Experience design is a practice that informs how we understand, design, and develop the overall experience of people in context with technology. This design process helps us to better understand who our potential users are, what their needs and emotions are, and what activities and experiences can be designed to help facilitate their goals with technology.
This involves synthesizing and utilizing information that occurs at the intersection of multiple design practices. It is a multi-disciplinary field that incorporates design research, user interface design, user research, information architecture, visual design, content strategy, prototyping, usability testing, ethnography, and aspects of cognitive science for the purpose of designing engaging and useful products or services for a specific group of people.
©2020 Robin Vuchnich / all rights reserved I design experiences for people in context with technology — from product design to visual art and new media.