User's point of view the summary of the online optimization project of precision Marketing Enterprise

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Problems

1. The old version of the online visual style of the company's overall style of the existing site has some outdated, the overall and the website after the simple style is not coordinated.

2. The system automatically sends out the message bomb frame, to browse Wang Shop's buyer user to cause the big interference.

Optimization objectives

1. To increase the experience of buyers and sellers, especially to reduce the interference.

2. Enterprise online and existing Wang shop style unification, visual style more concise. Unread Message prompt box position adjustment, do not block the main area of Wang Pu.

Use case models and role relationships

Before：

After：

It can be seen clearly that the system no longer provides the ability to automatically send messages to the foreground, that is, visitors in the process of browsing, the pop-up dialog box must be the seller's unsolicited message, rather than system-set system messages, reduce unwarranted interference, thereby improving the buyer user experience.

After the interactive function is improved, the following is optimized visually.

Visual goal: More business and more concise

Preliminary style formulation

From the current design of the popular micro-gradient, abandoned the old version of the larger color block and strong gradient style, so visually will appear more flat. The use of emotional plate, extracted the thought that the more suitable color for the original style design, in order to the overall page of the enterprise online role of some weakening, saturation also has weakened.

The design of the first 3 versions, after discussion, decided that the 2nd style is closer to simplicity, with the site style more coordinated goal.

The style is determined, is the first step, on the basis of the following optimization extension.

Determination of different colors

Before the enterprise online skin a total of 12 sets, color is too rich, in order to achieve a more concise, overall coordination of the goal, in the color adjustment and screening. Efforts to satisfy the user with a variety of choices, while not the color is too messy and confusing situation, so collected the current on the enterprise online color version of the use of the corresponding data.

Finally, the top 5-bit colors with the highest number of uses are retained, plus a gray system that sets the gray version to the default option. These six colors are gray, blue, green, red, orange, purple. In the choice of color, has made many adjustments, not only consider the previous version of the use of color, but also refer to the existing Wang Pu template Library in different color types, with the previous determination of the style version of the color saturation similar, as far as possible to choose with the color of the various versions of the screen can be

Position adjustment

Enterprise Online is an Instant Messaging tool based on Web browsers. The present forms of instant messaging tools are in the form of Web pages. Common Instant Messaging tools for Web versions, such as WEBQQ, web version of the Baidu Hi, this kind of online IM main function is limited to real-time communication, focusing on messaging and file transfer, and so on a few features. Instant chat Plug-ins for Communities, forums, and common Web pages.

For example, when a user opens a Web site, they can see a chat window generated in the lower-right corner of the site, which can communicate with users who are browsing the site at the Xtalk. This web IM plug-in is designed to increase the activity of Web site users, while accessing the information at the same time, as well as the same topics of interest for instant communication, in-depth excavation of the interactive potential of the site.

The main display mode is floating list, floating icon, floating window method and fixed icon mode. In order to reduce interference to the main area, many are put away or hidden to the top, right, and bottom of the page.

Facebook's chat tools, for example, are in a fixed way, at the bottom right of the page.

As the current integrity of users in the shop can be set up marketing posters, this piece of banner position is located in the lower right of the page, will form interference, at the same time from the user's use habits, consider placed on the right side of the page, just the enterprise online area of the message pop-up box position from the left Do not block the main content of Wang Pu and offerdetail, only for 1024px resolution, the default for the state, greater than 1024px under the default for the expansion of the situation, so that both the main area to reduce interference, and enable customers to easily click, at any time with the seller to communicate.

Pop-up dialog box position adjustment, before the frame default position is not fixed, now adjusted to the top of the line with the enterprise online, better embodiment of integrity, more neat norms.

Final effect:

Yellow：

Wang Pu:

Summary：

From the user's point of view, using data to make the basis of the pure visual design and user experience to find a balance between the process may need some trade-offs. You can't ignore every little detail, and sometimes these nuances are the key to determining whether the user experience is perfect or not.