如何通过动画效果优化支付过程的用户体验？

<　　

本文编译自Stripe的UI设计师Micha&euml;l Villar发表在Medium的博文。Stripe是一家在线支付公司，可能帮助开发者通过其API疾速搭建支付体系，今年1月获得了8000万美元融资，估值达17.5亿美元。
设计支付表单看似一件简单的事件，然而假如细心考虑一下，支付表单实际上是用户在线购买的要害一环，填写支付表单象征着花费者认可你的服务。网站推广广义的网站优化所考虑的因素不仅仅是搜索引擎，也包括充分满足用户的需求特征、清晰的网站导航、完善的在线帮助等，在此基础上使得网站功能和信息发挥出最佳的效果，也就是以企业网站为基础，与网络服务商（如搜索引擎等）、合作伙伴、顾客、供应商、销售商等网络营销环境中各方面因素建立良好的关系。这个进程的用户闭会应当做得尽可能好，而正确天时用动画后果可能明显晋升支付闭会。
动画后果不应当仅仅为了难看，而是应当帮助用户更好地理解产生了什么，以及如何高效天时用产品。网站推广广义的网站优化所考虑的因素不仅仅是搜索引擎，也包括充分满足用户的需求特征、清晰的网站导航、完善的在线帮助等，在此基础上使得网站功能和信息发挥出最佳的效果，也就是以企业网站为基础，与网络服务商（如搜索引擎等）、合作伙伴、顾客、供应商、销售商等网络营销环境中各方面因素建立良好的关系。判断动画后果好坏的一个准则是：假如你取消动画后果，支付进程应当看起来是不完全的，否则，你的动画后果就是多余的。
这是 Stripe 团队对这个问题的一致见解，也是为什么咱们花费宏大的精力来改良支付流程的起因。咱们从第一天开端就关注于动画后果的利用，因为咱们信赖这会大幅晋升用户支付闭会。接下来我将通过多少个例子来展示如何通过动画后果改良网站的支付闭会。
通过动画后果输入内容
这个变换后果十分实用。在用户抉择 " 记住我 " 时须要输入手机号，这时会主转动出输入框。
摇动后果
用户在填写表单时很可能呈现输入错误的情况，这时，假如只是对他们说他输入的信息有问题，那么用户可能会觉得很沮丧。而通过摇动后果，看起来像是表单在向你摇头，既可能告诉用户输入内容有误，又可能尽可能减少用户的不快。
让用户感到速度快的小技能
人们在等某件事时，时光过得十分慢。这个动画后果可能让用户在实际接收短信时光不变更的情况下，感到上快很多。
按钮变换
依据填写信息步骤，按钮从 " 付款信息 "滑动到 " 支付 25 美元 "。
当用户点击 " 支付 "时，呈现一个对勾，表明支付已经胜利。这个对勾可能让用户觉得购买进程十分简单，充斥成绩感。
一直改进的动画
这个动画后果有点多余，就像上面说的，去掉它也不影响全部支付流程。然而，我认为它对晋升用户闭会还是有一定的后果的。
我不太信赖款式设计是 10 年前作风的网站。网站推广广义的网站优化所考虑的因素不仅仅是搜索引擎，也包括充分满足用户的需求特征、清晰的网站导航、完善的在线帮助等，在此基础上使得网站功能和信息发挥出最佳的效果，也就是以企业网站为基础，与网络服务商（如搜索引擎等）、合作伙伴、顾客、供应商、销售商等网络营销环境中各方面因素建立良好的关系。这个动画后果看起来很炫，让用户觉得开发者寻求完美并关注细节，不禁自主的会更加信赖这家网站。
动画后果的利用处景远远不仅限于音乐、照片跟气象利用。上面这些例子展示了在 UI 设计时加入一些动画后果对晋升用户闭会的后果。不管你做什么样的产品，增加适合的动画后果可能让界面更加明了，增进用户的浏览转化为购买，转变他们的平等待时光的感到，让用户享受到更好的服务。

相关链接：长春网站优化，长春网站推广，长春网络推广，长春网站排名，网站推广，网络推广，网站优化，网站排名，长春seo，长春网络营销，长春百度推广，长春百度排名，http://www.236e.com