The comparison between the color and layout of the website: Alipay vs Tenpay

Source: Internet
Author: User
Tags comparison

Customer Volume:

Alipay: Relying on Taobao, 300 million customers

Tenpay: Relying on qq,1.5 billion customers

Color aspect:

Common:

The logo is blue and orange,

Red warning, green Security, blue hyperlink, which has become the common denominator of two companies.

Different points:

Alipay: Inherited the style of Taobao, with a large number of warm elements-orange, where the navigation bar orange gradient, banner large color block warm dazzling picture. Biased towards the iphone style.

Tenpay: Bold and innovative colors, light gray system + warm icon, intensity contrast, black and white yin and yang icon, the performance of rich, black and white ash used incisively and vividly. Biased toward Windows Phone7 style.

Windows Phone7 style will break the iphone-style high light Shadow interface situation, will become the next popular trend. From this point of view, Tenpay is more forward-looking.

Visual Psychology:

Alipay: A lot of orange, excited, excited.

Tenpay: Fresh and elegant, give people calm, smooth

As a third party to pay, calm more appropriate. Taobao shopping with warm colors, it can inspire shopping enthusiasm, this is understandable, but pay, my experience gives people cool color better, because it is not easy to make mistakes.

Slogan:

Alipay: "Alipay Trust" on the page there is no obvious slogan, so not effective enough to improve the brand awareness.

Tenpay: "Will life will pay" next to the logo, eye-catching performance, improve brand awareness

Icon:

Pay Treasure

Tenpay

Same point: Icons are high in saturation and rich in detail

Layout:

Alipay:

1, block surface more: page small piece of too much, easy to let the user dazzling. User groups have personal services and business services, although there are large chunks on the page to distinguish between the two, but for users, there is still some confusion (see below);

2, too prominent advertising: using a high degree of saturation of the picture ads in the most important position, grabbed the page focus, weakening the purpose of information;

3, Layout regret: we want to see in the first screen content is: personal and business to enjoy the service, however, in general resolution Monitor, the merchant service content in the second screen to see.

Tenpay

1. Color block Large and small

2. Color saturation low, compared to Alipay, Tenpay page long look and not tired

3. The layout is clear, the area content expression is clear and understandable. We are delighted to see what is being expressed--login and service content.

Comprehensive:

China's two most cattle interactive design companies-Taobao and Tencent, has been in PK. This time my interactive experience feeling, in the color, the layout and so on, tenpay all slightly. Probably Alipay has seen its own shortcomings, the beginning of the revision. Let me be pleasantly surprised, this revision pays treasure to ride in Tenpay above, did a lot of optimization, the revision before and after the revision simply sentenced if two "people".

Next to introduce the next revision of the Alipay.

Pay Treasure's progress

1, with color: Alipay began to imitate tenpay with color, reducing the saturation of the navigation bar, a large gray floor, a clean and tidy feeling.

2, block surface: The reflection effect used less, the use of block surface more, the page more fresh and elegant.

3, Layout: The first screen to show the most important accounts and transactions, and the most innovative annual bills in the eye-catching position, of course, this is what we want to see in the first screen. The navigation bar remains in the original horizontal, F-type display form. The difference is that Alipay uses the banner display account information, and more emphasis.

Alipay This revision is very successful, better than Tenpay. I think Tenpay will not be outdone, the revision of the day will soon come. Alipay, Tenpay in the user experience has been non-stop efforts, there are many places to learn. What we can do is: study them, learn them.

Author: Shiftbee

Article source: Station Cool NET

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.