Confirmation Before Action
Last updated: October 8, 2015 at 15:07 pm

An alert to prevent users from taking inadvertent and perhaps irrevocable or unintended actions.


Visual example of the element:


What problem does this element or pattern solve?
Occasionally, you may need your users to confirm an action they have requested before it is carried out, particularly when that action is required, irrevocable, or will take them off your site. Examples of this might include agreeing to terms and conditions, deleting an account, or canceling a reservation. In some industries, confirmation before action notices are a legal requirement before a process is permitted to continue.
It applies to these platforms:

Desktop Web, Tablet Web, Smartphone Web

An example of this element or pattern in production:


Detailed specifications

Specifications To Consider

  • Clearly define the events which require a confirmation before action alert (CBA). You may find that you have many different categories of CBAs, ranging from a simple, “Are you Sure?” to quite detailed legal copy.
  • Once the CBA categories are defined, you can look at the visual styling and presentation for each group. Will the user be required to visit a separate page? Will you display the message in a modal or scroll box?
  • Check your proposed visual presentations with your legal department. Some industries do not legal agreements to be displayed inside show-hide interactions.
  • Once on the CBA screen, define the user interactions. Will you need a both a heck box and submit button? Or a submit button alone?
  • What occurs if the user reaches the CBA screen and realizes he or she does not want to take the action after all? How is the process canceled?


Location of assets to build this element or pattern
Location of UX or visual design assets
Location of development code repository


Additional details
Information on research, user testing, or usability reports:

Not Applicable (Remember: no field should be blank!)

This element or pattern may also be known as:
confirmation, are you sure, click ok, hit ok, confirm action dialog, warning, warning dialog, warn user before action
Related elements within this Style Framework:

Not Applicable (Remember: no field should be blank!)



Owners and governance
UX or design 0wner
John Designowner
Email: design.owner@yourcompany.com
Business or marketing owner
Mary Businessowner
Email: business.owner@yourcompany.com
Development owner
Mike Devowner
Email: development.owner@yourcompany.com


Other information
Please include any other relevant information about this element or pattern:
Not Applicable (Remember: no field should be blank!)


Comments & Questions

Leave a Reply