3 to 5 Minute Read Time

3 to 5 Minute Read Time

Discord: Moderation Tickets

Discord: Moderation Tickets

Discord: Moderation Tickets

Discord: Moderation Tickets

UX RESEARCH

UX RESEARCH

UX DESIGN

UX DESIGN

UI DESIGN

UI DESIGN

CONCEPTUAL

CONCEPTUAL

PROJECT OVERVIEW AND RESULTS

Background and Context

Background and Context

Background and Context

Background and Context

Discord is a popular communication platform that provides voice, video, and text chat features for communities to join a server and interact with each other. 

However, servers are vulnerable to attacks from bad actors creating a hostile environment to hurt Discord communities.

Moderation Tickets is a system designed for community members to report bad actors or problems in the Discord server. Once the tickets are sent out, the moderation team can review complaints and reports in order to resolve them.

Results

User Satisfaction: 83% increase.

Users Feedback: 100% reported a much easier learning curve compared to other solutions.

CLIENT

Discord

TEAM SIZE

Individual

TIMELINE

Sept - Oct 23' (6 Weeks)

DELIVERABLES

Prototype

DISCLAIMER! I am not affiliated with Discord. This is only a conceptual case study.

Deliverables

Watch in 4k + 60 FPS on YouTube's website for the best quality!

PROBLEM DISCOVERY

Staying in Servers is Scary

Staying in Servers is Scary

Staying in Servers is Scary

Staying in Servers is Scary

One day, my friend woke up and saw a message from Discord that would make anyone’s heart stop. Bad actors had posted illegal content then buried the post with spam. After that, they reported the server for hosting illegal content and the server was deleted.


The community, moderators, and bots failed to detect the post. This got me thinking: Is the current server moderation tools REALLY good enough?

USER RESEARCH

Discovering the Users' Opinions

Discovering the Users' Opinions

I conducted a user research with five Discord moderators who previously had issues with server moderation. I wanted to identify the current problems with moderation.

80% Users NOT SATISFIED

80% Users NOT SATISFIED

The vast majority of interviewees were dissatisfied with the current moderation tools.

User Stories

User Stories

Participants shared stories where the current moderation tools provided a negative experience. User stories uncovered the shortcomings of user tools.

Identifying the Frustrations

Identifying the Frustrations

Analyzing the user stories categorized server moderation tools into two categories: bots and ticketing systems. I sorted the users' pain points into the two categories in order to build the solution later. The most common pain points involved paywalled features and complicated setup.

Bots

• Technical Issues.

• Many unrelated features.

• Complicated to setup.

• Paywalled features.

• Technical Issues.

• Many unrelated features.

• Complicated to setup.

• Paywalled features.

Ticketing System

• Easy to miss in chat channel UI.

• Vulnerable to spam.

• Complicated to setup.

• Paywalled features.

• Easy to miss in chat channel UI.

• Vulnerable to spam.

• Complicated to setup.

• Paywalled features.

Current User Flow

Current User Flow

Interviewees cited a big frustration was lack of a singular tool; Moderators sometimes use bots and ticketing system at the same time.

I used a user journey map to determine "locations" to solve the problem. The chart also acted as guide to developing the UX of the user interface.

Insight Formation

Insight Formation

I noticed while analyzing the data, that users did not complain about other moderation features such as: word filters, verification levels, and activity alerts. I discovered that most of the complaints pertained to post moderation problems; NOT server moderation.

Post Moderation Problems

Post Moderation Problems

• Too many user tools to learn.

• No built-in tool to moderate posts on Discord.

• Paywall aspects.

• Too many user tools to learn.

• No built-in tool to moderate posts on Discord.

• Paywall aspects.

PROBLEM STATEMENT

How might we integrate a post moderation tool to align with the users' needs?

How might we integrate a post moderation tool to align with the users' needs?

User interviews show that there is a strong demand for an integrated post moderation tool.

IDEATION

Deciding on the Solution

Deciding on the Solution

I ideated on ways on how to develop a solution that can help Discord users moderate posts much easier.

Tool Analysis

Tool Analysis

I performed a competitive analysis on the tools used to determine the most liked aspects of a particular tool.

Bots

Bots

• Enforces rules automatically.

• Reduces the time on task.


• Enforces rules automatically.

• Reduces the time on task.


Ticketing System

Ticketing System

• Information logs with context.

• Notifies entire moderation team.

• Tickets can be discussed among team.

• Information logs with context.

• Notifies entire moderation team.

• Tickets can be discussed among team.

What Doesn't Work

What Doesn't Work

I drafted on a few ideas that might work. However, they were ultimately scrapped as they were not deemed an effective solution.

Built-in Bot

Built-in Bot

• High research and development time and cost.

• Difficult to lower learning curve.

• Prone to breaking from outside API.

• Enforces rules automatically.

• Reduces the time on task.


• High research and development time and cost.

• Difficult to lower learning curve.

• Prone to breaking from outside API.

Ticketing System

Ticketing System

• Mass report results in frequent audio and visual pings.

• Useless if all moderators are offline.

• Mass report results in frequent audio and visual pings.

• Useless if all moderators are offline.

Ultimately, there are not many ways to incorporate a post moderation tool and settled on reworking the ticketing system at this point.

Forming my Assumptions

Forming my Assumptions

Because this is a personal project; I do not have the resources to conduct in-depth research and was limited to making an assumption on the solution.

Familiarity is Good

I assumed that most users want a tool that's familiar to them. However, I worked under the assumption that they want it to be a native tool in order to solve the UX issues that currently plague third-party tools.

I assumed that most users want a tool that's familiar to them. However, I worked under the assumption that they want it to be a native tool in order to solve the UX issues that currently plague third-party tools.

What can Work

What can Work

I committed to the idea on creating a native Ticket System. I took inspiration from IT ticketing systems and reframed it to my idea.

SOLUTION

Develop a Built-In Ticketing System

Develop a Built-In Ticketing System

Looking back at the cons of the ticketing system; I realized that majority of the problems are capable of being fixed.

Before and After

Before and After

Third Party Ticketing System

Third Party Ticketing System

• Easy to miss in chat channel UI.

• Vulnerable to spam.

• Complicated to setup.

• Paywalled performance.

• Easy to miss in chat channel UI.

• Vulnerable to spam.

• Complicated to setup.

• Paywalled performance.

Discord Ticket System

Discord Ticket System

• Use existing UI elements.

• Integrate number of reports as a number.

• Integrate as a built-in feature.

• Feature no paywall system.

• Use existing UI elements.

• Integrate number of reports as a number.

• Integrate as a built-in feature.

• Feature no paywall system.

MoSCoW Matrix

MoSCoW Matrix

I created a MoSCoW Matrix to determine the Minimum Viable Product.

Must Have

Must Have

• Multiple tickets view.

• Context Information.

• Filter for date, priority, ect.

• Multiple tickets view.

• Context Information.

• Filter for date, priority, ect.

Should Have

Should Have

• Resolved tickets history page.

• Deleted ticket section.

• Resolved tickets history page.

• Deleted ticket section.

Could Have

Could Have

• Embedded media automatically censored.

• Name of moderator resolved past tickets.

• Embedded media automatically censored.

• Name of moderator resolved past tickets.

Won't Have

Won't Have

• Audio pings per report.

• "Fun" related features similar to other bots.

• Audio pings per report.

• "Fun" related features similar to other bots.

DESIGN

Designing the Solution

Designing the Solution

The design phase focused on ideating on ways to deliver the solution and building off the mistakes of current solutions.

UI Ideation

UI Ideation

I settled on using the Events panel as a frame of reference, based on the following attributes.

  1. Swift Development. Using an existing element helps developers release the solution more quickly.

  2. Working Space. Plenty of empty space to fit elements and future features.

Wireframes

Wireframes

I used Figma to design the Wireframes.

User Flow

User Flow

While designing the user flow, I referenced the user journey in order to avoid missing critical UX steps.

Revised User Journey

Revised User Journey

Having context on a ticket makes moderation much faster; as I later saw during Usability Testing.

Final Product

Final Product

DELIVERY

Introducing: Moderation Tickets

Introducing: Moderation Tickets

After creating the prototype; I wanted to see what users thought about the product and to take their feedback into account.

Prototype Demonstration

Prototype Demonstration

UI Kit Credits: Muhsin Ataul, bawwub, figr.design.

Usability Studies

Usability Studies

I tested the feature with a new set of six Discord moderators.

Limitations of Studies

Limitations of Studies

No onboarding process resulted in a slight learning curve.

Study only simulates a hypothetical situation.

Relied primarily on a user's past experience.

No onboarding process resulted in a slight learning curve.

Study only simulates a hypothetical situation.

Relied primarily on a user's past experience.

Results

83% Increase

User Satisfaction

Qualitative Data

83% Increase

User Satisfaction

Qualitative Data

83% Increase

User Satisfaction

Qualitative Data

83% Increase

User Satisfaction

Qualitative Data

83% Increase

User Satisfaction

Qualitative Data

100% Reported

Much easier to use than competitors.

Qualitative Data

100% Reported

Much easier to use than competitors.

Qualitative Data

100% Reported

Easier to use than competitors.

Qualitative Data

100% Reported

Easier to use than competitors.

Qualitative Data

100% Reported

Easier to use than competitors.

Qualitative Data

100% Reported

Easier to use than competitors.

Qualitative Data

100% Completion

Task Completion Rate

Quantitative Data

100% Completion

Task Completion Rate

Quantitative Data

100% Completion

Task Completion Rate

Quantitative Data

100% Completion

Task Completion Rate

Quantitative Data

100% Completion

Task Completion Rate

Quantitative Data

100% Stated

Faster than current tools

Quantitative Data

100% Stated

Faster than current tools

Quantitative Data

100% Stated

Faster than current tools

Quantitative Data

100% Stated

Faster than current tools

Quantitative Data

100% Stated

Faster than current tools

Quantitative Data

Participant Feedback

I recorded a few notable quotes from my participants for positive and negative feedback to improve the product in the future.

I love the idea of not having to set this up with a bot. But, I think it needs more features. It's lacking at the moment.

- Participant 1

I love the idea of not having to set this up with a bot. But, I think it needs more features. It's lacking at the moment.

- Participant 1

I love the idea of not having to set this up with a bot. But, I think it needs more features. It's lacking at the moment.

- Participant 1

I love the idea of not having to set this up with a bot. But, I think it needs more features. It's lacking at the moment.

- Participant 1

I love the idea of not having to set this up with a bot. But, I think it needs more features. It's lacking at the moment.

- Participant 1

I would use this honestly! It's easy once you get used to it!

- Participant 3

I would use this honestly! It's easy once you get used to it!

- Participant 3

I would use this honestly! It's easy once you get used to it!

- Participant 3

I would use this honestly! It's easy once you get used to it!

- Participant 3

I would use this honestly! It's easy once you get used to it!

- Participant 3

The screen is too small. I would have to give it more time before I replace what I have.

- Participant 4

The screen is too small. I would have to give it more time before I replace what I have.

- Participant 4

The screen is too small. I would have to give it more time before I replace what I have.

- Participant 4

The screen is too small. I would have to give it more time before I replace what I have.

- Participant 4

The screen is too small. I would have to give it more time before I replace what I have.

- Participant 4

Validating my Assumptions

From the limited studies I conducted, I was able to validate my assumption that users want and enjoy a no-frills and built-in ticket moderation system for Discord.

Familiarity is Good! (CONFIRMED!)

Seeing my Task Completion and anecdotes on being faster validated my assumption that being familiar is good. Users were overall satisfied and even found the tool to be much easier than current solutions.

Seeing my Task Completion and anecdotes on being faster validated my assumption that being familiar is good. Users were overall satisfied and even found the tool to be much easier than current solutions.

Key Performance Indicators

Key Performance Indicators

Finally, I drafted a few KPIs on how the product might benefit the user and business.

User Focused KPIs

Time on Task

Time on Task

Analyzing the time on task through the user journey.

Analyzing the time on task through the user journey.

User Error Rate

User Error Rate

The amount of errors a user makes performing the the intended task.

The amount of errors a user makes performing the the intended task.

Net Promoter Score

Net Promoter Score

Validates the satisfaction of users on a scale of 1 to 10.

Business Focused KPIs

Retention Rate

Retention Rate

Validating the feature increases user retention rate. Retaining users is a potential increase in revenue.

Validating the feature increases user retention rate. Retaining users is a potential increase in revenue.

Nitro Sub Rates

Nitro Sub Rates

Analyzing if a feature boosts user satisfaction and drives Discord Nitro subscriptions for brand support.

Analyzing if a feature boosts user satisfaction and drives Discord Nitro subscriptions for brand support.

User Acquisition Rate

User Acquisition Rate

Analyzing if competitors leave their service to use Discord based on the tools we provide for them.

Analyzing if competitors leave their service to use Discord based on the tools we provide for them.

LEARNINGS AND TAKEAWAYS

Reflecting on the Project

Reflecting on the Project

Thank you for reading! Here are the insights and takeaways I gathered from the project.

Insights

Insights

My main learnings through this case study involved developing a better mindset for detecting problems.

  • Don’t focus on the ending. In my first iterations I did not have a “Past Tickets” or breadcrumbs element. It’s not part of the MVP, but it is good practice to have.

  • Narrowing the problem. Categorizing problems is important. Initially, I thought there was a moderation issue in general. However, I discovered the real problem was post moderation; it was not regarding filters, verification, ect.

Takeaways

Takeaways

  • Use the tools interviewees complain. Experience the issues yourself; You’ll remember the problems quickly and avoid it during design.

  • Inspiration can come from unexpected places. Sometimes, it’s important to look outside the box for solutions.

  • Account for outside issues. API breaks leads to bots being unusable. I now think about outside factors in a given solution.

↑ Back to the Top ↑

6:59:44 PM

© 2024 - Fia

Website Theme: Space 🌌 + Stationery 📝 = Space Station

6:59:44 PM

© 2024 - Fia

Website Theme: Space 🌌 + Stationery 📝 = Space Station

6:59:44 PM

© 2024 - Fia

Website Theme: Space 🌌 + Stationery 📝 = Space Station

6:59:44 PM

© 2024 - Fia

Website Theme: Space 🌌 + Stationery 📝 = Space Station

6:59:44 PM

© 2024 - Fia

Website Theme: Space 🌌 + Stationery 📝 = Space Station