I'm experimenting with a new interface for managing permissions and would love to get feedback before moving forward.
Here’s an interactive mockup of a possible redesign.
Current Issues
The current UI has a few usability problems:
- the checkbox before each badge creates unnecessary visual noise
- groups sometimes wrap into two rows in a confusing way
- enabled and disabled badges look almost identical, making it hard to scan the state quickly
Proposed Changes
This mockup introduces four main improvements.
1. Clickable badges as toggles
The checkbox disappears.
The badge itself becomes the toggle:
- enabled → full color
- disabled → faded (~30%)
This makes the state of a row readable at a glance.
2. One row per permission
Groups are no longer split into arbitrary two-row layouts.
Using flex-wrap, badges wrap naturally if needed but still clearly belong to the same permission.
This removes the common confusion:
Does the second line belong to this permission or the next one?
3. Critical permissions highlighted in red
Sensitive actions (like Delete) are highlighted directly in the permission label in red.
This is much more visible than a generic warning banner at the top of the page that most people ignore.
Alternative View: Matrix
Another possible view is a matrix layout.

This is particularly useful to answer the question:
What can this group do?
For example, clicking Moderator in the filters would isolate that column and show all its permissions across the current tab.
Two complementary views
- Badges view → best for editing a specific permission
- Matrix view → best for auditing a full group
Both could coexist with a view switcher in the top-right corner.
Discussion
Feedback is welcome on:
- overall readability
- how easy it is to scan permissions
- usefulness of the matrix view
- accessibility / mobile usability
- any other ideas or concerns
Edited on Mar 15, 2026 By Fred .

