0

I hope this question is not too banal. I would like to use the best terminology for a modal's buttons.

Context: I'm building a feature for an administrative tool. The feature is on a customer profile's dashboard which contains items that link to other administrative tools ultimately sending the admin outside of the customer's profile. (Changes are saved every time an Admin makes a change so there's no risk to lose progress)

When the Admin clicks on the item, a modal pops up and says "You're about to leave this profile to x page. Are you sure you want to leave?"

Option for buttons Stay on Page Continue | Cancel Continue | Cancel yes

Is there one in particular that is more commonly used? thank you for your time.

  • 2
    If there's no risk of data loss, why are you putting a dialog in their way? – Mike M Apr 5 at 14:05
  • Thank you for your reply. The admin management tool we have contains multiple products. The feature I’m building for a customer’s dashboard includes shortcuts to other tools (products) like volunteering, education, events, etc…. which don’t exist under the customer’s profile. Because the admin would leave that product to an other I felt the need for a modal. But I agree with you I am creating more roadblocks. This is also a temporary solution to a product that needs an overall rebuild. I appreciate your feedback. – Roxanne D Apr 5 at 14:42
  • thanks for the clarity. In that case, see the articles and examples I've referenced below to make clear button labels. – Mike M Apr 5 at 14:51
0

I would want to use Stay on Profileand Continue`. Cancel makes it sound like the navigation is more serious than it is. You have all the data stored, it sounds like you just want to flag a context switch in the application.

I would avoid confusing page and profile though. I'm not sure how much room you have to maneuver but it's best to keep the terminology consistent.

  • I will definitely keep this in mind. Profile would be a more consistent term in this context. Thank you grmdgs! – Roxanne D Apr 5 at 15:19
1

If there's no risk of data loss, ideally you don't put a dialog in the way of the admin.

From what it sounds like, the admin doesn't risk anything by going to another tools page. Confirmation dialogs are normally used for:

  • Warning of data loss
  • Confirmation of a destructive action
  • A process that can complete an action without the user having to navigate to another page.

Is the concern that the admin will need to keep the profile accessible?

If the admin expects to keep the main profile pages readily accessible, you could open the other tools in another tab.

enter image description here

There are certain user roles, like DevOps, Security Admins, and others where tabbing between multiple windows is necessary, and allows them to maintain multiple timely contexts without having to search through browser history.

If you need a dialog, make the buttons clear.

Material Design has some guidelines on button labels:

Don’t use action text that fails to indicate what the selection will do. “Cancel” and “Delete” better indicate what will occur in this dialog.

enter image description here

enter image description here

There another thoughtful article, Primary and Secondary Action Buttons

It’s often better to name a button to explain what it does than to use a generic label (like “OK”).

Use a verb whenever possible instead of ‘Yes’ or ‘OK’ because your buttons will make sense out of context with the explanatory text or title.

  • Thank you Mike, These examples and your knowledge is appreciated! – Roxanne D Apr 5 at 15:22

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.