「软文培训」如何通过动画效果优化支付过程的

本文编译自Stripe的用户界面设计者Michaël Villar发表在Standard的博客。Stripe是的公司网络支付该公司,能够帮助开发人员通过其Java较慢搭建支付该系统,去年1月获得了8000万美元投资,市值达17.5亿美元。的设计支付表单看似一件非常简单的什么事,但是如果细心考虑一下,支付表单实质上是用户网络购买的关键性一环,填写支付表单意味着顾客认可你的公共服务。这个步骤的用户体验应该做得尽量好,而正确使用动画效果可以明显提升支付体验。动画效果不应该意味着为了好看,而是应该帮助用户更佳地了解发生了什么,以及如何高效地使用的产品。判断动画效果好坏的一个准则是:如果你取消动画效果,支付步骤应该看起来是不原始的,否则,你的动画效果就是太多的。这是 Stripe 的团队对这个难题的完全一致看法,也是为什么我们耗费极大的心力来改善支付程序的因素。我们从第一天开始就关注于动画效果的使用,因为我们相信这会大幅度提升用户支付体验。几周我将通过几个范例来展示如何通过动画效果改善该网站的支付体验。通过动画效果输入细节这个变换效果十分实用。在用户选择 " 记住我 " 时需要输入手机号,这时会自伤到出输入框。摇动效果用户在填写表单时很可能出现输入正确的状况,这时,如果只是对他们说他输入的数据有难题,那么用户不会感到很失望(进而可能离开支付介面)。而通过摇动效果,看起来像是表单在向你摇头,既可以告知用户输入细节应为,又能够尽量减少用户的不悦。让用户感受极快的小熟练人们在等某件事时,星期过得十分慢。这个动画效果能够让用户在具体接收简讯星期没有变动的只能,感受上快很多。按键变换根据填写数据方法,按键从 " 付款数据 "(Payment Info)转动到 " 支付 25 美元 "(Pay $25.00)。当用户点击 " 支付 "(Pay)时,出现一个对勾,表明支付早已顺利。这个对勾能够让用户感到购买过程简单,充满著满足感。锦上添花的动画这个动画效果有一点太多,就像下面说的,去掉它也不负面影响整个支付程序。但是,我认为它对于提升用户体验还是有一定的效果的。我不太信赖式样的设计是 10 多年前艺术风格的该网站。这个动画效果看起来很炫,让用户感到开发人员追求极致并关注内容,接吻的会更为相信这家该网站。动画效果的应用桥段相比之下不仅限于的音乐、相片和天气状况应用。下面这些范例展现了在 用户界面 的设计时加入一些动画效果对于提升用户体验的效果。不论你做什么样的的产品,添加适合的动画效果可以让介面更为明了,促进用户的浏览转化为购买,改变他们的对反应时间的感受,让用户享受到更佳的公共服务。

上一篇:「市场营销成功案例」原创就能获得搜索引擎的
下一篇:「百度seo关键词排名」网站SEO顾问诊断哪些项目

欢迎扫描关注我们的微信公众平台!

欢迎扫描关注我们的微信公众平台!