用户体验大不同!如何使你的应用看起来加载的更快

分享到:更多 ()

加载速度决定用户跳出率, @blackbird 翻译的设计干货提出了几点提升用户感知体验和缩短加载时长的方法可供参考学习!那为了用户体验大不同,大家赶紧跟着国外大神的思考看看如何操作吧!

d4da56d44cec6ac7252ce62b25ce.jpg

如何使你的应用让用户看起来加载的更快

在我们设计的时候, 我们没有方法去模仿不同的加载速度.所以在必须要等待内容展示出来的时候我们不能总是设计出让用户感到不舒服的动效.

但是,网络的速度不总是有保证的.尤其在一张图片或一首歌在下载的时候.在这些情况下,我们不得不去决定展现什么能够满足用户和填充当下的空档时间,和对用户造成的心理上的拖沓影响.

加载旋转指针就是小恶魔

加载旋转指针并不是表示加载或者思考的正确方式.默认的加载图标(像iOS里灰色的圆角矩形围绕中心点旋转的加载针)倾向于表明消极的含义.他们提供了多种多样的操作系统功能,表达不论从策略引导到问题的连接到网络或者加载一个数据等的所有状态.

e00f56d44d2f32f875520ff50feb.jpg

因此,人们讨厌看到没有任何具有进程信息或时间的示意而只有一个加载旋转针的情况.让用户只盯着一个加载条或者针轮看会增加跳出率.

不确定的等待是要比所知道的要长的,无尽的等待.你应该给你的用户一个清晰的示意让他们知道会等多久.通过提供进程-用户体验设计为使操作透明是健康和有意义的.试着去使用进程条使加载感觉自然:

98bb56d44d6c6ac7252ce628eddf.jpg

进程条告诉用户一个动作会用掉多长时间,但是他们也不总是正确的.你可以在你的进程条上通过使移动的光标持续和稳定来伪装小的延迟(开始时快结尾时慢).进程条应当永远不停止,否则用户将会以为应用卡住了.

背景操作

动作被装到背景操作中会有两个优势—他们对于用户来说可以是隐形的并且会在用户实际寻求他们之前出现.在一个进程在背景运行同时给用户其他东西去关注.上传图片到Instagram里就是一个很好的例子.用户刚一选择图片要去分享,它就开始上传.

61e156d44d946ac7252ce63ec87b.jpg

Instagram邀请用户为图片添加标题和标签于此同时图片正在后台进行上传.当用户准备好去按下分享按键的的同时,上传工作基本完成并且用户可以立即分享他们的图片.

虚拟的内容和占位符

如果你不能简短加载的时长你应该会总想试图去让等待更加愉悦.并且他是一个包含暂时性信息的一个正确的时间段.为了保持用户的参与,使用虚假内容作为文本内容和图片占位符.

这里有一些小建议:

  • 加载屏幕不应过于高亮.他本身不需要很醒目.facebook的灰色占位图就是一个很好的例子.他在加载内容时使用模板元素并且使用户对于内容将要加载出来的全局架构更加熟悉.

 

e54156d44db832f875520f52c87b.jpg

  • 对于加载图片你可以使用一个将要加载的图片的预先引导颜色去填充占位图.medium有一漂亮的加载效果,首先,加载一个小的模糊图片,然后转变成大的图片.

 

f6e856d44dd832f875520f5e8a46.jpg

使用占位符合虚拟内容是一个没有加速的进程,但是在用户的大脑里会感觉像在加速.

让你的用户分心

为了确保人们在等待什么事情将要发生的时候不会觉得无聊,提供给他们一些消遣.可以是有趣的出乎意料的,或者什么其他的能够足够长时间去抓住用户注意力的事情以便你的应用去进行加载.

3cee56d44df732f875520fbf1ce3.jpg

动效可以转移你访问者的注意力并且让他们忽略了长时间的等待.

结论

用户不会想为了内容而等待.但是如果你想使它看起来好像从来没有等待过,他们将一直喜爱你的应用.帮助使你的用户察觉到加载的时间比他们真正的要短.

原文地址:medium.com

译者:blackbird

最美UI|学ui设计联盟|一起努力学设计!

最美UI zuimeiui.com 学ui设计最值得关注的UI学习教程交流平台! 每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧! 给最美UI点个赞!有你的支持是我们前进的动力! 猛点这里 >>

最美ui微信公众号zuimeiui要养成关注干货好习惯哦!

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
设计师:三人行必有我师。在这里可以交到良师益友哦!还不赶紧加入? → 猛戳这里

【最美UI 原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!我们将一一答复!】

未经允许不得转载:最美ui » 用户体验大不同!如何使你的应用看起来加载的更快

0
分享到:更多 ()