Label to dismiss a dialog box?



  • I have a dialog box that is asking a user to confirm the cancellation of a task.

    Since the main CTA already says, "Yes, cancel this task", it might be confusing for the action to exit the dialog to also say, "Cancel."

    We are using Material UI here so we don't have an "x" dismiss icon on the upper right hand corner of the dialog, but even then, I think a prominent exit button is still warranted.

    What should this label say to clearly communicate to the user that they are dismissing the dialog? Other ideas - No, don't cancel this task, Close, Close without canceling, etc...?

    enter image description here



  • To avoid the confusion you're referring to, make both buttons about the task and not about the dialog. I would keep the "Yes, cancel this task" and make the other one "Keep this task".




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2