The UI design of QQ reading: revision optimization

Article Description: QQ reading Elegant upgrade process.

QQ Reading as one of the UI designers, accompanied by a version of QQ read a version of the modified optimization, optimization modification, think it is time to settle down to write something.

Project background:

QQ Reading covers almost all the mainstream platform on the market, and has gradually been recognized by users. With the development of the product, it has been upgraded from a simple reading software to a socially functional product. Users can not only enjoy the comfortable reading experience, but also a large amount of books, convenient friends Exchange will become the direction of our future efforts. With the development of products, as well as the further development of product positioning, such a focus on the user experience, and continuously to the high-end platform to develop products, needs to be a new image to help the product further upgrade.

The problems faced:

A platform corresponding to a research and development team, different platforms have their own interaction and UI designers, so in the development process, because the research and development members of the product understanding of different, the final appearance of the product features although the overall feeling is consistent, but a lot of details are in different directions. The diversity of different platforms is challenged in terms of interaction and UI details. This multi-platform style of the current situation has seriously affected the formation of the overall product brand. Not only is not conducive to the promotion of the brand, in the research and development process has not been able to focus on the strength of everyone, but independent research and development, virtually also to the entire team of research and development increased the workload.

As a result of QQ reading this product is different from other products, such as Qzone products in the PC side has formed a certain user base, the user has a certain memory model for this product, so the platform on the wireless device more flexible. However, QQ reading as a completely attached to the wireless equipment of new products, in the formation of brand and user reputation, the product of the unified overall design concept is particularly important.

Workaround:

When we see the problem and analyze the problems that are being faced and need to be resolved as soon as possible, all UI designers, interaction designers, and product managers who support the project are discussing in depth what form and scale should be used to grasp the direction of the solution.

We once again collated and reviewed the Polo Research report, found that our users in the Android, iphone and the ipad and other main platform for no significant differences in attributes, and product positioning and development direction are basically consistent, coupled with the problems before, and ultimately we decided, Consolidate and unify the interaction and UI styles of multiple platforms as quickly as possible. In the design direction of multiple platform consistency, how to grasp the standard of consistency?

Multi-platform consistency does not equal the exact same. Because the platform's own interactive logic is different, so it can not be blunt to change the user has formed the use of habits, we should be in line with the user habits, as far as possible to provide a more excellent user experience. So based on this principle, we've tried a lot in terms of the UI.

Unified overall visual style:

In order to embody the elegant, comfortable and realistic realism style, we choose a lot of pictures with this kind of atmosphere, from which we refine the color and use these colours as the main colors of our products.

Unified Control Details:

Depending on the resolution, the distance between controls needs to be normalized to define the distance ratio between controls in different sizes. The details of the control itself are also important, such as the type of rounded corners should not be too much, the external fillet and internal fillet to have their own size laws. Only by defining such details strictly can the uniformity of output be ensured in the process of page expansion.

Unified Light Source:

After determining the realistic style of the materialized, how to grasp the texture details among many designers is always discussed, in addition to timely communication, as well as material sharing, for a lot of details also made provisions. For example, the direction of the light source, to enhance the sense of reality is the most important is the light, in order to be able to adapt to the needs of expansion, we have to determine the light source directly above.

[1] [2] Next page