Comment puis-je concevoir une table d'autorisations utilisateur «non linéaire» avec des relations à deux colonnes?
J'explore l'idée d'utiliser une relation à deux colonnes pour gérer l'octroi d'autorisations utilisateur. La colonne de gauche contient des lignes sur lesquelles l'utilisateur peut se voir accorder une autorisation de "visualisation" ou de "modification" dans chaque ligne de cellule. Selon la sélection, la colonne de droite serait mise en surbrillance pour afficher de manière plus détaillée les pages auxquelles ces autorisations ont accès.
J'ai un croquis ci-dessous, des exemples de cela dans la pratique que vous pouvez partager? !
Ce que vous décrivez est un modèle très UX, qui est un éditeur de politique. En règle générale, cela implique de sélectionner et de modifier une stratégie, et de visualiser/modifier la portée de la stratégie.
Habituellement, cela donne une interface similaire à celle que vous avez esquissée, mais avec quelques ajustements:
Pour la colonne de gauche, il est difficile de savoir si les cases à cocher sont des commandes ou simplement des indicateurs. S'il s'agit de contrôles, il est gênant d'avoir un "contrôle dans un contrôle". S'il s'agit d'une visualisation, envisagez de supprimer la case et d'afficher simplement la coche.
Utilisation déroutante du terme "Modifier". Vous disposez d'un bouton d'édition qui permet aux administrateurs de modifier les autorisations. Vous utilisez également "Modifier" pour décrire si une autorisation permet à un utilisateur de modifier une page. Pensez à migrer ce deuxième terme vers quelque chose comme "peut modifier".
Vous avez évidemment beaucoup de pages potentielles dans la colonne de droite (d'où le bouton plus ...). Les éditeurs de stratégie affichent souvent juste les pages pour lesquelles l'utilisateur dispose d'autorisations. Cela économise de l'espace et simplifie le flux et la présentation. Si vous devez être en mesure d'ajouter une page à la liste (pour une autorisation donnée), placez un bouton "Ajouter une page ...".
Enfin, il serait utile d'avoir une connexion visuelle entre les colonnes gauche et droite, pour indiquer que la gauche se rapporte à la droite. Par exemple, un indicateur triangulaire entre les colonnes.
Mis à part ces critiques, ce que vous avez présenté est une solution assez courante à un problème assez courant. Si vous recherchez des exemples en direct, vous pouvez consulter l'éditeur de stratégie de sécurité Windows ou Mac, l'interface des autorisations Google Apps, la stratégie de sécurité Amazon Web Services ou l'éditeur d'équilibrage de charge, etc.
J'espère que cela pourra aider