Confirmation modals are powerful tools in user interface design that provide a layer of protection against accidental actions and help users make informed decisions. However, confirmation modals are disruptive and can be distracting to the user. Use them sparingly.

When to use

• An immediate response is required from the user.
• Confirm a user decision.

Anatomy

1. Title
2. Body
3. Actions

Title

A confirmation’s purpose should be communicated by its title.

Titles should:

• Contain a brief, clear statement or question.
• Avoid apologies (“Sorry for the interruption”), alarm (“Warning!”), or ambiguity (“Are you sure?”)
• Write in sentence case, capitalize the first word and proper nouns only.
• Avoid articles (the, a, an) to keep content short and actionable.
• Avoid using punctuation.

Don't

Don’t use confirmation titles that pose an ambiguous question.

Do

This confirmation title poses a specific question, concisely explains the purpose of the confirmation.