DebateTable

A social debating platform that encourages the spreading of more diverse viewpoints through text, video, and live debates, community-sourced prompts, and data visualizations of changes in opinions over time.

role:
project type:
duration:
deliverables:

ui/ux design, ux research, project management
team (4 others & me), class project
7 weeks (apr. 2022 - jun. 2022)
high-fidelity prototype

SCENARIO

Set the scene: You and your friend are discussing the results of the latest election.

…and you both disagree with each other. Vehemently. Later that evening, you wish to continue the discussion, but your friend doesn’t want to hear you out and have an open-minded conversation because they believe what they saw on Twitter is the absolute truth. You feel defeated and isolated with no one to safely and openly talk to about this topic, but also find that you can’t seem to understand others’ viewpoints of the results.

For my online literature research, click here.

Affinity map of users' survey responses based on likes, pain points, trends, and how people interact with opposing viewpoints.

The major findings include:

findings.png

USER RESEARCH & INSIGHTS

"Almost always, someone gets personally offended. It's like talking to a brick wall."

— Participant 1, age 18-35

To understand individuals’ personal experiences with debates, discussions, and how ideological conflicts are navigated, I created and distributed a survey to academic, extracurricular, and hobby-based online communities. 29 total responses were received, approximately 75% of which fell into our targeted age range of 18-35 years old.

 

AND SO WE ASK...

How might we create more supportive online discussion environments in order to encourage empathy and the spreading of more diverse viewpoints among young adults aged 18-35?

 

OUR SOLUTION

Introducing DebateTable, your debate platform for all the latest topics.

Recall the aforementioned scenario, where you struggled with finding a tolerant environment to express your views and with empathizing with others’ opinions.

Now, you remember that you recently downloaded the DebateTable app, where thousands of users come together to learn and dialogue on matters important or interesting to them. You log in and create a live room called ‘Election results: What do we think and what does it all mean?” Soon, other users flood into the room and some request a seat at the table to debate with you. You begin to understand and empathize with others’ perspectives while safely sharing yours. Now, whenever you’re feeling the urge to speak on a topic and hear what others think, you know to hop onto DebateTable!

PROTOTYPING, ROUND 1

Experience prototyping: DebateTable through Discord

To experience prototype DebateTable’s core features, we turned to Discord. This first round focused on two main features: text-based debates and video-based debates.

 

“Talking through chat or voice about cereal and soup wasn't as bad as I thought.”

In our first prototyping session, key insights showed our main obstacle to be getting participants comfortable with speaking up.

Key points identified from the post-prototyping survey for Round 1.

PROTOTYPING, ROUND 2

DebateTable through Discord, user flow edition

In this prototyping round, we also streamlined our focus down to creating a clear user flow, making debates less daunting (using small milestones like polls and daily questions), emphasizing the relevance of debate topics (using quantitative stats), and enriching the video-based debate experience.

1
1

press to zoom
2
2

press to zoom
6
6

press to zoom
1
1

press to zoom
1/6

Click through to see the flow of the first experience prototyping session conducted on Discord.

"I think this prototyping session felt more immersive in the topic in the sense that we were able to watch a video of the prompt at the start. It allowed me to ease into the voice chat channel more and gain more insight from people before having a chance to verbally speak."

Key points identified from the post-prototyping survey for Round 2.

Comparison between prototyping round 1 and round 2

Overall, there was much more positive feedback for Round 02 of prototyping, highlighting a smoother flow and a more comfortable environment. Participants reported being more likely to use a similar debate platform in Round 2 than Round 1, and they were more likely to be open to different perspectives following the debate experience of Round 2.

Comparisons between post-prototyping survey results for Round 1 (purple) vs. Round 2 (red).

FINAL PROTOTYPE

DebateTable, the app

Our final prototype shifts the experience from Discord to an app. It includes both the text- and video-based debate types and implements elements of the dashboard, affiliations, and topic generator seen in the first prototyping session, as well as the data visualization, clear user flow, and before/after polls of the second prototyping session.

The DebateTable app features the text and live (previously called 'video-based') debate formats from Round 1 of prototyping, as well as the video watching format and clear user flow of Round 2.

 

Onboarding

The onboarding flow features "Hot Seat", a daily notification that prompts users to think about a random topic, as well as a "Tell Us About Yourself" page to help curate their dashboard (both with their interests and opposing viewpoints to combat selective exposure).

Dashboard & debate formats

The dashboard shows the latest trending topics as well as news, categorized by their stance, and debate tables about current events. DebateTable features 3 different debate formats: text, live, and video. 

How did we address our goal?

In online communities, there tends to be a follow-the-herd effect. Similarly, in our prototyping sessions, when the moderators and the more talkative participants began to talk, others chimed in as well. Breaking the ice and encouraging user confidence through features like polls and text-based (less intimidating than video-based) chats helped us unlock this part of the DebateTable experience. Our algorithms would ideally recommend both agreeing and opposing viewpoints as well based on the user's picked interests, which would help with decreasing echo chambers.

We were surprised to find through our surveys that just simple guiding questions and these conversations altered perspectives quite a bit (based on the pre-debate poll results vs. the post-debate poll results). This shows that with the right incentive and motivation for users to use the app, DebateTable could create significant change.

 

WHAT I LEARNED

The two Cs: context and community

This project marked my first time experience prototyping, and I found it to be an insightful experience. Instead of simply pitching an idea and letting prototypers usability test through clicking screens, I got to truly know the user and their problems within a specific context when they were immersed in the debating experience. 

As a spearheader of the project, I also became comfortable with fostering a sense of connection within groups by really listening to others during prototyping sessions and lightening the mood so that people feel supported when they speak up.

NEXT STEPS

The art of smoother, safer, and beyond

The ‘Smoother’
Based on the positive insights we received from our second prototyping session, we know there are people who realistically use this app. We would like to usability test to see success metrics, prototype with more users, and have there be a way to facilitate a seamless experience as both a debater and audience member.

The ‘Safer’
Although DebateTable aims to narrow echo chambers and bridge the gap between polarized ideologies, there is no way currently to manage cyberbullying when encountering different viewpoints or to fully enable open conversations. This is something we wish to explore more through user testing.

The ‘Beyond’
The DebateTable app can be implemented beyond the scope of public online communities by stepping into the zone of pre-established, interconnected communities that require an online space to hold debates. For instance, academic institutions can apply DebateTable for speech and debate clubs that can customize their own debate rooms, topics, and channels for private usage. We’d also like to create a fully functional app ready to be used by novice and experienced debaters alike from worldwide (instead of US-centric) to combat the effects of echo chambers to an even greater extent.