Two people discussing on laptops and papers.

Designing an effective ‘Cancel’ dialog confirmation is crucial for providing a seamless user experience on web applications. João Bexiga delves into three common scenarios where users may want to abandon a flow or task and explore how to craft clear, user-friendly confirmation dialogs.

João outlines a generic guideline for ‘Cancel’ confirmation dialogs, which includes a straightforward question about the action, a description of the consequences, an alternative way out, and a decisive action button. This guideline is then applied to three specific scenarios: canceling a creation flow, canceling an editing flow, and canceling a previously executed task.

The key takeaway is the importance of crafting confirmation dialogs that are straightforward, user-centric, and avoid potential conflicts or confusion. By following a structured approach and considering the user’s perspective, designers can create ‘Cancel’ confirmation dialogs that enhance the overall user experience.





Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.