QQ2009 visual design is the thing that conforms to the user emotion

The 09 film slowly fell to the curtain, and the beginning of the new year, the vigorous inspiring "Avatar". Throughout the year, the most memorable thing I remember is the adventures of the Flying House.

Carl and Ellie by the South American name "Paradise Fall" waterfall, so they decided to save money in the container day by day, to accumulate travel to complete childhood dreams. However, life is not a daily peace and contentment, always full of unknown and accidental, car tire, fracture hospitalization, by the big Tree crush the house, facing all kinds of sudden changes, containers can only be shattered for him to start again. But even so, and how, every coin into the shiny container, are pinned on the hope and the future, when the container gradually become full, the air with a happy atmosphere gradually overflow diffuse, even if forced to break, instantaneous distribution of the same is happy breath. Eager to be parents, they have no results, but still can sit side by side and sitting quietly reading, holding the hand of the son. Happy days are also in the tie pattern cloud shape of the transformation of a frame of age, day after day in the small hillside to see the warm Xia XI.

Recall just finished QQ2009 visual design, at that time around is vigorous big talk emotional design. We are thinking about a problem in our minds:
　
Are we going to design something that fits the user's emotions? Or do you design this thing into a container that allows users to put their emotions into it?

It seems that the former is more suitable for products with specific user groups, while the latter focus on the user group fuzzy, and even different products. QQ is so, a large user base, users of age, habits, growth environment, social level, the use of a variety of factors such as the different, the era of pluralism is expected to use a skin to conquer all users this is absolutely impossible to do.

The original we are still in this stage, just blindly improve the visual effect, expect to increase the infinite, so as to get as many users satisfaction. But the design to a certain stage of the road will only become more and more narrow. Even though we cannot jump to conclusions, the improvement of visual effects relies on the advantages of technical means to imitate and reproduce the real things in nature to drive the change of view of things. At least for now, it has reached a culmination at this stage.

Perhaps many visual designers subconsciously believe that improving the visual enjoyment of products is always the first goal of visual designers. But I think this is just one of the goals that visual designers need to accomplish by means of design, we have to do a lot of things, such as: the design of the product can make users emotional sustenance, design innovation is beyond and follow the current product continuity, design and innovative content can be low-cost, efficient to be presented Whether the form of design can be easily communicated through the semantics of the product without resorting to the help system. About the purpose of the design, not the focus of this article is not to do too much of the tiredness.

QQ2010 's design did not have a lot of clear ideas, but one thing is worth affirming is not to be in the new round of design still stay in the design of a new interface style of thinking. Such a design process can only be expected to linger between habit and transcendence. Continuously through the process of the views of the parties and to become a slightly deficient design. So "diversified to meet user needs, the free use of QQ" has become a preset theme. Hope to put aside the visual style of a single attention, to solve the maintenance of user habits and products themselves need to improve the expectations of the contradictions point. It's still a good way to think about personalization as a starting point. So in the habit of maintaining the interface outside, another design of two styles, imagine for users at the beginning of the login according to their preferences for the choice of interface style.

(The other two interfaces in the first phase of figure I)

But this does not seem to be a good way, if only from the number to solve the problem, but the original personality of the skin to rise to the default of the importance of the skin, the problem with the same as the previous personality skin, into a "crowd" design. This is inconsistent with the design and innovation content can be low cost, efficient presentation of the purpose. After the first round of internal review, the three direction is still carried out, and the respective advantages of the depth. In particular, personalized this cut-in point in a single style, it seems to see a glimmer of light.

(Figure II The reflection of personalized pointcuts in an interface)

After another round of internal communication with the team, was asked: "Since you can do in a personalized depth, so the three-direction interface can be personalized through the settings in a full embodiment of the interface?" "The answer may be yes, but never try." I think the container should have appeared, so that the user can put into their own emotions, thereby creating the sustenance of the container appeared.

Everything that followed was very smooth, and I decided to make a practice of the methods that I had previously conceived in QQ2010. To see if it can be set up, try to change the design concepts inherent in the visual design of the interface.

The interface was quickly formed, and the default kept the customary blue. The first feeling may be bland, there is no attractive place, but this is officially what we need to provide to the user. Because we provide a simple container, as to how to shape to meet the user's emotional input by the user to grasp. We can not use their own established thinking to limit or identify the user's aesthetic tendencies, only to do is to provide users can put into their own emotional objects of the effective, convenient way. A lot of people here may ask, why don't we judge what users are going to invest in? Why don't we help the user to judge the aesthetically superior object beforehand? Because of our large user base and emotional expression, any idea that we think is good will get both sides of the response. Of course we can recommend, but this cannot be the only means, status quo way inevitably with a passive type of machinery. so designers in the design of the center of gravity should be inclined to design a perfect means, so that users according to their own characteristics to design the perfect result. From the design point of view to change the past design concept.

(Figure three the default interface for blue)

Based on this concept, personalized as a point of entry, to provide users with the emotional container can be arbitrary, began to design the following several aspects of the adjustment to meet the standards of container:

　

The container can carry any emotional input.

The container must be a soft material so that the user can change the shape to fit different objects according to their own needs. Design at the same time, the interface of each layer, rendering mode has been redesigned, at the same time in the design phase to meet the expectations of the implementation of the program.

But this is no different in the final performance of the interface.

　

Enough emotion for the user to choose.

The user's emotion is rich, the relative should in the design time presentation way must be rich. Personalized mode is mainly embodied in color and shading, these two content already exists on the QQ2009, but the original color change way receives certain limit, the shading needs to depend on the existence of the color, the design adjusts the individuality color and the shading, also needs and the program present to convert, and in the design production question is more complex.

Therefore, in the 2010 design phase, the interface of the color-changing mode was redesigned. In real sense, the user can choose all the colors that exist in the real environment, and the color that the designer mixes can be reflected in the real interface environment. Shading is also free from the color constraints and independent survival. And the effect on the interface affects a wider range of appealing users ' eyes.

(Figure Four color-changing and transparency interface)

(Figure five Shading interface)

　

The user's emotional input is simple enough.

QQ2010 designed two latitude personalization settings: Pre-logon and after login.

Provides default interface colors, default recommended colors, and shading when the user logs on for the first time. Let the user choose according to their preferences, so the interface style of habitual and cross side can get in and solve. Different users open the same product, but open a different interface to meet their expectations.

The user can also adjust the personalization in the process of using, and the function of setting will be more powerful. shading, color, and self regulation are categorized. The choice of personalized content, add, delete, adjust all do a concentrated embodiment.

Shading import designed a variety of ways to operate, the current version only in the Settings panel Add and folder drag in support, followed by a more diverse and interesting ways to import.

(Figure six main panel personalization interface)

(Figure seven How folder shading is imported)

　

Let the user's emotional input bring more expectations to rely on.

The user can set the picture information obtained in the chat process with different people to shading; users can be in the process of surfing the Internet to set their favorite picture shading; The user can set the picture information (including movies, characters, scenery, patterns) to be shaded in the current world, and the user can make the picture information related to their own life (oneself, Parents, lovers, children) set to shading, and so on. At the same time the amplification of shading to a certain extent to reduce the user's dependence on the skin of the individual, to the designer can improve the great efficiency, order additional benefits.

(Figure eight interface shading determined by their preferences in the course of user use)

How to make the user's emotional sustenance to obtain a wider range of dependencies, interface design in the overall grasp, so that color and shading on the interface to maximize the impact. In the interface design, we have to follow some principles, such as: the overall visual consistency, information readable, graphics identifiable, the effect of the user experience in line with ...

The above is a summary of the project, but also the concept of design changes in the real project Practice test, of course, any concept can not be perfect, bring advantages, but also can not deny that will carry a disadvantage. If the visual effects of the default interface are weakened, it is an unavoidable factor. But this is only a starting point, QQ2010 was designed as a user into the emotional container, many personalized functions are still complete, in the future version will continue to bring to the user. The design pattern will continue to improve as the design concept changes. We are working on it, and we will wait and see. More welcome to discuss and exchange for common promotion.

Ps: Now is a fast time, is willing to calm down to see the proving type of the text is not easy, in case of misfortune to read, in good faith to say: "Thank you, affected." "^_^