Comment afficher deux actions différentes sur une page qui ont essentiellement le même comportement?
Je conçois une application où je peux partager un plan d'appel avec mes amis et ma famille. Pour cela, j'ai l'obligation de fournir des actions pour empêcher un utilisateur d'utiliser un produit et également de supprimer un utilisateur dudit produit.
Bloquer un utilisateur signifie:
- Si je suis bloqué du service, le titulaire du compte pourra toujours voir mes coordonnées, mais je ne pourrai pas utiliser le service tant que le titulaire du compte ne me débloquera pas.
Supprimer un utilisateur signifie:
- Si je suis supprimé du service, je serai supprimé des enregistrements, mais je pourrai me résigner au service.
Je me bats avec ça. Comment différencier clairement ces deux actions?
Je pense que ces actions ont quelque chose en commun, donc je pense que vous pouvez les placer sous l'action "Révoquer l'accès" avec des détails cachés derrière la boîte de dialogue de confirmation. Cela limitera non seulement le nombre d'actions visibles sur la page (et il sera facile à utiliser) mais rendra également la différence plus claire:
Et dans le cas où l'utilisateur était déjà bloqué, il y aura deux options différentes sur sa page de profil, disant quelque chose comme, "L'utilisateur a été bloqué: 'Restaurer l'accès' ou 'Supprimer l'utilisateur de façon permanente'?" avec ses propres confirmations, expliquant la procédure.
La façon dont vous implémenterez cela dépendra de votre interface utilisateur, mais en supposant que vous ayez une liste d'utilisateurs sous chaque service, vous pouvez faire quelque chose comme ceci:
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Ou une case à cocher pour chaque nom et un seul bouton "Bloquer" et "Supprimer" qui agissent sur tous les éléments cochés:
Bien que le résultat final puisse être le même - vous ne pourrez pas utiliser le service - les actions sont en fait différentes.
Pour différencier les actions, j'utiliserais des icônes ( corbeille , ban ).
Pour offrir plusieurs opérations par interaction, modifiez la grille du tableau de manière à ce que chaque ligne possède ses propres boutons de fonctionnement (comme fig. 1 ), qui changent d'état une fois sélectionnés. Ajoutez ensuite une action primaire + secondaire en haut et en bas de la grille (appliquer, réinitialiser).