• 媒体品牌
    爱范儿
    关注明日产品的数字潮牌
    APPSO
    先进工具,先知先行,AIGC 的灵感指南
    董车会
    造车新时代,明日出行家
    玩物志
    探索城市新生活方式,做你的明日生活指南
  • 知晓云
  • 制糖工厂
    扫描小程序码,了解更多

Instagram 速度快的秘密何在?

特稿

2012-05-17 07:30

Instagram 的联合创始人 Mike Krieger 在 Speakerdeck 上有个值得一看的演示片,叫做 “闪电般快速的移动设计的秘密”。在这个演示里,他讲到了 Instagram 是如何使用户获得 “应用总是很快速” 的印象的。在 Mike Krieger 看来,移动应用给用户以 “快速” 的体验不仅仅是一个技术问题,更是一个设计问题。

任何应用,无论界面如何精美,操作如何直观,如果在速度上不能给人以快速的感觉,很容易被用户抛弃。在移动应用中,再没有比不断转动的刷新按钮更让人心烦的了,而移动网络相对来说,速度和不稳定性常常会受到各种因素影响,给开发者带来了挑战。Instagram 宣称自己是 “快速的美图分享”,它是如何做到 “快速” 的呢?这是  Mike Krieger 需要解决的问题:

速度如何成为一个设计特性

设计如何成为一个速度特性

这一切都在细节的实现,而这些细节都需要精心设计。为此,Mike 提出了三个让应用看起来非常快速的三个秘密:

  • 应用上的积极操作
  • 根据情况提前载入内容
  • 背后不可见的数据传输

关于操作的积极性,Mike 举了这样一个例子。从用户点击 Like 到 Like 成功,期间有和服务器交流的时间,但是,在用户提请的要求仍在进行时,移动界面就已经显示了 Like 成功。用户的评论仍在提交的时候,移动界面就显示评论成功。同样,在用户” 跟随” 请求提交时,界面上就已经显示跟随成功。

inline-instagram-speed-1_0

关于提前载入内容。最基本的是在用户打开应用时,就开始载入一定数量的图片流,而关键点是不要根据时间顺序,而是根据重要性。用户自然希望看到所有内容,但是他们首先想要看到的是哪些最受欢迎的内容,这正是社交网络的要义所在。

关于背后不可见的数据传输,这是指应用要根据用户的行为作出预测,提前开始传输数据。举个例子,当用户注册 Instagram 之后,决定上传图片,他将一副图片设置滤镜效果之后,可能还需要选择位置,设置各种社交网络的账户等,然后才提交。Instagram 在用户设置滤镜效果的时候,就开始提前上传图片了。

inline-instragram-speed-2

Co.Design 网站将 Mike Krieger 的三条秘密称为 “三个善意的谎言”,并将其归结为更容易理解的三个要点:

  • Instagram 假装永远在工作
  • 根据重要程度而不是次序装载内容
  • 考虑用户的每一步动作

这三条秘密,都是在移动网络速度不佳的情况下,为用户制造 “应用速度很快” 的一种错觉,因此,从本质上的确是 “谎言”,但是通过 “提前传输” 和 “随后实现”,Instagram 使用户在操作上更有效率,减轻了等待的烦躁感。即使操作的实际效果是” 随后 “实现的,但这” 随后 “也是很短的时间,并不会对用户带来什么损失,因此,这的确是” 善意 “的谎言。

从 Instagram 的设计上,我们可以看到,设计师是如何利用用户的心理,提升用户体验的。Co.Design 网站对此总结的很精辟。

界面从表面上看起来越简单,便越有更多的工程师在其下面游动,使其得以漂浮起来。

 

题图来自 CSMonitor

登录,参与讨论前请先登录

评论在审核通过后将对所有人可见

正在加载中