The experience design of the tool-type website--starting from the advertisement platform

Preface: Since 2010 into the company 2.5 of the time, I have been responsible for advertising platform Department of product design. From unfamiliar to familiar, unconsciously I have to these products into the feelings ...

Analysis on the characteristics of tool-type website

Tool-type web site change and not from its place around two key words in the unfolding of their respective plots, that is: function and data. So talk about "experience", in fact, the design goal is clearer and clearer

1. On the basis of ensuring the smooth completion of the function flow, let the user feel more comfortable;

2. In the face of a large number of data, let users easily find their own needs without being full screen characters toss the Restless.

The general business logic of tool-type products is complex and different, the data volume is large, and it often involves different roles of scene classification. The old saying goes: The water is deep. The design goal becomes a lamp in the heart, the time mention point oneself to be careful of the treacherous reef under the foot.

My view on functional design

First-level preparation

In the process of functional design, I pursue a sentence: first understand before you start. Because the modification of individual function involves the trend of the whole process, it tends to increase the operation diversion on the basis of the original, and the increase of the function in the platform will interact with other function modules or have influence. The designer is not able to the function of the design at the time of the rush to do, the result is the design to half, the problem exposed and then rework, more tragic is a full set of design draft seemingly efficient finish, but then face the whole tragedy of washing.

The role of the "brain map" at this stage becomes critical. What tools do you use to map your brain? Professional software MindManager, Xmind, Freemind, the most original pen and paper, as long as the overall and clear expression of "relationship" and "impact" has completed the mission.

Last month, the "advertising manager" in the original support of PC-side users to create ads and create ads to view the effect of the foundation, to increase support for mobile platform business functions. To lead the whole body, the mobile platform business functions to join the entire "advertising manager" many modules are affected. The diagram below is a sketch of the associated module that was born at the same time as the demand meeting with the product manager. This sketch can not only estimate the design direction and workload of the new version, but also ensure the integrity of design focus and function design in the process of design.

"Brain Map" not only has the global significance of macro-control, but also can have the practical value of guiding design work details.

The same "advertising manager-Mobile platform version" as an example, joined the mobile business, will inevitably lead to the original main function of the trend of diversion, and based on the business logic of advertising, advertising on different platforms to show the form, small to allow the number of characters to be entered, and so would appear different changes. Calm down to through the "brain map" to comb the various situations of triage, and then calmly open the design tool to start work, it is certainly more than the thought very clearly, to do where the scientific and efficient, is not it?

Functional platform Representation

The function module concretely implements to the website, its manifestation mainly includes: the form and its corresponding control, the button, the information feedback and the hint, the relation between each other is shown below.

So experience design has a starting point and rely on. Give some examples of the design used in the Guangping system.

In the design of smart-Wins advertising platform (Adwin), the user login directly into the "personal home page", where we need to place the most basic platform of the user is also the starting point of all activities: Create ads. Therefore, we have reason to emphasize the portal on this page, so that it can be a new user to convey the platform's largest function at the same time the role of guiding the operation, but also to enable the old users to go to work after the login theme.

The ad system design particularity also manifests in the page the operation flow very much to refer to the advertisement profession existing norm, this facilitates the user to understand the process simultaneously also to be able to help the user to accomplish the target work more efficiently. Therefore, in the design process will also be born a lot of "live for advertising" forms and controls. According to the actual business of different, to treat some important business processes, the designer in understanding the business based on the need to jump out of the past, the shackles of conventional control, customized for the product design scheme. For example, for scheduling and resources specifically designed for special customization, video ads and related settings.

More business-oriented functions, users need to fill out the form of the list will be far more than screen, should be the user form input to do the right thing to intimate, but also a tool-type site a detailed design point.

In the design of the poly-win advertising platform (Mobwin), encountered in the advertising language of the input word limit is very harsh business requirements: "Promotional language 1" Words must not exceed 10 characters, while not less than 9 Chinese characters, "promotional language 2" words must not exceed 12 Chinese characters, at the same time not less than 11 Chinese characters. This is determined by the number of words that can be displayed by WAP1.0 and WAP2.0 or touch screen advertising bits. If you use text to inform the user: "You can only enter 9 or 10 Chinese characters", the first text information is likely to be ignored by users, and secondly, if you do not make any immediate judgments, the user completed a lengthy form filling, click to submit the frustration, it must be very distressed. Therefore, the following design scheme is given for this text input box:

Value-added design for functions

Can a functional module generate additional value while accomplishing its own value? This should seem to be the product manager in the planning of this function at the beginning of the problem to think of. What can the designer do to add value to the function? We can completely through the design of the page structure and the process of fine-tuning to make it better to achieve value-added results.

Then use the advertising manager of this mobile platform to design new features of the case. The new ad bit process is the only way for users to create ads, I adjusted the basic form should be placed in the "Platform selection" RadioButton, the attribute extracted, as a message to convey the focus, adding design elements. Presumably this form of the "advertising manager has been supported to mobile platform," the information is deeply rooted in the value of the function itself.

Data processing

In the practical Tool class website, the user has been labeled "the profession personage". Most of them want to get professional data that is useful to them for work or business purposes. In the advertising platform of these projects, we use the following several information processing methods:

Role Display Data

The first step is to get the data from the outermost layer, which matches the data of different characters. Of course, the ability to use this approach must be based on the role and the demand is clear enough under the premise.

Data search and Filtering

The search and filtering of data mentions the first of experience design when there is not enough data to be left behind by role or by character. Does the search term conform to the user's actual operational logic? Is it reasonable and convenient to search for controls that are used? When the search conditions are intersected and when they are presented and set, how can they be communicated to the user clearly? What items can be put into advanced search? ...... These problems will come into being as the design progresses, and they are indeed worthy of careful consideration by the designer.

The business needs too many search items, and the list of options will cause the search module is too large, can be similar to Google AdWords Click to activate the floating layer to make a single setting, the user in the operation is also relatively focused. The retrieval condition module is not allowed to interfere with the user's reading of the result list. You can even provide personalized services for users to save query conditions based on business characteristics.

The manifestation of the data itself

Here we don't talk about visually stunning information visualization. Traditional data are presented in the form of lists, pie charts, histogram charts, trend charts, and the combination of them. Designers in the use of, not only to understand the different data on the page of the corresponding display forms, but also their organic combination arrangement to achieve a good reading experience, if necessary, the traditional display form to do some design processing.

User-defined

As mentioned above, users of tool-type websites are generally defined as professional users, and they are also strict with data acquisition requirements. In the presentation of important data there will be more advanced control functions to meet the user's free access to data.

Writing in the end: "It can be more flexible, but also better use," and then look back at the 2 years of design, I often have this idea. The experience design of the tool-type website Indeed there are many worthy of digging into the research, the business logic and the different requirements will extend a variety of design solutions.