61阅读

提升用户体验-教你使用转场动画提升用户体验

发布时间:2017-12-08 所属栏目:用户体验提升计划

一 : 教你使用转场动画提升用户体验

的确,相比于绘制插画、创作专题页面、设计UI这些富有创造性的设计活动而言,设计表单样式似乎确实是一件单调而苦逼的差事。但仔细想想,如果你设计的表单是支付流程中最重要的环节,那么情况就又不一样了,因为它将是用户选择你和你的企业的起点,也是用户信任的明证。所以这个环节的用户体验必须精雕细琢,尽量臻于完美。除了设计好表格和UI样式之外,合理地运用转场动画会让整个体验提高许多。

这个地方所用的动画并不是单纯的愉悦用户,更重要的目的是让用户明白这个环节是会发生什么,并且如何高效地使用这一产品。如果这个环节缺少动画会令人感到缺点儿什么,那么这个动画是成功的。如果移除了动画,用户觉得照样可以凑合着用,则意味着这个动画是可有可无的。

作为Stripe Checkout这一支付应用的设计团队,我们在移动支付的体验设计上进行了大量的探索,也耗费了巨量的时间经历。对于支付环节的动画设计,我们有着深入的理解。在着手设计Stripe Checkout的第一天,我们就开始专注于使用转场动画来强化交互,因为我们相信它会极大地提高这款支付APP的用户体验。为了展示它的运作原理,以下我将使用几个动画案例来向你说明。

输入

 教你使用转场动画提升用户体验

上图中的转场动画足矣说明动画对于用户的实用性。点击“Remenber me”的选框,输入联系方式的选框随着转场动画逐渐展开。动画的发生会强化用户清晰地意识到“单机选框”和“输入联系方式”之间是有联系的,并且是直接的因果关系。

抖动

 教你使用转场动画提升用户体验

当我们在填写表单的时候,经常容易忽略一些细小的错误,这也使得我们往往需要将可能出错的地方从头到尾都梳理一遍。然而很多时候,系统提醒我们信息错误的时候(尤其是在支付环节中),报错信息会让用户感到沮丧,检查的过程会令人无所适从,最终会有用户直接因此而放弃继续填写表单。小幅震动的界面,配合着错误内容的标识会明确地告诉用户,信息有误。这种类似摇头的交互行为会更加人性化,从而降低了用户流失率。

错觉

 教你使用转场动画提升用户体验

用好转场动画,可能会让用户感觉时间过的比实际的更快。谁都明白,当用户在等待的时候,时间会慢如蜗牛。可是当等待过程中有动画效果的时候,即使等待时长不会改变,人的注意力会被吸引过去,自然而然地会感觉时间一会儿就过去了。这种动画效果就是利用了人对于时间的错觉。

转换

 教你使用转场动画提升用户体验

微妙的动画转变是我的最爱。上图中从Payment Info转换到Pay $25.00使用了轻微的色彩转变和滑动特效,提醒用户这个过程正在推进。而当支付完成之后,色彩从蓝色转为绿色,转变明显而醒目。在点击了Pay之后,伴随颜色变化的还有一个显示支付成功的短暂的动态图标,提醒用户支付完成。我特别喜欢这个设计,因为它会让用户感到支付完成的快感,让他们觉得完成支付是一件轻松愉悦的事情,

额外的设计

 教你使用转场动画提升用户体验

这一转场动画其实有点多余,因为删除它也不会影响整个操作流程,也不会影响使用体验。但是它的存在,会提升操作流程的体验。

像别人一样,我也不喜欢10年前的网站设计。但是这个转场动画会提高用户的体验,让用户感受到设计的善意,吸引用户去注意支付的细节并获取信任。

我的这些案例,都是在平时大家不太在意的细节处增加了转场动画,改善了整体的用户体验。无论你在构建怎样的应用程序,合理地使用动画效果,会让用户更明白操作的结果,改变他们对于时间的感知,并且令他们愉快。

二 : 一切有益于用户体验的行为都有助于提升网站权重

百度站长俱乐部提问:
如果在英文网站上建立中文网站的友情链接,是否可以也可以给这个中文网站投票呢?或者投票效果降低?
回答:
关于友情链接的提问比较多,索性一次解决吧,相关的问题,请套用。

先做个假设,比如你发现了一个对你很有帮助的网站,你会不会想推荐给自己的朋友也看看呢?如果想的话,那咱们可以想象一下推荐的途径:即时通讯工具上发给自己的朋友、在自己常泡的论坛里转帖推荐、写博客很郑重的介绍、在微博/sns网站分享一把、如果刚好有自己的网站,也可能在自己网站上做友情链接推荐。
这些多种渠道的推荐信息,都会被搜索引擎用来判断网页/网站价值的高低。友情链接,只是其中的小小一环,在上个世纪互联网还不发达、网站编辑操控内容的时代,可能是占极重要地位的,但在2.0时代,还抱着老黄历不放就有点说不过去了。想想你自己,获取新信息的来源是哪里呢,肯定不是友情链接吧?

继续刚才的假设,如果你的朋友对你推荐的网站感兴趣,那你的推荐就很成功,如果你的朋友对你推荐的网站不感兴趣,那你的推荐除了让他知道有这么一个网站之外,就没什么价值了。
搜索引擎判断推荐的价值,也是这个思路。请自行想象一下,英文网站上的用户,会认为一个中文站对他有帮助吗?

把刚刚的假设再深入一些,如果你一直在推荐一些你朋友很感兴趣的网站,你朋友对你的信任度会增加很多,因为他知道你推荐的网站都很好。反过来如果你一直推荐一些他不感兴趣的东西,那他对你的推荐就会失去信任,再看到你的推荐时,他就不再感兴趣了,也许还会在心中暗骂,这小子又推荐一些垃圾来浪费我时间了。从中咱们可以看出来,如何让自己的推荐更成功呢,最简单的一点就是推荐你朋友可能感兴趣的网站。

搜索引擎在投票方面,也是同样的思路,更重视推荐高质量内容的信息源,歧视或者忽略那些总在推荐低质量内容的信息源。

搜索引擎发展的过程,就是不断的寻找、总结互联网的规律加以利用的过程,而这些规律,是用户表现出来的。我们经常说,请将自己当做一个用户,从用户的角度看,你觉得怎样是合理的,那搜索引擎就会怎样做。这并不是忽悠大家,也不是无话可说时的万能回复,互联网发展太快了,搜索引擎技术一直在跟随互联网进步,从技术上讲,没有什么是一成不变的,今天对搜索引擎很重要的一个东西,明天可能就会被抛弃,只有紧跟用户,才是根本之道。

顺便解释一下我们另一句倍受诟病的话:一切有益于用户体验的行为都有助于提升网站权重。这句浓缩的话很有价值,但大家并不理解。。。
努力经营自己的网站,提供用户需要的内容这些老套的解释大家肯定不感兴趣了,举个另类的例子。就拿推荐来说吧,前面说过,用户把你的网站推荐给他的朋友,这个过程会被搜索引擎用来评价网站的价值,那大家除了费尽心机做外链以外,有想过如何让用户更方便的把你的网站推荐给他的朋友吗?用户把你的网站推荐给别人,第一步要做的,就是把网址复制出来,这一步你有没有想过用户会遇到困难呢?去百度知道里搜一下“怎么复制网址”你会发现,有太多用户搞不定这一步了,如果你在网站上加个简单的“复制网址”的功能,就会帮助很多想推荐你网站,却苦无门路的用户。
虽然“复制网址”搜索引擎看不到,但最终却实实在在的影响了你网站的权重。你还会怀疑“一切有益于用户体验的行为都有助于提升网站权重”这句话吗?

三 : 有益于用户体验的行为的网站有助于提升网站权重

先做个假设,比如你发现了一个对你很有帮助的网站,你会不会想推荐给自己的朋友也看看呢?如果想的话,那咱们可以想象一下推荐的途径:即时通讯工具上发给自己的朋友、在自己常泡的论坛里转帖推荐、写博客很郑重的介绍
关于友情链接的提问比较多,索性一次解决吧,相关的问题,请套用。

先做个假设,比如你发现了一个对你很有帮助的网站,你会不会想推荐给自己的朋友也看看呢?如果想的话,那咱们可以想象一下推荐的途径:即时通讯工具上发给自己的朋友、在自己常泡的论坛里转帖推荐、写博客很郑重的介绍、在微博/SNS网站分享一把、如果刚好有自己的网站,也可能在自己网站上做友情链接推荐。

这些多种渠道的推荐信息,都会被搜索引擎用来判断网页/网站价值的高低。友情链接,只是其中的小小一环,在上个世纪互联网还不发达、网站编辑操控内容的时代,可能是占极重要地位的,但在2.0时代,还抱着老黄历不放就有点说不过去了。想想你自己,获取新信息的来源是哪里呢,肯定不是友情链接吧?

继续刚才的假设,如果你的朋友对你推荐的网站感兴趣,那你的推荐就很成功,如果你的朋友对你推荐的网站不感兴趣,那你的推荐除了让他知道有这么一个网站之外,就没什么价值了。搜索引擎判断推荐的价值,也是这个思路。请自行想象一下,英文网站上的用户,会认为一个中文站对他有帮助吗?

把刚刚的假设再深入一些,如果你一直在推荐一些你朋友很感兴趣的网站,你朋友对你的信任度会增加很多,因为他知道你推荐的网站都很好。反过来如果你一直推荐一些他不感兴趣的东西,那他对你的推荐就会失去信任,再看到你的推荐时,他就不再感兴趣了,也许还会在心中暗骂,这小子又推荐一些垃圾来浪费我时间了。从中咱们可以看出来,如何让自己的推荐更成功呢,最简单的一点就是推荐你朋友可能感兴趣的网站。

搜索引擎在投票方面,也是同样的思路,更重视推荐高质量内容的信息源,歧视或者忽略那些总在推荐低质量内容的信息源。

搜索引擎发展的过程,就是不断的寻找、总结互联网的规律加以利用的过程,而这些规律,是用户表现出来的。我们经常说,请将自己当做一个用户,从用户的角度看,你觉得怎样是合理的,那搜索引擎就会怎样做。这并不是忽悠大家,也不是无话可说时的万能回复,互联网发展太快了,搜索引擎技术一直在跟随互联网进步,从技术上讲,没有什么是一成不变的,今天对搜索引擎很重要的一个东西,明天可能就会被抛弃,只有紧跟用户,才是根本之道。

顺便解释一下我们另一句倍受诟病的话:一切有益于用户体验的行为都有助于提升网站权重。这句浓缩的话很有价值,但大家并不理解。

努力经营自己的网站,提供用户需要的内容这些老套的解释大家肯定不感兴趣了,举个另类的例子。就拿推荐来说吧,前面说过,用户把你的网站推荐给他的朋友,这个过程会被搜索引擎用来评价网站的价值,那大家除了费尽心机做外链以外,有想过如何让用户更方便的把你的网站推荐给他的朋友吗?用户把你的网站推荐给别人,第一步要做的,就是把网址复制出来,这一步你有没有想过用户会遇到困难呢?去百度知道里搜一下“怎么复制网址”你会发现,有太多用户搞不定这一步了,如果你在网站上加个简单的“复制网址”的功能,就会帮助很多想推荐你网站,却苦无门路的用户。

虽然“复制网址”搜索引擎看不到,但最终却实实在在的影响了你网站的权重。你还会怀疑“一切有益于用户体验的行为都有助于提升网站权重”这句话吗?

版权说明:本文作者 Lee ,来自百度站长俱乐部。

文章来源:
本文标题:提升用户体验-教你使用转场动画提升用户体验
本文地址: http://www.61k.com/1140794.html

61阅读| 精彩专题| 最新文章| 热门文章| 苏ICP备13036349号-1