Auction Bidding process

Before the interactive week meeting, as a project to share the auction line before the bidding process, due to the relatively hasty, so still want to organize into words, accumulated. Long after the day-to-day, often feel that if not more literal accumulation, many seemingly instantaneous accumulation, will soon be more projects flooded ~ ~

The reason to share this project is because we feel that the size of our work is daily, 99% are not "out of nothing", have a certain history, there must be some pain point, there must be a new business changes in the inside, how to grasp these factors in a short time, quickly converted into a reasonable plan, There is a certain method, although the method is not perfect, but hope to give you some ideas.

Start the business, introduce the background of this bid process: Auction Line original Auction Information Confirmation page is the same as the ordinary purchase of products, with the development of the auction business, feel the need to operate in a simpler form, so the form of floating window becomes a new bid process form. Since auctions involve many different concepts and judgments, the previous version of the Float window bid process does not involve the full participation of the interactive design, resulting in some problems in the page logic, so the need for interaction to get involved in this bid process is sorted out, but on the other hand, prior to the problematic bidding process due to business needs, is on the line ...

First of all, from the background of the project, you can conclude that the project has several characteristics: 1, there is a general form of interaction, and can not be modified (although some people feel that the floating window form is not very good, but everything is on the line, so temporarily can not change) 2, the development of business and the need for innovative mentality (which in many projects exist , we usually do not like the same, but in the face of the development of business, changeable is also a challenge) 3, no original page data (this is the most helpless point, because we do not see user feedback, let us a lot less basis)

Secondly, the project from the interactive point of view, this project has several challenges: 1, floating window form of the interface (different from the general also page, the classification and presentation of information requirements are higher) 2, need to complete the process of combing (generally related to the front and back steps of the page, preferably with a complete flow chart to help check the page) 3, the previous version from the unprofessional (there is a need to correct some of the obvious problems, this is the starting point after the start)

Summed up the above points, identified the main core point of the project, that is, the original process of upgrading and correction, to revise the original bidding process in the wrong place, enhance the original Process page interactive experience.

As a result of this task is not very familiar with the auction business, so on the one hand with PD to understand the auction business, on the other hand, let QA to prepare the online auction floating window each status to me (because the previous version has no complete interactive manuscript), as previously said, first from the correct original page of the simple problem began. So I summed up some of the problems in the original page, so as to induce a targeted approach.

1, Text Guide and input box is too far away

2, similar information is placed in different places

Whether to set up a proxy bid is related to the user's bid and should be categorized as shown.

1, 22 points, in fact, are involved in the information classification display problem. In a page, some relevant information (for example, similar, the behavior can be continuous operation) can be put together, but in order to avoid the same form of information (such as the form of numbers) to be separated, to avoid confusion.

3, the starting and completion of the operation of the logic does not make sense

There is a modified click in the image above but there is no "OK" or "Modify complete" action in the following but directly through the entire confirmation bid action as the end, to a certain extent did not give the user a closed operation, it is easy to let users do not know whether they are in the modification of information or bid which behavior.

4, floating window Copy tips are not from the user's point of view

In this first prompt user "bid success", but then told the user that the other user's bid has exceeded him, and then let the user to bid again, this is full of contradictions of the page, is because there is no stand on the user's point of view. The so-called "successful bid" here is only a record of the bid in the background, and for the user, it should be "failed to bid."

In the floating window operation experience process, because of the situation will be many, very likely in the page jump loss of a certain user, so, to avoid giving users a sense of frustration. And, no matter in which step the text expression should stand on the user's point of view, more convenient throughout the auction process to convey the correct information.

5, the Copywriting show on the primary and secondary unknown

In the floating window above, the bold font is used to express a more important word, and the floating window of the following figure is not so important as the bold font. This may not be so obvious in large pages, but because of the small window area, the error is obvious.

6, there is a lack of expression on the copy

The "suggest you set a higher price and bid again" on the figure floating window is redundant and cumbersome, as is the case in the floating window below. And the same is to let the user bid again, use is indeed two different words button.

4, 5, 6 is a copy of the problem, for the floating window of the copy, on the one hand can be visually different levels of the copy to do, on the other hand, the copy itself should also be logical.

7, some of the necessary information missing

For example, the unit "Yuan" in the floating window is missing, and this common problem is easily overlooked by us.

As a result of the original page to find out some of the problems, the next line of thought also emerged, the floating window of the information to do about the function of the section, and the specific block of information to do normative expression.

The floating window is divided into three areas: the orange area is the information about the bid/The most important information, the blue area is the margin and customer information/information supplement area; The green area is the location that determines the area/bid button or closes the window.

The orange area is also subdivided into three sections, the first line showing information related to numbers/information that represents the current most important state; second act to bid again set; The information in the second and third lines is not present in some states, so it will not be displayed accordingly.

Functional area of segmentation only on the dimension, I also made the standard of visual expression level, as far as possible to make useful information more prominent. Through this method, there is a certain specification on the level of interaction, and the misunderstanding of the original interaction design can be reduced effectively when the vision is carried out.

Having done both of these steps, in the communication with PD, but also the whole increase of the logic to do a full comb, of course, the process is less to fill the support of QA students, because QA more understand the business logic of some details, on this basis to make a logical diagram. Finally, according to the previous rules, the corresponding information "fill" to the corresponding area can be.

On-line page please have time to participate in Taobao auction activities: Http://www.paimai.taobao.com can see. If you have any questions can be the right side of the page through the views of the entrance, give us valuable advice, I believe that this auction product good experience is the result of the participation of everyone together, we will continue to give the product according to the feedback of the most timely and effective improvement!

Lin Yun wrote in 2011.12.23