The interactive design of the test page form

As a Web form interaction design, sometimes the web designer itself has to do some extreme testing, which includes filling in and thinking about some of the actions that ordinary users find difficult to do. For example, in the Price input box to fill in English letters, do not input the time to press the submit button and so on.

Generally as testers, we have to take all possible user behavior into account as much as possible, even if the probability of the possibility of the occurrence is very low.

Below we will specifically analyze the Web form of the interactive design of the limit test and Taobao and other sites to observe, and see how these big sites for form interactive test to what extent!

As shown in figure:

1. Will you press the search button if you do not enter anything in search bar?

2. Do you know that this input box should not support the letter, should not exceed the maximum page number, but also enter such a value?

3. Enter letters in the price range, such as a?

Not most people, except for designers. Designers have to take into account the extreme situation, and in each case how to let the system response, so he became the most vexatious user. If the designer doesn't consider the details of this very mini, it's worthless, in case one day met some vexatious customers, a try out the problem, he will be in So-and-so blog, write haha, this very cattle site would have made such a mistake-I admit, this behavior is generally still called designer to do it.

Anyway, today, finally completed the project design documentation, with some check details of the tangle, I also vexatious a, "harassment" of many sites, tried a variety of extreme situations, but also found some seemingly experienced a good site embarrassing and unprepared. But seriously, who cares? After all, real users don't do that.

Don't play big today, just play the extreme case of simple page numbers and price areas.

One, Taobao

1. Enter the letter in the price range-- Taobao instant automatic removal , do not let you fill in, the stronger is, the instant I vexatious to paste 1a1 such a string, Taobao also immediately the middle of a filter out.

2. Enter the letter in the page number input box --Click OK, the page refreshes, or the page number is positioned to page 1, and the input box also clears the letter.

Interestingly, I am currently on other pages, such as page 99th, after entering the letter in the input box, the page refreshes, or to the first page.

3. Again vexatious some, I entered in the input box 200, exceeds the maximum page number , the page refreshes, Taobao still give me to navigate to the page number 1.--seemingly logic is the input of the code requirements of the characters, all refreshed after the return page number 1.

My evaluation : The first case, the scheme is fair, to avoid errors, and will not pop-up prompts. The second situation: to go to page 1 is silly, why not stay on my current page number . As for the third case, I tend to be positioned to the last page.

Two, EBay

1. Enter the letter in the price input box--click Go, there is a hint, well, it looks a bit laborious.

2. Enter the letter in the page number--go left point point to point to do not have any reaction , Eaby is said: You vexatious, I simply ignore you, see how you do?

3. Enter the number above the maximum page number in the Page Number entry box--click on the page to refresh and navigate to the last page. ebay is saying, "Sorry, that's all we have."

My evaluation: The first case, or the comparison of the error prompted. In the second case, I thought the system was stuck and waited for half a day. In the third case, ebay has done a good job.

Third, Alibaba International station

There is no price range, only harassing page numbers.

1. As shown in the picture, enter the letter and click Go to Appear warning box-and exclamation point. Alas, serious and solemn Alibaba.

2. Enter the number above the maximum page number in the input box--after the page is refreshed, return to the first page.

My comment: The seriousness of the hint, too much. In the second case, page numbers respond to overflow values like Taobao, and need to be improved. This, to the end is not more in line with the user's original requirements?

Four, Google

Google did not jump to the first few pages of functionality, take the zip input box in figure one to try the situation 1.

1. Enter the letter--click Go, the page refresh, in addition to just the letter clear, any changes are not.

2. Enter the letter in the price area input box, click Go, page refresh, clear the letter just filled in, or no change!!

It seems that Google's strategy is: you vexatious, I also vexatious, you slap back I will take a slap back, you do not understand my response? So what exactly are you expecting?

Also by the way to harass the Chinese Youdao shopping and Pat two sites, found that the program can not jump out of several. However, there are some details of the difference, for example, in the way of the price input box, first input the correct value (such as 1-100), after the replacement of letters, the page like Google as usual refresh, but will return to the previous state (1-100).

Google in the same situation, but return to the initial state.

Mapping to real-life cases:

harassment here, the mind suddenly flashed out a picture, if you one day, very boring, to vexatious (fool also can Ah, fool is not called vexatious), to a watermelon shop, to the shopkeeper said: "Boss, please give me a football."

The boss's possible reaction and my reaction:

A. Pretending not to hear, no response, another shout, or no response.

--Was he deaf? Or did you not notice me at all? That's what Eaby did.

B. Roar: Are you sick? I don't see a sign that says watermelon!

I'm so scared, isn't this boss in a bad mood? That's how Alibaba did it.

C. Give you a watermelon directly. Ask again, or give you a watermelon.

-first inexplicably, then, oh, it turns out this is a watermelon shop. That's what Google does.

D. Ask you: what? You repeat? I said: "Give me a football, the boss also asked:" What? You repeat?

-Oh, well, I'll take you, I'll have the watermelon. Taobao is doing this.

To sum up: in the face of "extreme and minor errors", the response of each website:

It is worth noting that the specific design, must be "specific circumstances", such as Taobao automatic error correction, is good, but also only applicable to the single character of the case, such as the price area can not appear letters, so the immediate empty. And Google Shopping in the zip,states that input box, there are many characters, can not automatically error correction (need the overall semantic judgment), as if a customer said "boss, I want a football-the same watermelon", have to wait for users to finish.

No pop-up warning box, also do not damage the page structure, you may wish to help Google think of this place's calibration, in addition to the autonomous response, there are no other options?

However, perhaps I think more, perhaps the designer did not think so much, maybe just a certain person by the way to do so, so we do not take it seriously ah.