此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player

您现在的位置: 智可网 - 创业运营 - 经验模式 - 正文
几个妙招让你的APP速度“化腐朽为神奇”!
教程录入:鱼木    责任编辑:yumu 作者:达达陈 文章来源:jianshu

用户体验,速度为王!(这句话真的已经说烂了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 的加载时间比他预计的短。



文/达达陈(簡書作者)
原文鏈接:http://www.jianshu.com/p/7fa9717aaf90#comments
著作權歸作者所有,轉載請聯繫作者獲得授權,並標註“簡書作者”。
分享
打赏我
打开支付宝"扫一扫" 打开微信"扫一扫"
客户端
"扫一扫"下载智可网App
意见反馈
几个妙招让你的APP速度“化腐朽为神奇”!
作者:达达陈 来源:jianshu

用户体验,速度为王!(这句话真的已经说烂了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 的加载时间比他预计的短。



文/达达陈(簡書作者)
原文鏈接:http://www.jianshu.com/p/7fa9717aaf90#comments
著作權歸作者所有,轉載請聯繫作者獲得授權,並標註“簡書作者”。