<　　

本文編譯自Stripe的UI設(shè)計(jì)師Micha&euml;l Villar發(fā)表在Medium的博文。Stripe是一家在線(xiàn)支付公司，可能幫助開(kāi)發(fā)者通過(guò)其API疾速搭建支付體系，今年1月獲得了8000萬(wàn)美元融資，估值達(dá)17.5億美元。
設(shè)計(jì)支付表單看似一件簡(jiǎn)單的事件，然而假如細(xì)心考慮一下，支付表單實(shí)際上是用戶(hù)在線(xiàn)購(gòu)買(mǎi)的要害一環(huán)，填寫(xiě)支付表單象征著花費(fèi)者認(rèn)可你的服務(wù)。網(wǎng)站推廣廣義的網(wǎng)站優(yōu)化所考慮的因素不僅僅是搜索引擎，也包括充分滿(mǎn)足用戶(hù)的需求特征、清晰的網(wǎng)站導(dǎo)航、完善的在線(xiàn)幫助等，在此基礎(chǔ)上使得網(wǎng)站功能和信息發(fā)揮出最佳的效果，也就是以企業(yè)網(wǎng)站為基礎(chǔ)，與網(wǎng)絡(luò)服務(wù)商（如搜索引擎等）、合作伙伴、顧客、供應(yīng)商、銷(xiāo)售商等網(wǎng)絡(luò)營(yíng)銷(xiāo)環(huán)境中各方面因素建立良好的關(guān)系。這個(gè)進(jìn)程的用戶(hù)閉會(huì)應(yīng)當(dāng)做得盡可能好，而正確天時(shí)用動(dòng)畫(huà)后果可能明顯晉升支付閉會(huì)。
動(dòng)畫(huà)后果不應(yīng)當(dāng)僅僅為了難看，而是應(yīng)當(dāng)幫助用戶(hù)更好地理解產(chǎn)生了什么，以及如何高效天時(shí)用產(chǎn)品。網(wǎng)站推廣廣義的網(wǎng)站優(yōu)化所考慮的因素不僅僅是搜索引擎，也包括充分滿(mǎn)足用戶(hù)的需求特征、清晰的網(wǎng)站導(dǎo)航、完善的在線(xiàn)幫助等，在此基礎(chǔ)上使得網(wǎng)站功能和信息發(fā)揮出最佳的效果，也就是以企業(yè)網(wǎng)站為基礎(chǔ)，與網(wǎng)絡(luò)服務(wù)商（如搜索引擎等）、合作伙伴、顧客、供應(yīng)商、銷(xiāo)售商等網(wǎng)絡(luò)營(yíng)銷(xiāo)環(huán)境中各方面因素建立良好的關(guān)系。判斷動(dòng)畫(huà)后果好壞的一個(gè)準(zhǔn)則是：假如你取消動(dòng)畫(huà)后果，支付進(jìn)程應(yīng)當(dāng)看起來(lái)是不完全的，否則，你的動(dòng)畫(huà)后果就是多余的。
這是 Stripe 團(tuán)隊(duì)對(duì)這個(gè)問(wèn)題的一致見(jiàn)解，也是為什么咱們花費(fèi)宏大的精力來(lái)改良支付流程的起因。咱們從第一天開(kāi)端就關(guān)注于動(dòng)畫(huà)后果的利用，因?yàn)樵蹅冃刨?lài)這會(huì)大幅晉升用戶(hù)支付閉會(huì)。接下來(lái)我將通過(guò)多少個(gè)例子來(lái)展示如何通過(guò)動(dòng)畫(huà)后果改良網(wǎng)站的支付閉會(huì)。
通過(guò)動(dòng)畫(huà)后果輸入內(nèi)容
這個(gè)變換后果十分實(shí)用。在用戶(hù)抉擇 " 記住我 " 時(shí)須要輸入手機(jī)號(hào)，這時(shí)會(huì)主轉(zhuǎn)動(dòng)出輸入框。
搖動(dòng)后果
用戶(hù)在填寫(xiě)表單時(shí)很可能呈現(xiàn)輸入錯(cuò)誤的情況，這時(shí)，假如只是對(duì)他們說(shuō)他輸入的信息有問(wèn)題，那么用戶(hù)可能會(huì)覺(jué)得很沮喪。而通過(guò)搖動(dòng)后果，看起來(lái)像是表單在向你搖頭，既可能告訴用戶(hù)輸入內(nèi)容有誤，又可能盡可能減少用戶(hù)的不快。
讓用戶(hù)感到速度快的小技能
人們?cè)诘饶臣聲r(shí)，時(shí)光過(guò)得十分慢。這個(gè)動(dòng)畫(huà)后果可能讓用戶(hù)在實(shí)際接收短信時(shí)光不變更的情況下，感到上快很多。
按鈕變換
依據(jù)填寫(xiě)信息步驟，按鈕從 " 付款信息 "滑動(dòng)到 " 支付 25 美元 "。
當(dāng)用戶(hù)點(diǎn)擊 " 支付 "時(shí)，呈現(xiàn)一個(gè)對(duì)勾，表明支付已經(jīng)勝利。這個(gè)對(duì)勾可能讓用戶(hù)覺(jué)得購(gòu)買(mǎi)進(jìn)程十分簡(jiǎn)單，充斥成績(jī)感。
一直改進(jìn)的動(dòng)畫(huà)
這個(gè)動(dòng)畫(huà)后果有點(diǎn)多余，就像上面說(shuō)的，去掉它也不影響全部支付流程。然而，我認(rèn)為它對(duì)晉升用戶(hù)閉會(huì)還是有一定的后果的。
我不太信賴(lài)款式設(shè)計(jì)是 10 年前作風(fēng)的網(wǎng)站。網(wǎng)站推廣廣義的網(wǎng)站優(yōu)化所考慮的因素不僅僅是搜索引擎，也包括充分滿(mǎn)足用戶(hù)的需求特征、清晰的網(wǎng)站導(dǎo)航、完善的在線(xiàn)幫助等，在此基礎(chǔ)上使得網(wǎng)站功能和信息發(fā)揮出最佳的效果，也就是以企業(yè)網(wǎng)站為基礎(chǔ)，與網(wǎng)絡(luò)服務(wù)商（如搜索引擎等）、合作伙伴、顧客、供應(yīng)商、銷(xiāo)售商等網(wǎng)絡(luò)營(yíng)銷(xiāo)環(huán)境中各方面因素建立良好的關(guān)系。這個(gè)動(dòng)畫(huà)后果看起來(lái)很炫，讓用戶(hù)覺(jué)得開(kāi)發(fā)者尋求完美并關(guān)注細(xì)節(jié)，不禁自主的會(huì)更加信賴(lài)這家網(wǎng)站。
動(dòng)畫(huà)后果的利用處景遠(yuǎn)遠(yuǎn)不僅限于音樂(lè)、照片跟氣象利用。上面這些例子展示了在 UI 設(shè)計(jì)時(shí)加入一些動(dòng)畫(huà)后果對(duì)晉升用戶(hù)閉會(huì)的后果。不管你做什么樣的產(chǎn)品，增加適合的動(dòng)畫(huà)后果可能讓界面更加明了，增進(jìn)用戶(hù)的瀏覽轉(zhuǎn)化為購(gòu)買(mǎi)，轉(zhuǎn)變他們的平等待時(shí)光的感到，讓用戶(hù)享受到更好的服務(wù)。

相關(guān)鏈接：長(zhǎng)春網(wǎng)站優(yōu)化，長(zhǎng)春網(wǎng)站推廣，長(zhǎng)春網(wǎng)絡(luò)推廣，長(zhǎng)春網(wǎng)站排名，網(wǎng)站推廣，網(wǎng)絡(luò)推廣，網(wǎng)站優(yōu)化，網(wǎng)站排名，長(zhǎng)春seo，長(zhǎng)春網(wǎng)絡(luò)營(yíng)銷(xiāo)，長(zhǎng)春百度推廣，長(zhǎng)春百度排名，http://www.rackandfuk.com