Usability: Delete Confirmations Done Right

Here is a great way of implementing delete confirmations in web app interfaces. It’s intuitive and usable. It’s done within the same “delete” button but with an extra click. This is how it works, you click once on the button and it will change its state to confirmation button, you click again to confirm deletion.

It’s way better than the overlay popups in the middle of the screen or other too creative ways that go counter-intuitive to the usability of the web app.

delete action done right

It’s from Zapier.com, kudos to them for making their UI user-friendly.