怎样经由过程动绘结果SEO付出历程的用户体验?
本文编译自Stripe的UI设想师Michaël Villar揭晓正在Medium的专文。Stripe是一家正在线付出公司,可以协助开辟者经由过程其API快速拆建付出体系,本年1月得到了8000万美圆融资,估值达17.5亿美圆。
设想付出表单看似一件简朴的工作,可是假如认真思索一下,付出表单实践上是用户正在线购置的枢纽一环,挖写付出表单意味着消耗者承认您的效劳。那个历程的用户体验该当做得尽量好,而准确天利用动绘结果能够隐著提拔付出体验。
动绘结果不该该仅仅为了都雅,而是该当协助用户更好天理解发作了甚么,和怎样下效天利用产物。判定动绘结果黑白的一个本则是:假如您打消动绘结果,付出历程该当看起去是没有完好的,不然,您的动绘结果便是过剩的。
那是 Stripe 团队对那个成绩的分歧观点,也是为何我们破费宏大的精神去改进付出流程的本果。我们从第一天开端便存眷于动绘结果的利用,果为我们信赖那会年夜幅提拔用户付出体验。接下去我将经由过程几个例子去展现怎样经由过程动绘结果改进网站的付出体验。
经由过程动绘结果输进内容
那个变更结果十分真用。正在用户挑选 " 记着我 " 时需求输动手机号,那时会主动弹出输进框。
动摇结果
用户正在挖写表单时很能够呈现输进毛病的状况,那时,假如只是对他们道他输进的疑息有成绩,那么用户能够会感应很懊丧(进而能够分开付出界里)。而经由过程动摇结果,看起去像是表单正在背您点头,既能够见告用户输进内容有误,又可以尽量削减用户的没有快。
让用户觉得速率快的小本领
人们正在等某件事时,工夫过得十分缓。那个动绘结果可以让用户正在实践领受短疑工夫出有变革的状况下,觉得上快许多。
按钮变更
按照挖写疑息步调,按钮从 " 付款疑息 "(Payment Info)滑动到 " 付出 25 美圆 "(Pay $25.00)。
当用户面击 " 付出 "(Pay)时,呈现一个对勾,表白付出曾经胜利。那个对勾可以让用户感应购置历程十分简朴,布满成绩感。
如虎添翼的动绘
那个动绘结果有面过剩,便像上里道的,来失落它也没有影响全部付出流程。可是,我以为它关于提拔用户体验借是有必然的结果的。
我没有太疑任款式设想是 10 年前气势派头的网站。那个动绘结果看起去很炫,让用户感应开辟者逃供完善并存眷细节,不由自主的会愈加信赖那家网站。
动绘结果的使用场景近近不只限于音乐、照片战气候使用。上里那些例子展示了正在 UI 设想时参加一些动绘结果关于提拔用户体验的结果。不管您做甚么样的产物,增加适宜的动绘结果能够让界里愈加清楚明了,增进用户的阅读转化为购置,改动他们的对等候工夫的觉得,让用户享用到更好的效劳。
[本文编译自:medium]
注:相干网站建立本领浏览请移步到建站教程频讲。
相关信息
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|