Hello, how to make the dialog box website dialog box more user-friendly

Source: Internet
Author: User

"Why ?" Unless you are familiar with a certain type of dialog box, the first response is usually like this? This kind of experience is just like you are in a rush to get in the car, but you are constantly being blocked from the leaflets on the way. It is undeniable that it is an interruption, sometimes even an interruption. As a designer, although we know that "interruption" cannot be eliminated for the moment, but it cannot be changed to "disturbing", we should do it:

① Multiple interruptions = interruptions

Interrupt you every other hour. You can still endure it. If I interrupt you several times in a minute, will it be crazy? This is also why Chrome has displayed the option of "disabling this page and then displaying the dialog box" after "interrupting" the user "in the dialog box multiple times.

  

 

Grasp the principle: Do not use a dialog box if possible. Unless in either of the following cases:

 A. An operation is highly risky or irreversible.

Use this principle to determine whether the dialog box appears properly:

In win7, a dialog box is displayed for each file to be deleted. Check whether the file is deleted.

  

 

(Note: Is normal deletion irreversible? There is another recycle bin in windows. Is it costly to retrieve it from the recycle bin ?)

 B. It cannot be avoided in advance and must be confirmed by the user.

Use this principle to determine whether the dialog box appears properly:

The activity is over, and the "Vote" is still in order. After you click it, the dialog box tells me that everything is over.

  

 

To sum up, before preparing to design a dialog box, please think "3". Is it really necessary to interrupt? Is it worth it:

  

 

  ② Unclear meaning = disturbing

  A. Ask "yes/no" or "OK/cancel"

First study the language:

  

 

Then return to our dialog box:

Scenario 1: the user clicks to exit. In order to avoid misoperation, you can ask whether the user really wants to exit. Is it "yes/no" or "OK/cancel?

  

 

Suggestion:

Since we click "exit", the probability of true exit is much higher than the probability of misoperations, there is a strong premise that "yes, I want to exit.

In the dialog box that appears, "Do you want to exit ?" The user may be confused. I have clicked "quit". You are still asking me if I have not chosen it?

And use "are you sure you want to quit ?" We can give the user a signal. We know that he has chosen to quit. Here is just a confirmation.

Scenario 2: Chrome has a function. When you open a foreign language website for the first time, a dialog box is displayed asking if you want to translate your opinion. In this case, should I use "OK" or "OK?

Suggestion:

Since it was the first time we opened it, we could not determine whether the user wanted to translate or not: the English language is popular now. Some users may just like to read the original flavor, and some may want to see the meaning of the translation. Even if you are the same person, you may want to view the translated website or the original website at different times.

When the user's meaning cannot be guessed, it is obvious that "whether" is used for inquiry. This is also chrome's current practice:

  

 

B. Answer the question

  

 

If you see this, you may have questions. In the previous example of Chrome, I asked "Do You Need To translate ?" The answer is "Translation/no". There is no "yes" at all. Please go and look down...

  C. Can it be neither "yes/no" nor "OK/cancel"

  

 

It seems that clear verbs are better than "OK?

Not all. If you want to get the user's attention from the points you mentioned in the question, or the operation can be clearly stated without a few words, you need to describe them in detail in the question. In this case, "OK" is more appropriate.

That is, sometimes (analyzed above ):

"Yes/No" can also be displayed as "a specific verb/no ";

"OK/cancel" can also be displayed as a combination of "Specific verb/cancel.

  D. Are you sure you want to use "OK" or "OK?

Scenario: when a user reads a serialized novel and continues to read a paid chapter, a dialog box appears, prompting you to purchase at 30 Q points before reading the novel. Which of the following dialog boxes will you use?

  

 

In dialog box 2, the "Buy this chapter" button also plays a guiding role and is intuitive. No question for "OK" purchase or a "OK" button is useless. Is there a problem?

There is no problem with availability.

So what is the difference between dialog box 1 and dialog box 2? Are there any advantages or disadvantages?

Now, I have already said that before "OK, in fact, we already have a "yes" premise in our hearts.

In this situation, the user does not confirm his or her purchase intention. After clicking "buy", a dialog box is displayed to inform him of more information and confirm whether the user has actually purchased the product.

Instead, the user is trying to read the free chapter of one chapter after another. In fact, he cannot predict which chapter will start charging fees.

Therefore, the appearance of this dialog box does not include any "yes" premise, and is not expected at the same time.

At this time, the statement gives the user a fact, which is more inclined to be a notification. The button indicating "buy this chapter" plays a role in providing suggestions and guidance.

If you ask "are you sure ...." Just as if you do not know whether a person has a plan to buy a house or whether the other party prefers the house, you can directly ask someone to pay for the house. It will be abrupt.

The text-based chewing is over. If you agree, make sure that your users say "Hello" instead of "hate" when they see the dialog box ".

Source: http://cdc.tencent.com /? P = 5899

Related Article

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.