Our National Conversation
Problem
In recent years, American politics have grown increasingly polarized, making it difficult to have civil discussion between individuals of differing political affiliations. Many media sources are highly biased, leaving no room to find a middle-ground of any sort.
Solution
ONC is creating a website that exposes people to news from all political angles via a news aggregator, proposes nonpartisan, evidence-based policy solutions, and provides moderated forums for civil discussion
My role
Research, UX, UI
Scope
156 hours Self-started project
Research
Surveys
Before starting the design process, we explored the problem area by distributing a survey to 53 respondents aged 18 to 76+.
The following is data on what respondents desired from news sources.
News
Opinions
Solution
83% of respondents were moderately to highly likely to seek opposing viewpoints or opinions about political topics.
There was a lot of frustration that news outlets were overly biased.
People tended to choose news sources that they felt were reliable and provided a variety of news sources, stories, and opinions.
Competitive Analysis
We completed a competitive analysis of the top news sources that we gathered from survey data.
Major news outlets are highly biased and lack strong user engagement or discussion.
Social media/community-based news sources do not offer fact checks and are not properly moderated. They often serve as echo chambers that make it difficult to seek opposing perspectives.
Persona
Based on my research, I created a persona that is reflective of the typical Books & Books customer.
Wireframes
Wireframes of the primary screens were created to get a sense of the basic building blocks of the website. The wireframes consisted of common design patterns while incorporating the unique content of ONC.
Annotated Homepage
Key Page Wireframes
UI Design
Key Pages
The following is the UI for ONC's pages: the homepage, news, opinions, and solutions pages.
All Pages
Here are all the final pages I created.
Reflection
Working within constraints can lead to creative outcomes. Faced with engineering, budget, and timeline constraints, we were forced to prioritize and scope our decisions. We threw together our rough ideas and iterated over and over until we came up with the best collective solution. Continuously receiving quick, rough feedback refined our design direction.
Involve engineers often and early. Collaborating with the engineering team was invaluable in understanding interactions and design handoffs.