Roblox Moderation
Desktop Application
The Roblox moderation app serves as a crucial tool in managing and addressing user-generated reports concerning offenders on the platform. With its primary focus on archiving and resolving such reports, the app ensures a streamlined process for handling various forms of misconduct within the Roblox.
The goal of this project was to have a clean layout that could be reactive with the amount of content, moderators were having a hard time finding, sorting and completing these reports due to the intricate interaction and not well defined visuals.
Rolls : UX / Visual / Research / PrototypingAt the time of the redesign, Roblox’s moderation tool did not align with the evolving design language of Roblox Studio and our consumer products. It was essentially a simple system whose primary purpose was to handle community reports from any Roblox experience. However, the wide variety of content types that users could report was scattered across multiple tabs, resulting in unnecessary cognitive load and inconsistent visual cues. The overarching ambition of the redesign was to create a more unified interface that would allow moderators to respond to community concerns and issues more quickly and efficiently.
Heuristic analysis overview
Moderation actions
Moderation actions like flagging content, reviewing user reports, applying sanctions, and checking chats, audio, and images were spread across different tabs. Moderators had to switch between these tabs to review submitted content.
Components and UX patterns
The components and UX patterns are misaligned with the current design system and need to align for smoother updates with new features and design changes.
Look & Feel
Apply the same color palette, typography scale, iconography style, spacing rules, and grid system so that moderators instantly recognize “this is Roblox’s moderation interface” regardless of entry point.
Elevate usability
A moderator typically takes about 2 days to learn the UI and navigate tickets effectively.
UI Strategy and proposal
Designed and implemented a clean, modular UI component system for Roblox’s internal moderation tool, tokenizing every element to align seamlessly with the primary design system. Simplified the review workflow by reducing hierarchy levels and keeping all tasks and key content visible, while adapting familiar structures to a new design language. Architected the system for future growth—supporting new features, user-driven workflows, and emerging content types like VR—by adopting a fully modular approach that lets teams rearrange modules and components with ease.
