同信長春網絡公司專業長春網站優化、網絡推廣、網站推廣、長春seo服務，口碑好的網站優化公司，專業誠信，無效退款！電話微信：13756525588

如何通過動畫效果優化支付過程的用戶體驗？

欄目：網站優化發布時間：2021-06-04

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