<　　

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

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