User experience: Site Confirmation Page Design Considerations

Source: Internet
Author: User
Tags copy

Related articles:

User experience: When to design a site confirmation page

User experience: What is the form of site confirmation page

The big principle of vernacular:

let me immediately notice --otherwise there is no need to confirm.
Must be distinguished from the current page, highlighting it. So generally two times when the page pops up, the current page should be screened for use.

I don't resent it-unless I want to get rid of the client.
Depending on the severity of the event itself using the appropriate icon (information, error, question mark), wording, visual changes are not too sudden.

let me see how to choose --confusedly, the two-time confirmation is the most deadly
Have interfered with the normal process, and then let users think on a pop-up page at a loss?
Short sentences, do not circulate, the letter Tatsu elegant copy, and copy of the operation.

The premise that these big principles are valid is that they are indeed the necessary time . - is your two confirmation page really necessary ?

Note: The above principle, Heidi Original, can not be copied, beware of errors.

Precautions:

    • Timing -Confirmation is a necessary time (why am I so wordy)
    • form -- is it taken in the right form? , be careful not to use two times confirmation page weeding, I saw many websites make the success page like two times confirmation page, actually also has an exclamation point to warn the user "The operation has succeeded" ...
    • Copy --This is too important to talk about alone.
    • icon--This is too important to talk about alone.
    • error Control --two times confirmation page was meant to avoid errors, what need to pay attention to this?
    • structure -This page does not need too much innovation, the safest way is to take care of the user's existing habits, with the mainstream structure to present.

The copywriting is too important :

1. button copy--Need to let the user think.

A lot of times we find a page is very baffling, very difficult to understand, look carefully, the original copy is not communicated clearly.

If two confirmation pages also appear ambiguous, ambiguous copy, that is the worst thing.

Can you see the difference between the three two confirmation pages below? --Data from Windows Vista UX Guide

The difference between the three is the button guide copy, the first use of official information:

The first two confirmation page : Windows considers an unreasonable two confirmation page because it does not work because the user himself sees the page by clicking the "Uninstall" action, when he sees the copy on the button or "uninstall" , he would hardly read two confirmed questions and descriptions, and would simply click on "Uninstall". Windows believes that the two-time confirmation page is at least a need for the user to think about doing the operation (otherwise it is not necessary). --do make me.

The second two confirmation page:Windows considers it appropriate to use Yes and no as the button's copy, before clicking, the user will at least think about the consequences of Yes and no, so he will look at the description.

The Third two confirmation page:Windows believes it is also reliable. A simple anyway function is great ... Experience it.

yes/no and ok/cancel button copy collocation Everyone seems to be familiar with the English site. It seems to be a substitute for each other, right?

This is a case that I yy out, but actually exist. In real life, a person is responsible for writing two times to confirm the page copy, but the text displayed on the button sometimes have to go "norms", the unified use of Yes or OK (for example), as to click on the button to what page is determined by designers and engineers. will lead to the above contradictory situation: button and copy irrelevant, click is another case ...

In this case, the combination of the overall copy, the button on the yes+cancel is probably a better fit. So it takes a person to take charge of the copy of the alert page.

Ok this is a lot of time with "I understand, I understand, so it" meaning, used two times to confirm the page will make the user very confuse.

In the following case, we can more clearly feel the copy of the matching how important:

Are you sure you want to cancel your appointment? 1. OK, 2. Cancel. --what should I do?

2. Page copy--enough information to understand the consequences.

You will often be distressed by this page, are you sure? Are you really sure about that? Are you testing my intellect or judgment or endurance?

icon can not be used indiscriminately AH :

Icon is very beautiful, it seems that many designers always want to use an icon dot two confirmation page.

But I sometimes do not understand why there are often some outdated icon to pour my appetite.

Even if not two times confirmation page (to the left of the poor success of the page, but was used the warning icon, it is inconceivable)

So, flipping through Windows Vista UX Guide found some useful summaries:

Remember routine confirmations and risky action Confirmationvs ... What do you mean, exactly? Dot here

Error control--The default action

A lot of times a two-time confirmation page bounces out and we subconsciously turn it off.

We'll click on the ENTER key on the keyboard--especially the two unimportant confirmation.

So a two-time confirmation page It is best to have some default action, from the form also highlighted, such as in the recommendation of the user said: Point I am the safest oh.

"Note": The highlight option here must correspond to the keyboard shortcuts.

So, what should you set as the default selection?

Similarly, the Windows Vista UX Guide gives some of these design guidelines:

Structure: Maintain universality and unity of the whole station

In fact, there are so many elements of the confirmation page two times.

It is worth noting the position of button, in fact, often not only two options so simple.

1. Continue the operation (save)

2. Reverse operation (not saved)

3. Cancel this operation (cancel, think again)

4. Other options (additional information such as Help)

It seems that if these button appear at the same time, their position is a lot of attention. But I don't have a detailed explanation here. Because I found that the Mac's OK and cancel positions seem to be upside down with windows, so I'm not sure I can take a certain position directly to analyze whether it is possible or not.

Here is a two confirmation page structure for Apple:

See, the main structure is similar, the only button position, do not know why the Mac will cancel and OK location and Microsoft's different.

Also: I think the OK here is also ambiguous.



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.