When do I need to have a "Cancel" button?

Source: Internet
Author: User
Tags interface log query return

When browsing the web, we often find such combinations as "OK" "OK Cancel" "OK Close" "Close" "Cancel". Which is the right combination? When do I need a "cancel" button?

———————————————————— instance using an article ————————————————————-

First look at the example:


This is a page to write a new journal. The main content of the entire page is to write a new log of the various operations involved. Have the submit button, submit the information entered. There is a cancellation button, said not to write the log, to undo just click on the "Write log" button this operation. Click the Cancel button and the page jumps to the Log list page.

Comment function is to follow the bottom of a log, the entire page to comment on the function is not the main content (the main content is the journal body), the cancellation button here if also like the above on the log page on the cancellation button, page jump to the Log list page, it is obviously wrong. And if the cancellation button in the log and the function is not good, because these two are too similar, two buttons of the same function is different, obviously also wrong.
There's really no need to cancel here, because there's nothing to cancel. The previous operation was "open this log Details page" instead of "comment", "open ..." This operation does not need to cancel the button undo.
The "Cancel" button in "Post review" has the actual function of emptying the comment content. Then this button should not be called "Cancel", it should be called "empty" and so on. And in this place has such a emptying function seems more time will make the user misoperation, so, this button should be removed. This is another error that causes another analysis, not the main thing to say, so far.

In contrast to these two pages, writing a journal needs to be undone, and commenting is not needed.


There are several features of the Write log page:
1. The user actively clicked on a button called "Write Log" and then led out;
2. The button "Write log" is expressed as an operation;
3. The page is filled with form elements that require users to fill out and submit.
Then, on the Write log page, to provide the "Write log" button for the corresponding undo operation function-Cancel the button.

Of course, the Cancel button on the log page is a bit of a problem. In the entire Web site, the Write Log button appears in more than one page of the Log List page. Then click the Cancel button to return to the Log List page is not very rigorous. If the Cancel button changes to a link such as "Return log List page", it seems to be more accurate. This is similar to the following:

"Go back to your photo page"--This behavior can also be interpreted as a variant of the Cancel button.

Another variant--the fork button in the upper-right corner of the page:

———————————————————— tips for using an article ————————————————————-

There are some standard Information tips page to use the "Cancel" button!



! Warning message
Interface elements: Warning message icon must be, there are "yes", "No", "Cancel" button, and the corresponding query text.
Application scenario: Users have irreversible effects due to misoperation. Prompt for some important actions that the user may not have performed due to negligence. So you need to take a hint to protect user action. Warning icon indicates a situation that will cause problems in the future. "Warning does not mean a weakened error"-the understanding of this sentence is that a warning cannot be used without serious errors. Here the "Cancel" button is indispensable!



? Asking about sex
Interface elements: Contains the query information icon, confirmation, Cancel button, and the corresponding query text.
Application scenario: To prevent users from making misoperation, ask the user to confirm their behavior. Along with the relevant query text, generally speaking, explanatory and explanatory statements can not exceed 2 lines, not more than 50 text. The suggestive statement cannot be too professional, try to use tactful statements to express the relevant meaning. Of course, simplicity and inability to repeat are also a key aspect, while remembering that tone must be "moderate/positive". The "Cancel" button here is also indispensable!



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.