Interactive Design Example: New Payment treasure Personal version Design view

looking forward to, looking forward to, the East wind came, my account was invited ... In a word, I became one of the 500,000 Alipay users invited , according to the teacher, "This part of the user is very active users, very familiar with Alipay functions and services." We want to hear more voices, including sharp criticisms. In response to this great call, the following is the new version of Alipay Personal version of the main interface for everyone to do a detailed preview, we can see what significant changes. I will also point out some of my own ideas.

First, home

Alipay old version Home

Pay Treasure Personal Version homepage

The new version of Alipay Personal version of the navigation bar has been greatly compressed, more clear and concise than before more structured.

Old navigation bar

I want a collection.

I want to receive a home secured transactions receivable immediate to account receivable AA system receivable

I want to pay.

Life Assistant

Transaction management

Transaction Management Home transaction address management refund management Red Envelopes management shopping voucher management evaluation management

My Alipay.

My Alipay home account check to recharge my account mobile phone service call Payment PO Mobile Client

Security Center

Security Center home Pay Shield digital certificate security check pay PO Messenger mobile phone dynamic password

Business Services

My Merchant Service website integrates Alipay marketing tools Credit Merchant service package business activities

New Navigation Bar

My Alipay.

Home my Account payment method mobile Service Contact

Consumption record

Consumption record recording transaction evaluation reminders and withholding

Security Center

Security Center Security Product Security Policy cooperation

My Life Assistant (right)

I want to pay, I want to collect the electricity and gas, the credit card repayment, the rent, the AA receivables, the receivables.

"My life Assistant" to the right of the navigation bar

One thing I'm not comfortable with here is picking up receipts and payments from the first level of the navigation bar and getting to the right. and "My life assistant" is not eye-catching, looks even like an advertising button , when the user habitually press this button, suddenly in point to pop-up menu, I was startled, at this time the mouse has been pressed down, thinking: "Finished." Fortunately, the menu is still in after the mouse click. Such experiences are not very comfortable. If it is a drop-down menu, put a downward arrow to indicate that the user is pointing to it.

"More Services", click Will jump to "Wow!" Alipay "page

The new "My Alipay" homepage strengthens the management function. Xinhua is going to put the Earth under control and pay the treasure to put the people's money in the bag . With the original emphasis on filling up the simple account operation is different, the new version of the emphasis on Alipay in the life of the application . Of course, you apply is happy, suddenly the balance is insufficient, naturally go to find the connection where the recharge, so that the revision of Alipay is quite smart.

On the right side of the page is a sidebar. This sidebar is always in the process of browsing the main function of Alipay, with the aim of providing "recharge now" and "Bring Up" two buttons. All right, so you don't have to worry about not having to recharge when you're high. The following FAQ will vary with the page.

When you access some of the wider pages, the sidebar will be as close as the Outlook sidebar.

Second, I pay the treasure

New version of "My Account"

New "mobile Service"

Old version of "mobile Service"

The new version of the mobile phone service interface is much stronger than before. Since the iphone classic slider design has been listed, many interfaces are learning, the key is that it is really effective and good-looking. The old version of the page has two UI is not too much to say: after the binding of the mobile phone to prompt the user "You can apply to unbind the phone," as if to urge users to quickly unbind the same. The new version of the "unbind" hint obviously shrinks. The old version of the "Mobile basic service" is required, since it is a must-have, then why occupy such a large place to explain it? Explained that I didn't have an option. So the new version compresses this part, just give a little hint.

New "Contacts" interface

Contact features previously only appear and be customized in the collection and payment interface, and are not formal. now this module independent out, later want to bind Taobao even is not a dream to dig paste .

Third, consumption record

Consumption record

Recharge record

Evaluation record

Reference Wake up and Buckle page

You can create a new reminder on this page like Google Calendar. If this reminder really can bind Google Calendar or remember the milk such a service is perfect-but that way, security may not be guaranteed.

Iv. Security Center

Security Center home

Old Security Center home

Old Security Center home page and new version of a comparison, it reflects the obvious Failed. It looks more like an e-mail advertisement than the new version. In the Security page this need users quickly see the page with a full screen, and meaningless pictures, and color also blurred the focus of people's eyes. The home page of the old Security Center also does not have any custom customized operation according to the user's actual situation. Of course those operations are on the old version of the Security check page. The new version is like 3,601 checking the user's account security in advance, and putting the security measures that users can take to the most visible location . The phishing tips under the

Old pages are also funny. Why is it so realistic to make the address bar that says "https://www.alipay.com"? I used to instruct the class girl how to QQ, she saw a Web page on the QQ login box picture, began to point that picture above the "login", has been point, has been point, has been point ... =

And the two "transaction security" tips in the lower right corner are too much of a banner. In short, the new version can solve these problems is very good.

Security products

The various security measures that are stacked on the navigation bar are focused on the security Products page. I don't know why it seems that the "Mobile phone Client" page is gone.

Security Policy

This is the extension of the home page security check. Equivalent to 360 inside the "comprehensive medical examination." The yellow strip of

Security cooperation

"Browser detection results" is a bright one. However, it should be possible to read directly user-agent to detect the specific version of IE, should not allow users to manually detect whether there is an update. And here is the definition of Microsoft's official website, but Microsoft's Download Center page to do how ugly is obvious. users to the page, can not find the download link is difficult to say .

In addition, why the Trojan is rising, why pinch ...

V. My life Assistant

My life assistant navigation

Throw away a little dizzy navigation bar no matter ... As a branch of the channel, why do not set the "home page", but to the actual first name of the home to do "other" it? are already "other", few people will pay attention to it. The following

is done basically the same as all the features of the home page. The original life of the channel used to pay the tab switch form, the changed to now estimated to be afraid of later promoted to Transformers, function too much, put down. The

Payment

Reaffirms that the position of payment and receipts is too concealed on the navigation bar. To guide the user to form the habit of looking for a payment link through the sidebar, you must do a guide.

Payment of utilities

Payment of communications

Credit card repayment

Gift

Pay rent

Receivables

Secured transactions

Vi. Conclusion

This revision lets us see the Alipay progress in detail . In order to ensure the stability of the service, you can imagine Alipay's ued team, this can be said that one of the best ued team in the country, every day for the official version of the page to say that the design is still on the break, accumulated so many details on the bug, in a complete new version of The thick-fat thin hair in one breath to get rid of. You want to see the members of the aliued also have a streaking .

This revision also reflects the Alipay changes in strategy . The original Alipay is committed to Taobao under an additional service, it has grown to today so large, very few people will be estimated from the beginning. So the first thing we see in the Alipay page is simply to meet the most basic payment requirements. but now Alipay is a complete "life housekeeper" gesture, it wants you to remember Alipay when you're doing money-related operations in your daily life. Google, by contrast, is more like a "maid", respectfully reminds you: "Miss, your mail is coming." We will not necessarily be willing to host the personal life to Google, of course, will not be willing to host to Alipay. Although now they will not betray us, but the experience of thousands of years has proved that the want to do little tricks inside, housekeeper and maid are the most convenient candidates.

After the revision of Alipay is not called "New Edition", has a name called "Personal Edition", "" which means that there will be a home base, family Advanced Edition, Professional Edition, Enterprise and flagship version of what (wrong). To make sure that you are a person or an enterprise, Alipay must be aware of more information about you. Alipay may then be more precise in terms of the user's identity, so it is important to master more of our privacy. when it becomes a standard, we basically can't keep our information, otherwise we can't use this platform to trade. But for different users to subdivide, may also involve the user's interests and hobbies, professional skills, and even family composition, sexual orientation, and so on. These distances are a bit far from a payment platform.

Alipay has a slogan called "because of trust, so simple." I also have a slogan, is ready-made, I hope Alipay can always:

do not do evil.