Nobody can agree on the wording for the "you have unsaved changes" dialog and I have rewritten it six times
Simple situation. A modal with a form. The user has typed something and clicks cancel. We want to warn them the changes will be lost.
Every version I write is ambiguous in some way. The buttons end up being some pair of Cancel and OK, or Discard and Cancel, and in the second one there are now two things called cancel that mean opposite things. If I use Yes and No the question has to be phrased so that yes and no are unambiguous, and every phrasing I try has a reading where the user picks the wrong one.
What is the pattern that actually works here?
@research_rosa · 7d ago
The rule that resolves almost all of this: label the buttons with the action they perform, never with yes, no, ok or cancel.
A user in a hurry reads the buttons before the message, and often instead of it. If the buttons say "Discard changes" and "Keep editing", the dialog is comprehensible with the body text unread. If they say OK and Cancel, the body text is load-bearing and you have made a reading comprehension test out of a mis-click.
So:
Note that neither button contains the word cancel, which dissolves your two-cancels problem entirely. The word is genuinely ambiguous in this context: cancel the edit, or cancel the closing? Removing it is the fix.
Reply
Report