Email or username:

Password:

Forgot your password?
sam henri gold

💡 UX Tips: Improving Alert Copy

Follow for more UX tips, tricks, and tips!

Before. An alert box. Title: Confirm Cancellation. Body: Are you sure you want to cancel? This action cannot be undone. At the bottom, one button reads "Cancel Subscription" while the other reads "Do not cancel". Design notes and arrows are all around the box.  Note 1 points to a red close button and reads "Both buttons close the alert, we don't need a third". Note 2 points to the copy and reads "Cannot be undone is a double negative". Note 3 points to the "Do not cancel" button and reads "Users expect standard terms". Note 4 points to the "cancel subscription" button and reads "Repetitive info, user already knows what they're cancelling". Note 5 points to "Are you sure" text and reads "More question from body to title. Copy is too wordy"
After. A dialog box. Title: Are you sure? Body: This action can be done. The highlighted button reads "Cancel" and the second button reads "Cancel"
16 comments
Hubert Figuière

@samhenrigold The buttons should be
"Reboot" "Reboot"

;-)

J. Blake

@samhenrigold This is actually clearer than dodging the Amazon Prime prompts when checking out.

Haelwenn /элвэн/ :triskell:
@samhenrigold Heh, I think the only change I'd make to the first one would be: "Do not cancel" → "Keep subscription".
Also seems a bit weird that the highlighted one is for denying the cancellation.

(And pretty sure I've seen the second one in actual software…)
voxpopsicle

@samhenrigold fantastic example of solid advice can produce terrible results. context is everything!

Johanna Janiszewski

@samhenrigold "The Action can be done" is so reassuring, I love it

Michael Kennedy

@samhenrigold I'm pretty sure what you did here is illegal.

Thibaut

@samhenrigold @houbahoubahop
Seen that in real world in Android in a dialog box asking to confirm cancelling modifications.
(Annuler = cancel in french)

Screenshot of a dialog box that translates to: "cancel modifications?" with twice the button "cancel"
CyanRainNin

@samhenrigold Obviously the modal text should be "You cannot cancel"

Go Up