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