Design skills of User confirmation page in web design

In the Web site when users do some of the dangerous operations such as deletion, we often use the confirmation page to remind them, then when we should use the confirmation page?

The above diagram, is the main character of this article: two times confirmation page, her English name is confirmation alert.

Background of this article: why did you want to do this two-time confirmation page study, also because of a project that was done at that time. There were a lot of two confirmation pages on that project at that time.

There are a lot of people's opinions:

"What? Delete address also two times to confirm?"

"Why not here to confirm it?" said the man. Did you make a mistake?

"Before deleting, why not add a confirmation?"

“......”

Confirmation page more and more, in the end we see the demo, and unanimously think we too wordy.

Are there some principles and specifications that can guide the use of two confirmation pages? So while doing the project, on the side of some analysis. A recent study of Windows Vista UX Guide found that many of its contents were very nutritious and added to my original content. So share and share it, the original PPT did some selected as follows.

Content:

1. What is two confirmation page (definition and feature)

2. When do you use it?

3. The choice of form?

4. Some considerations.

One, what is the confirmation page of two times?

The two confirmation page is actually confirmation alert, which is an important part of the alert family.

　　

English definition: A confirmation is a modal dialog box this asks if the user wants to proceed with A action.

A confirmation page is probably a dialog box that asks the user if they want to continue with an action.

Two times confirmation page features:

Occurs directly after an operation that the user has just initiated.

Ask and confirm if the user wants to continue the previous operation.

Typically contains a simple question and two to three operations.

Two. When do I use two confirmations?

The benefits of the two-time confirmation are:

Reduce false clicks

Avoid loss when action is interrupted (save confirmation)

Make the operation more prudent

Security (some two confirmations also require user input password)

Disadvantages are:

Interferes with the normal operation flow, the improper redundant two times confirmation face also can let the customer be bored with heart.

In some encouraging processes, the two-time confirmation page will also form a huge funnel effect, directly resulting in customer churn.

　　

Therefore, the main principle of the vernacular:

Can not be used without;

use when necessary;--what is the necessary time? Decomposition below.

Used to let the people understand. What do you do? Don't leave, let's discuss it together.

When do you use it?

1. Saving confirmation (save confirmation)

Example: Fill out the form halfway away, the message is half written shut down the browser, the document is not saved state point close.

Purpose of Confirmation: avoid misoperation or loss.

2. Delete Confirmation (delete confirmation)

Example: Happy Net account deletion (can not restore), delete friends or files and so on.

Note: Not all deletions need to be validated, except for frequent operations (such as deleting messages), unimportant deletions, or low recovery costs.

3. Other important and irreversible operations

Example: Taobao confirmed receipt of goods and agreed to lend, Youa revocation refund agreement.

Purpose of Confirmation: inform the consequences to make the operation cautious, avoid misoperation.

　　

4. Important and not recommended operations

Purpose of Validation: Make the user change the selection by confirming.

The most typical example is Taobao's "Evaluation Confirmation":

　　

Two confirmation page features since there are more than two operation options, so when there is only one choice, no matter how much the page looks like the confirmation page, it is not.

For example, the following pages:

　　

Everyone is very concerned about the question: how to determine whether or not to confirm the page?

Recommendations are as follows:

1. If there is no more than two action options-do not use the confirmation page, can be a success hint, or error reminders, designed to be no user action.

2. If there are more than two options, 90% of the users will choose the default option--two acknowledgements can also be considered for removal. You can add some tips to avoid the loss of 5% of users, but do not use a confirmation page to interfere with the 90% users.

3. Consideration of importance and recovery costs:

Important but the cost of recovery is low, and unimportant but the cost of recovery is high, do not recommend the use of two confirmed, provide a more user-friendly undo operation.

Important and costly to recover, preferably two times to avoid loss and misoperation.

4. Whether the operation is frequently used: Under normal circumstances, if frequently used, the importance is not particularly high, and the frequent occurrence of the confirmation page will be maddening, in this case, it is best not to confirm the page two times.

And the confirmation page has many alternative forms, can achieve the same purpose but more affinity, in the future article will touch.

At the same time, students are welcome to provide the opposite side of the two confirmation page case, my vision is really a little narrow. ：)