Running into a case where I need the user to confirm the canceling of an action. Not sure what the correct text here is for the button. 'Yes' and 'No' make the most sense to me but the Material Design guide https://www.google.com/design/spec/components/dialogs.html# discourages that. Maybe I can change the main text? Anyway, what I have below is somewhat confusing. Any suggestions?
Asked
Active
Viewed 254 times
1
-
could you share more details about the particular actions? – BatlaDanny Feb 02 '16 at 09:44
-
Cool question! I like it a lot :) – mikryz Feb 03 '16 at 00:59
-
1This question seems like a duplicate of this very popular existing question – Kit Grose Feb 03 '16 at 01:22
-
@BatlaDanny think of it like canceling an order. you've requested it but you have the option of canceling it – ono Feb 03 '16 at 04:59
-
@KitGrose yep, good find – ono Feb 03 '16 at 05:00
-
@ono the question linked to by Kit Grose should cover it. in case you particularly want an example for an order cancellation interface, check this out: http://quehow.com/wp-content/uploads/2014/09/how-to-cancel-order-flipkart-step6.jpg – BatlaDanny Feb 03 '16 at 07:50
2 Answers
1
There are two options to consider:
- Reword the answers. I guess, when you need to cancel "this action", that action has an actual name. Then the opposite of canceling is keeping it. Then the popup may state something like this:
- Another option is to cancel the action and then provide a non-modal popup to undo the cancellation.
mikryz
- 1,175
- 6
- 9
-
-
@ono After further consideration I've updated my mockup to match your original question, rather than rephrasing it. – mikryz Feb 08 '16 at 18:37
0
Confirmations must not ambiguous. The user must not try to interpret what the options will do. Make each option as specific and clear as possible. Also, omit unnecessary words.
For example if the action of the user is the deletion of a record, the message dialog should look something like this :

download bmml source – Wireframes created with Balsamiq Mockups
DesignerAnalyst
- 7,773
- 1
- 20
- 33


