Stop designing ‘Are you sure?’ modals

Ditch the modal entirely and just do the action, but hold it for 5 seconds so a user can undo it if they want instead. Drop a toast bottom right for the undo and it's one less step for the end user.

@zander_supafast I think the X button adds an extra layer of safety. Some people might click delete by mistake or in a rush. Having the X offers an additional opportunity to go back, which people are generally familiar with and expect.

@zander_supafast I disagree. If I just want to undo my last action, let me undo without processing. Also, people without understanding (language, cognitive, experience,...) know that the X button just takes them back. Clicking a button causes anxiety in elder ppl e.g.

What are you using to animate these videos?

I'd invert the order of the buttons... don't focus solely on color to denote danger: it doesn't work for color blind, and it may not work on some color palettes

Obviously it is all wrong! No close option in a modal, no double question, no proper button labels!!

Can be actually completely replaced with the little tooltip that will stay for like 5 seconds and allow you to revert the action Won't work in every possible case, but for something not that critical — very good replacement. Will reduce the cognitive load cause the user won't have to do an extra action, but still will be able to revert it if it was done by mistake. Also, a good practice is to make the confirmation button work by Enter press. It's such a pain in the ass to operate big amount of stuff through such modals...

@zander_supafast Yep. The X (close) designers use in modals is usually a sign that they are still married to legacy ill-thought-out concepts of the web. The close action’s outcome isn’t clear. There is a reason iOS modals/action sheets never have a close button

No dialog + undo is the best UX. If your system does not have an undo stack, just postpone the action for X seconds and let the user undo before it really happens.

@zander_supafast To my mind, the X button is for when you've accidentally clicked on whatever option brought up the modal and your response is "I don't want to engage with this, make it go away without changing anything"