Web interaction design non generic Cancel button

3 Aug 2017 admin


"Cancel" this button is not a necessary process for the operation, nor does it appear as a major element in the design. But what happens in the actual frame or some of the operations, then what’s the trick of this tiny cancel button?

first, let’s take a look at the concept of cancellation.

cancel: we need to ask for a confirmation action when submitting questions, selection, progress, and information. At this point, two buttons are often given, "OK" and "cancel"". The Cancel button generally does not appear singly. It usually appears with actions like "OK", "save", and so on.


(this dialog box is common in the operating system, containing two keys, confirming and canceling),

second, design and use the cancel key

"Cancel" the location in the page

When the

design "Cancel" key (or operation confirmation page), often "confirm", "save" button to the left, and marked with eye-catching format, or selected by default. The Cancel button is often on the right. "Confirm" and "Cancel" should not be too far away. The two buttons in figure a are too far apart and increase the distance of visual movement, which makes reading a burden. The reading efficiency of figure B is much higher than that of A.





"Cancel" and other buttons distinguish and weaken mode

for product operation considerations, will encourage some users to carry out the operation, dilute the "Cancel" operation. For example, there are several scenarios in which the button is determined and cancelled.


The advantage of

is to reduce the salience of secondary operations in visual performance, minimize errors, and guide users in achieving goals. The two buttons can be clearly distinguished, highlighting the confirmation of one side. It makes it easier for users to make judgments.

button in the design, according to the actual content of the expression, highlighting the primary and secondary relations. Proper guidance to users, as far as possible to avoid misoperation, so that the operation is more convenient and clear. You can also use user-friendly, descriptive words to emphasize buttons, weakening the "Cancel" and "Cancel" functions that allow the user to go back to the previous operation. But there is no undue influence on the main intention of the interface. Humanized descriptive words can give users enough attention to make them feel intimate. Here’s the page of the film review, using blue ash

Leave a Reply

Your email address will not be published. Required fields are marked *