The difference between Alipay and Tenpay's homepage design

For web designers must communicate with the planning, demand, interaction, to clear the design objectives, clear the composition and reasons for the content, read through and understand the entire planning of the idea of the essence, in the specific design, in order to better directly and effectively transfer content to the target users. Therefore, planning (requirements, interaction) must understand and find the psychological needs of the target user group, the frame diagram is not only a sketch, to all aspects of more perfect consideration, rather than doing some planning to do a sketch.

To illustrate the above planning and design, the following to pay treasure and Tenpay home page comparison to do the description:

Alipay and Tenpay target demand and functional requirements are basically consistent, we look at their home page design, what is the difference?

Initial overall feeling: wealth through more than Alipay content, layout to be more complex, the interface to be beautiful.

Comparison of design of designs:

Tenpay: from the design point of view, the color and the beauty of the graphic is better than Alipay. Banner color with beautiful, the processing of the icon has characteristics.

Alipay :Banner's two-block transition is more blunt (character and orange area); The entire interface lacks detail design and is not engaging enough.

Ii. Comparison of frame structures:

Tenpay: from the large sense of the block, there are 11 content areas, banner part split into 4. The structure is left, top, bottom, but because it is just a thin line box spacing content area, so the feeling of the block surface is not strong, the layout of the content is slightly messy.

Alipay : like Tenpay, 11 content areas, but because designers use the background color to distinguish between different content areas, there are important levels of guidance, so the content will not appear messy. The highlight of the page is the Orange banner slogan area, weakening the bottom of the information area, logic and the sense of order out.

Third, the main content of the comparison:

1, the important banner area, all communicated to the user what information?

Wealth Pass: Big banner is divided into 4 pieces, safe, convenient, preferential and slogan "will Pay, will live" in addition to the slogan clear, safe, convenient, preferential few words are very small, has been gorgeous icon texture and bright colors cover up.

Alipay : Big banner is divided into 2 pieces, the left is to represent the great beauty of the user, the right is to reflect the strength of the declaration of "more than 200 million users of security options", auxiliary small print for: sharing simple, safe, fast online payment experience, with the affinity of beauty, eye-catching banner, conveyed to the user's information , Alipay's content concept is obviously more direct and effective than tenpay.

2. What are the main content areas?

wealth Qualcomm: Payment services (including individuals and businesses), living a good helper, there is no wealth through the account, to pay good helper, cooperative Bank, a total of 5 main content, two advertising areas.

Alipay : two big buttons (easy experience, free registration), dynamic information area, individual users, enterprise users, process demos, partners, company dynamics, novice issues, circular label map, two advertising areas.

3, contrast, the same is 11 areas, Alipay presents more rich content. What is the role of Alipay?

(1), two big buttons: Easy experience (keep less interested in the users are still in doubt), free registration (convenient for interested users, induce him to register immediately);

(2), dynamic information area: Immediate transmission of the latest information to users;

(3), Flow Demo: Graphical display, more intuitive and effective to tell users the simple and efficient operation;

(4), the company news: both the press window is also a kind of intimate service to the user;

(5), novice problem: To help beginners solve problems immediately and quickly;

(6), the Circular Dynamic label chart: is the enterprise's brand propaganda, is the user's voice declaration, is the comprehensive strength performance.

Four, interactive design details comparison:

Alipay also has two details of the design is very thoughtful: first, "Recharge now" button, increase the "send integral" bubble effect, belong to the way of temptation marketing; Another design detail is dynamic information bulletin, in order to simplify the page and save space, only put a piece of information, and a piece of information is easily submerged by other content, The designer of this area for heavy color processing, so that users can see at a glance, and will not occupy too much space, at the same time, the right side has 5 small dots, indicating the rotation of information, told users here have 5 information, currently displayed in the first few.

To sum up:

1, the content of wealth through the planning, composition and content of the forum, do not pay treasure good, communicated to the user less information, Alipay appears more professional, more powerful, more close to the user's mental model; I believe that Alipay in doing content planning and plate layout, is a full analysis of the target user's psychological needs.

2, wealth through the visual design ability, color and texture of the embodiment are better than Alipay, banner 3 icons are fashionable and beautiful, even avantgarde, but really pass to the user what information? Pay treasure's visual design, from the performance of the page, the skills should not be strong, but the designer fully considered the content of the presentation, primary and secondary relations, from the overall effect, is more successful business visual designer.