【走进腾讯】基于产品理念的感知化设计

【走进腾讯】基于产品理念的感知化设计

编者注:本文源自腾讯电脑管家交互设计负责人沈艳慧在极客公园 「走进腾讯」 公开课上的演讲,因涉及较多交互设计方面的专业内容,特别邀请她亲自对整个演讲内容进行回顾和进一步丰富。


Story

跟大家分享个小故事,我平常会在团队里做一些小实验,有一次我做了一个这样的小实验。我拿了一个下面这样的小纸盒子,想要验证一下,面对新事物,人们接收到不同信息会有什么不同的判断。

 

我把大家分了两组。对其中的一组同学说,这个盒子是另外一组同学做的,你们愿意化多少钱买这个小纸盒?然后对另外一组说,这是你们花了很多心思,聚集了所有人的智慧一起设计了这个小盒子,它体现了你们的理念,如果别人要买的话,他们出多少钱你愿意卖呢?结果两组非常出乎意料。

买方只出了 0~2 块钱。因为呈现在他们面前的仅仅是一个纸盒子,他么认为这只是个纸盒子,能出两块钱算很多了。而卖方的估值,最低最低 50 块钱,最高估值到 199 块钱。因为他们觉得,这里有着他们的智慧和理念。从这里我们发现,面对一件新事物,仅仅是对它的情感上不同,人们的决策就不同,我们对新事物的第一印象与决策来源于情感。

传递理念

那么在一个产品的发展中,哪些群体的情感起到了至关重要的作用呢?我们知道,在统计学中任何事物的发展趋势都是正态分布的,产品的发展趋势也是一样。

一个新产品,必须要跨过尝鲜者和主流用户的鸿沟才能打开更大的市场。而尝鲜者正是那一群有着自主意识,按照自己的理念去行动的人。我们会发现,很多的优秀的产品都传递着他的理念,比如苹果传递的是 Think Different;微信传递的是一种生活方式;小米为发烧而生。所以,我们需要停下来思考,这么久以来,电脑管家团队付出了非常多的努力,不断的提升自己的安全保护能力,但理念的传递是否足够聚焦呢?回头看看,其实我们的理念,一直都是为了守护大家而生的。只是,我们闷头做了很多功能太多,在产品本身的表达上却传递的太少。而产品设计是一件传达作品,最终它属于用户的解读。所以产品需要在关键点上通过一些方法传递自己的理念,让用户解读到产品想要传递的东西。

上面这张图是电脑管家 7.0 的界面,正如大家所看到的,它传递的是我们做了很多功能,但是产品本身的传递不够聚焦。所以,我们在 8.0 的产品设计中更加聚焦,回归纯粹只为守护。

在这个阶段,根据用户的使用习惯和数据,我们把干扰元素都收藏起来,提高界面的信噪比,让每个页面都更加聚焦于当前的安全保护功能。在 10.0 上,我们在产品理念传递上,再一次向聚焦守护的最初理念上进行回归。

HOW

电脑管家 10.0 在产品理念传达上,做了如下两件主要的事情:

  1. 在产品的接触点,渗透理念;
  2. 在产品的关键路径上,围绕关键词修炼内功。

互联网产品的关键点接触点,核心之一是产品官网,我们在官网中做了这样的设计,它体现的是像星空守护这大地一样,电脑管家守护着用户。

当用户在安装的时候,我们这次采取的是切割的设计,切割所表达的是安全守护简单聚焦,同时在界面中配以简短的文字,去传递聚焦守护的理念。

安装之后,用户就开始使用产品了。如果说,用产品理念吸引用户来,那么接下来要留下用户的就是产品是否履行了自己的理念。所以,我们在产品的主要使用路径中,将守护的关键词「聚焦简单+即时」通过开发和设计体现。为什么选择简单聚焦+即时这两个关键词呢?我们可以去想一下超人等这些超级英雄他们在解决麻烦的时候,都是毫不废话直奔主题(简单聚焦),第一时间出现(即时)的。

任务流-简单聚焦

在如上是电脑管家 10.0 的三个承载页面,桌面小火箭是手边的小工具,在用户在工作或游戏等场景时,如果遇到一些电脑的卡慢小问题,可以顺手释放小火箭,简单解决。当用户想要主动处理一些问题的时候,比如杀个毒那么这时候他打开管家看到的是「轻巧界面」在这个界面中,聚焦于一键解决,没有太多的干扰元素,降低用户的心里和使用门槛。当遇到一些需要手动深入解决的问题时,会通过任务流拉起经典界面进行高级操作,一气呵成。

即时-场景化+时间感知

上面有说到超级英雄都是第一时间感知到谁遇到麻烦了,电脑管家也有这样的一个场景化感知机制,当用户电脑出现麻烦的场景下,电脑管家可以第一时间出来提供解决方案,如下面这个界面是用户 QQ 空间打不开的时候,电脑管家精细运营的场景化解决方案。而以往用户只能通过搜索或别的方式去求救。

除了上面的第一时间解决问题的即时,作为安全管理软件可能还有一个共同的痛点就是会消耗电脑的一些资源,有可能导致电脑其他软件打开慢,或者安全软件自己在工作的时候需要的时间比较漫长。这时候,我们可以通过一些时间感知上的研究,去缓解用户内心的焦躁。

爱因斯坦说过,时间和空间是一种认知错觉。的确如此,大家可以回忆一下,是否经常会觉得「这周过的好漫长」「假期过的好快」虽然物理上的时间都是一样的。在我们使用软件的时候,也同样的会遇到一系列的时间感知问题,在这里我们可以很好的利用这一点,去让用户使用过程中更爽一些。 如下将从两个点上去运用时间感知这个课题。

1、首先时间阈值△T

我们知道从性能上实打实的提升,是最直接的解决方案之一,但是性能的提升之后用户是否能够直接的感知到呢?例如一个网页打开需要 2S,我们花了很多力气去做提升了 0.5S 用户能感知到么?我们跟用研同学一起做了感知阈值的实验,发现对于打开网页来说,需要提升 1S 用户才能感知到。也就是说我们至少要提升 1S 或 1S 的倍数用户才能感知到,同样对于打开软件来说这个值△T 是 0.6S,这个结论同时适用于时间变长与时间变短,至少适用于网页本身打开时间 T=0.2-9s,软件本身打开时间 T=1-6s 这一范围。

2、时间错觉

当性能提升到了极限之后,我们还能怎么做才能让用户在使用过程中更爽一些呢?对于安全软件来说用户的时间感知多是来自于进度条。所以我们做了进度条的速度感知研究,我们做了如下相同时间,不同速度曲线的进度条时间测试,最后发现 A 方案的指数函数速度曲线会让用户觉得时间过的很快(我们后来找了一些文献,也发现指数函数的速度曲线的确是最快的时间感知曲线)。

与此之外,我们还做了软件 tab 切换的时间感知。结论显示,tab 在切换过程中,只要出现不确定性进度条用户就认为需要等待,增加了用户切换 tab 的心里成本。如果是逐行加载或是左右滑动进场,用户就认为是合理的并不认为是在等待。

为什么人们会有时间感知错觉呢,我们从一些文献里面找到了答案:

人脑中存在一个内部时钟,它是为主体感知它是为主体感知外部刺激的持续时间提供依据的计时机制。整个时距信息加工可分为三个阶段:计时阶段、记忆阶段、比较决策阶段,由起搏器,计时开关和累加器构成。

起搏器按照一定的频率发送脉冲到累加器,在起搏器和累加器之间有一个开关,开关闭合之后才能形成通路,保证起搏器发送的脉冲能够到达累加器。开关会在接收到一系列「绑定」刺激信号后闭合,在刺激结束之时又重新打开。开关闭合时间越长,传递到累加器的脉冲就越多,主体粗略感知到刺激事件持续的时间就越长。

接下来是记忆阶段,由工作记忆和参照记忆构成,累加器把有关的时距信息传递到工作记忆中暂存,同时激活相应的长时记忆中的时距表征。最后是比较决策阶段,通过比较装置对当前工作记忆中的时距表征和参照记忆中的时距表征进行比较,并最终做出更长,更短或相等的判断。

看到上面这段话,你可能会感觉到有些不适了,其实它所表述的就是,人们做一件事情的时候都会有一定的预期,当与预期有偏差的时候,大脑就会认为他在等待。人们在切换 tab 的时候,会预期内容直接呈现出来,如果这时候塞进个进度条加载内容,就会与预期有偏差,让人们觉得产生了等待。如果用一种自然的专长方式,比如逐行加载或滑动内容进来,人们就认为这只是内容的一种呈现方式,并不会产生明显的偏差感。所以,在内容需要加载的时候,能不用进度条就不要用,加载内容需要一定时长的,尽量以一种自然的动画转场去填补时间上的空白。

情感对话-峰终定律

最后,我们来讲一下与用户的情感对话。

感知与记忆,组成了完整的我们,我们对一个产品的情感记忆,取决于使用过程中的情绪峰值和结束时的情绪终值。

我们在小火箭上做了情绪峰值的设计,举一个例子,在世界杯期间,我们在小火箭上做了踢足球的设计。这个点可能在别的产品中也能看到,所以我们做了额外的彩蛋,我们知道中国球迷心中的痛就是国足一直无法驰骋于世界杯赛场,所以我们在世界杯小火箭上,可以换肤为中国国旗,让我们对中国队的期许在这里得以情绪的宣泄。

好,现在让我们回忆一下整体的脉络:

  1. 产品要有自己的核心理念,在主要接触点上传递理念吸引到跟我们理念相同的尝鲜者用户,让尝鲜者用户带动主流用户;
  2. 提取理念的关键元素,在产品主要操作路径上通过开发和设计体现出理念;
  3. 融入情感设计,为用户制造峰中的正向情绪。

一句话来说就是,用理念讲用户吸引来,围绕理念打磨内功留下用户,制造正向情绪体验让用户产生美好记忆。

如上是我们的一些简单的经验,当然我们还有很多很多的不足需要去付出更多努力完善我们的产品。但是我们做产品是为了让用户拥有更美好生活体验,我们会不断的完善自己去创造这些美好。

我们在路上!

交互设计产品设计用户体验
下载极客公园客户端
iOS下载
反馈