I am working on the admin component to a web app that will create/manage web sites for multiple clients. This admin portion will determine what pages/features will be included, as well as what controls (and their values and attributes) will be on each page.
The challenge: It will also set which pages/features are viewable and/or editable by each of the 4 end-user roles. My primary business user (who is also my boss) insists that the roles' permissions be assigned and displayed all on one page. I would like to hear thoughts on pros and cons of each of the following ideas, as well as improvements or completely different approaches.
Currently, I have it laid out in a grid where the 20+ possible pages are down the left and the 4 roles are across the top. Inside each cell is a dropdown with the 3 options: view, edit, none. This is functional, but when you look at the page the settings are not easily scanned (see shortened example below).
My original layout called for displaying one of three different icons (each of a distinct color) that could be changed by clicking on it and selecting a new option from a modal popup. The developers on the project shot that down based on complexity. (Indeed, they tried to kill this whole tangled mess, but as I mentioned, the primary user is our boss.)
My next thought is to find some way to color code each cell or each dropdown, based on what is selected.
-- OR --