Coeditor
We created an AI powered comments moderation platform for some of the UK's leading magazines.
Solution:
Role:
Product Design
The Challenges
The Solutions
We created the comments moderation platform as a response to this, built to analyse comments around a set of parameters and give contextual feedback to the user on the issue with the users comment relative to the publishers community guidelines.
The Process
We followed the classic process, mapping out UX Flows, running workshops and critique sessions that led to wireframes and high fidelity designs in Figma delivered alongside a bit of CSS for added context on animations, here's how it went:
CSS Animations
We were moving really quickly and I wanted a loading state that felt unique whilst still being delivered within the deadline with me as the only designer on the project, so I reached out for an open source loader, building on top of this to try create a visual system for the loading states
The Loader
We were moving really quickly and I wanted a loading state that felt unique whilst still being delivered within the deadline with me as the only designer on the project, so I reached out for an open source loader, building on top of this to try create a visual system for the loading states
The Loader States in Context
We were moving really quickly and I wanted a loading state that felt unique whilst still being delivered within the deadline with me as the only designer on the project, so I reached out for an open source loader, building on top of this to try create a visual system for the loading states
Tradeoffs and Direction Change
Whilst the team was excited about the loader as a visual direction, we ultimately felt that the design wouldn't work in the contexts it would need to work in. The plugin would have to be able to function alongside the brand colours of whatever brand the plugin has been put into and we ultimately felt that we should have a UI that feels more like it could blend and fit into any context. So I went with a different UI direction, a simple open source search icon i edited the colours to.
Tradeoffs and Direction Change
Whilst the team was excited about the loader as a visual direction, we ultimately felt that the design wouldn't work in the contexts it would need to work in. The plugin would have to be able to function alongside the brand colours of whatever brand the plugin has been put into and we ultimately felt that we should have a UI that feels more like it could blend and fit into any context. So I went with a different UI direction, a simple open source search icon i edited the colours to.
Success State
To tackle Spectra’s challenges, I designed an intuitive interface that simplified the movie-making process. Users could easily curate characters, locations, and styles through clear visual previews and interactive elements. This approach made creating custom films and series accessible and enjoyable for all users.
The Most Challenging Piece of UX Writing
This was the most challenging piece of UX writing in my career, it raised a question that could only be brought about through How do we give AI based feedback that is both contextual and non-deterministic but still aligned with brand tone and community guidelines without feeling philosophically imposing.
The result was a set of pieces of UX Writing used to train the output to create a consistent tone of voice.
The Dashboard UI
I then had to work on a platform side dashboard where moderators would find the comments which haven't passed the AI moderation check and need a human to manually go in and take on moderator actions like approve or not approve.
The Modal
Designing this modal was my favourite part of this project, The component had to communicate a lot of information on the context around the comment to help a moderator make a decision, the article, the comment, user details and the history of the comment. Giving the moderator a quick overview of various pieces of context they would need to make a decision.
The Results
We managed to deliver an MVP of the comments moderation platform, creating a system that was able to give on brand non-deterministic output that was intelligent and contextual and ready to plug and play for publishing teams helping moderation teams move faster while giving them the context they need to make decisions to keep news comments sections safe and free of violence and harm.