几个妙招让你的APP速度“化腐朽为神奇”!

作者:AppCPU 2016-05-17 22:43:17

用户体验,速度为王!(这句话真的已经说烂了ORZ...但,还是要说...)


用户体验速度为王,APP的速度是用户体验关键的指标,速度慢的APP非常容易就被打入冷宫。我们可以通过技术改进的方法实现加快速度的提升,但是这个常规技术改进并不是我们此次讨论的重点,今天我们要讨论的是:除了技术方法,还有没有其他办法也能够让用户“感觉”你的APP其实并不慢呢?


也就是说,就算你的APP比较慢,有没有一些偏方能让它显的不那么慢?


现在就来捋一捋吧!


1:加载动图(Spinner)效果不佳


加载Spinner被广泛的应用于多种操作系统功能中,例如设备启动、连接到网络或者加载数据等,例如当网络不稳定,尤其是当我们加载图片或音乐时,时间会较长,我们会自然而然的用到它。


但是,加载 Spinner 并不是暗示加载或思考的正确方式。默认加载图标(例如 iOS 的加载动画效果是从中心点辐射的灰色线条)通常具有消极的含义。




人们讨厌只看到加载 Spinner,但是却看不多进度或时间。让用户盯着一个下载进度条或者旋转圈会让跳出率提高。


2:进度条,给你的用户一个清晰地等待时间。



不确定的等待时间比已知的、有限的等待时间让人觉得更长。进度条可以告诉用户这个过程需要花费多长时间,但是一般不太正确。你可以通过一些方法隐藏过程中的延迟,例如你可以在开始的时候让速度显示地快一点,在结尾的时候,显示速度慢一点。(进度条不应该中断哦,否则用户就会认为这个 App 卡住了,那就不好了...)


3:后台操作


在后台操作中包含行为有两个优点——用户可见;在用户真正发出请求时就会加载完毕。当程序在后台运营时,给用户呈现一些其他的内容。一个很好的案例是在 Instagram 中加载图片。用户一旦选择想要分享的图片,就开始加载。


在后台加载图片的过程中,Instagram 邀请用户添加标题和标签,当用户准备按 “分享” 键时,加载过程就完成了,这时候就可以立刻分享图片了。

4:仿真内容和 Placeholder(占位符)


如果你无法缩短加载时间,那么你应该试图让用户在等待中更高兴一点。可以利用这个时间显示一些临时的信息。为了提高用户的参与度,可以使用仿真内容作为文本和图片。


两个小建议:


1、加载屏幕不应该太亮。不需要太吸引眼球。Facebook的灰色 Placeholder 就是一个很好的例子。当加载内容时使用模板元素,让用户熟悉将要加载的内容的整体结构。


2、如果要加载图片,你可以在placeholder 中使用加载图片的主色调。Medium 的图片加载效果比较好。首先加载一个小型的模糊图片,然后转化成一个清晰的大图片。



使用 placeholder 和仿真内容并没有加快加载过程,但是在用户眼中加载速度好像变快了。


5:分散用户的注意力


为了不让用户在等待时感到枯燥,可以适当分散他们的注意力。你可以使用一些有趣的、始料未及的东西吸引用户的注意力,为 App 加载赢得充足的时间。


例如优秀的动效设计/动画片,不仅让产品更好用,而且让用户眼前一亮,吸引用户的注意,让本来枯燥的等待载入的过程,变成愉悦欣赏的过程,甚至让用户忽略了“我在等”这件事。


看看下面这些动画,光看就能看足一分钟好嘛!





还有这些


加点剧情就是一部小电影好嘛!什么,我已经看了八遍了?!!!!


——(要是我都看了八遍了,你APP还没加载完....真的,我帮不了你,什么偏方都帮不了你,你要去补钙)

6:在载入前显示内容


客户端与web的一个不同点,客户端的显示内容包括本地数据和网络数据两部分。在设计界面时,将更多的信息放在本地,在网络数据未载入时即显示本地数据,让用户产生一种“已经载入一半了”的错觉,即使最终的耗时一样,心理感受也会更快。当然把数据过多地写在本地,会牺牲一些灵活性,需要根据具体情况考虑。


具体请看twitter、Facebook、Vine等优秀产品的启动画面,虽然同是静态图片,但它们不使用LOGO而假装已经载入了“导航栏”和“标题栏”,让人感觉“点击后立即就启动了”。


7.充分利用好缓存


缓存可以把网络数据保存在本地,下次打开时无需要再次向网络请求,减少流量并减少等待时间。在设计时,可以先显示缓存内容,同时后台到网络上拉取新内容,若有新内容立即替换或下次访问时替换。( 但缓存使用也要注意“度”,过大的缓存文件占用太多的系统空间,会让用户一怒之下卸载App。)

8.界面先行,网络交互随后


对于一些数据量很小,且失败可能性较小的网络交互,用户并不需要明确知道App在干这些事情,也能够顺畅地使用App,那么我们就应该“把一些事实掩盖起来”,即界面上听话地、迅速地完成任务(心智模型),程序后台默默地继续执行任务(实现模型)。


最常用的比如QQ、微信、易信等聊天界面。点击发送后,消息立即“飞”到聊天上下文中,其实对方还没收到。但这样的设计让沟通的过程更顺畅,没有“正在发送 – 发送成功”各种过程的干扰。


结论:


  • 用户讨厌等待,如果你让用户觉得他们没有等待,那么他们就会喜欢你的 App。

  • 一定要让用户觉得 App 的加载时间比他预计的短。


原作者:达达陈

文章来源:简书