返回动态列表
数之元“创享会”第四期——从交互到情感,互联网产品的评价准则与设计要素
发布时间:2016-09-12 00:00


当创享会遇上我们的月度会议,是不是足以看出本期创享会规模之宏大呢?没错,第四期创享会如期与大家见面了,本期我们迎来了集技术、才华、文艺和颜值于一身的——许金龙童鞋,他将带领大家从理性和感性的双重视角,去解析如何评价与设计一款互联网产品。是不是听起来都很高大上呢!那就赶快随小编来一睹他的风采吧~


听说,本期的分享主题在之前已经做过铺垫了,不知道听过上一次分享的同学们是否还记得呢?
(反正小编是没有印象,毕竟那时候还在学校。。。)
那么,看到这个主题,可能有人会想:

1.png

先讲个段子:读书与不读书的区别,读书的人看到美景可能会想到“落霞与孤鹜齐飞,……”,不读书的人可能会说:哇塞,好美啊,鸟好多啊……同样的道理,我们生活在互联网的社会,每天都会接触大量的互联网产品,但却很难去评价一个互联网产品的好坏。未来,所有的企业都将会是IT企业,作为在互联网行业混迹的我们,如果不能对互联网产品有一个相对较深的理解,那恐怕是无法在这个行业取得长足发展的。
(所以,为了今后更好的发展,大家可一定要认真听讲哦!)

先问一个问题:什么是好产品?
群众的看法:用的人多的就是好产品;切中需求的;顺应客户使用习惯的……
金龙如是说:一款好的互联网产品,无非是两个方面,从公司的角度:能赚钱;以客户的角度:用的爽。能赚钱对应商业模式,用的爽对应产品设计。互联网产品的设计与传统行业是不太一样的,普通产品是基于对物的设计,如服装、生活用品等;而互联网产品的设计更多的是对行为的设计,比如下载一款软件、登录一个界面、网上购买一件商品等,虽然我们能够看到的还是对于一个系统、对于一个物的设计,但其实它的核心是基于行为的设计。所以我们在设计的过程中究竟有哪些设计点是顺应了行为逻辑的,又有哪些是有别于传统设计的,这就是本期要分享的内容。

我们在谈论一款互联网产品的时候,究竟在谈论什么?

群众的声音:用户体验、用得好不好……
金龙的见解:一个存在于虚拟世界的真实感受

2.png

那么问题来了:感受从何而来,为何会对虚拟世界产生真实的感受?

3.png

这就要从认知世界的方法和过程来解释了。我们对世界的认知来源于我们的五感,而互联网产品的认知重点在于视和听。

4.png

有个定理叫做不完全性定理:任何试图知道本体的部分,无法逃脱自我指标的限制。
听听金龙的解释:例如,我作为一个个人,试图去了解宇宙,但实际上我在了解的过程中是受到我个人的精力、个人的记忆、我接触到的客观世界对我的影响,也就是说所有的事情都是受客观事物限制的。但反过来想,我们这种来源于客观世界的感受,通过产品设计,有哪些点又是能够对人们产生反馈感受的。可能有人觉得,产品好就是顺应人性,但是有没有想过,在产生人性之前,这种感受从何而来?
(想的如此深远,小编表示已五体投地状膜拜!)

人性之前:

5.png


250万年前到10万年前:人类的演化经历了适应环境到了解世界再到识别危险的过程,从认知的视角来看,三者分别对应于认知变化、认知存在和认知反馈。举个例子,原始部落中有个人被野兽吃掉了,这件事情告诉其他人,大家就会知道野兽是危险的,这就是一种反馈。
对于变化的认知、存在的认知和反馈的认知,是和人性没有关系的,这是一种自然性,是任何物种在进化过程中都要经历的,无论是过去几百万年的演变,还是未来再发展几百万年,这三种认知都是不会受影响的。也就是说不管交互方式如何变化,都是会遵循这三种认知的,而和我们的人性没有关系。在产品设计或者说是计算机的交互设计中,这种对于变化的认知被称为映射。
映射、直观和反馈是现代网络交互设计的基础,所以说现代网络的交互规范早在上百万年前就已确立,产品是否好用很大程度上和我们的人性没有关系。
接下来就这三个基础做一点分析:
1.映射:现实与虚拟的连接器
现实是表达情感的基础

6.png


如图中所示图标,不用解释,大家也都知道代表什么含义,这就是因为其含义已经映射在其中了,所以做设计首先就是要做符合现实世界认知的设计

7.png


现实和虚拟之间的交互,是通过现实给虚拟提供实物支撑和情感支撑来实现的,但这整个的基础是物理,物理属性的缺失将导致现实和虚拟脱节,所以说交互设计要具备物理属性

8.png

比如我们常用的几个图标:上下拉动或者左右滑动,为何不是瞬间实现的,因为现实中没有物理实体能够做到瞬间移动,这不符合物理现实。
那么为什么要这样做,原因有以下几点:
A.降低理解成本,做到容易感知;
B.减少对变化的焦虑,告诉外部我仍在这个世界;
C.产生感情的关联,创造情感的载体。

2.直观:决定了产品的易用性

9.png


当我们看到一件事物的时候,是要经过一系列的认知和判断来辨识的,这个复杂的过程我们称之为“用户心智模型”

10.png

可以发现,这个过程越短,说明越容易被认知,也就越好用。这就要求我们做设计时要遵循一个核心点:Non’t me think。所以我们在设计或者评价一个产品时,就是看它能否简化认知流程,做到所见即所思,以下为几点方法:
A.遵循习俗或惯例,如,红色代表停,绿色代表行,反过来也可以,但是会加大认识成本;
B.多用图文混合;
C.建立正确的匹配关系,这也是比较重要的一点;
D.提供认知辅助;
E.改变任务性质,如网络文章改以往的留言为点赞等。

3.反馈:人机交互的基础
反馈机制:

11.png

如果我们无法感知外部世界的变化,就会对自己的行为产生怀疑,而反馈为何如此重要,那是因为反馈本身就能够给人提供愉悦,如有人喜欢踩雪,有人喜欢捏泡泡,就是因为做这件事给我们的反馈是一种愉悦的感受。
(哈哈,小编也喜欢干那种无聊的事,原来这才是原因所在!)

12.png

那么,如何设计优秀的反馈:

13.png


A.无处不在,即对于计算机的任何一个操作,都能够得到一个及时的反馈;
B.容易感知:如点击一个按钮,它的颜色发生变化,这就很容易感知,但如果变化的位置是处于一个根本注意不到的角落,那就很难感知到;
C.快速及时,否则会让人怀疑自己刚才到底有没有进行操作;
D.符合认知,如停车场按钮,绿色代表通过,若改成红色代表通过,那便是不符合我们认知的;
E.设置引导,对于可能会导致用户产生错误的操作,需要通过设置反馈来对用户加以引导,比如写完文章关闭时会有提醒是否需要保存并关闭。
 
以上的映射、直观和反馈是从现代交互设计所需要具备的自然属性来理解的,还有一种属性,是在具备人性之后所产生的,那就是效率。10万年前至今,从智人到现代人类,其实一直都在做一件事,即追求效率的提升。

14.png

人在产生目标时,就会对效率变得敏感,,进而关注快不快、好不好,但是好不好太过于主观,因此时间就是衡量效率的有效标准,响应速度是一切设计的基础,速度跟不上,一切都是白搭。

所以,是否具备“映射、直观、反馈、效率”这四个基础 ,是评价一款设计是否合格的标准

15.png

16.png

那么,更进一步去想,如果基础都一样,是什么让我们有别于其他物种/其他同类/其他产品? 

17.png

但是,人性太复杂。商业和营销一般会瞄准人性的弱点,但是从设计和宣传上来说,会发掘人性的优点,从人性中去提取好的一面,就叫做人格,而人格无非两个方面,那就是性格和气质。怎样去凸显一个产品是具有人格的,是具有与众不同的性格和气质的,其实是通过情感,而人格就是情感的核心,从这个意义上来讲,产品设计的重点就是为产品塑造人格,所以在设计产品之前,首先想清楚你想让你的产品成为怎样的人。

那么,如何为产品塑造人格呢?这里总结为如下四个方面:

18.png

1.宽容是最易实现的情感化设计
在使用一款互联网产品时,常出现两类错误,一种是用户出错,另一种是系统出错。面对这两类错误,从设计者的角度,我们该如何应对呢?(插入第17页PPT)
针对用户出错,就要求我们把用户想象成一个智商特别低、脾气特别差且完全没有耐心的人,想象一下,你有一个熊孩子,但你还是要爱他!
(长期作为用户的我们,是不是有种三观被刷新的感觉……)
这一点总结起来,就是要宽容用户,允许他们犯错,然后给他们机会。
2.体贴的设计表现出对用户的关注程度
李砚祖说过:设计是对人的全力关注。
设计也讲求以人为本,是否做到了以人为本,要关注以下四点:
关注用户场景: 

19.png

关注本质需求:

20.png

关注情感诉求:

21.png


关注弱势群体:

22.png

总结以人为本,就是要有同理心,能够跳出自己的圈子去理解用户。

3.聪明的设计永远最受欢迎:
想一想,一个产品具备了什么条件,会让你觉得TA是聪明的?
群众的声音:能解决目前的问题,如能够通过压力测试;根据你的操作,知道你下一步可能想干什么;可以让人用一次下次还想用……
金龙是这样说的:拟人!

23.png

作为一个社会人来说,更愿意和人而不是冷冰冰的软件打交道,这就是为什么在做设计的时候,我们会想方设法去关注它的外观,甚至设计彩蛋。我们现存的产品大部分是树状的路径设计,然而我们并不知道用户在什么地方想要去改变路径,这就要求一个聪明的设计必须是网状的路径,即在任何一个页面都能通过最短的路径到达想去的地方。而如何能使你的产品产生让人意想不到的体验,就可以在设计中增加一些彩蛋,超越用户的期望。因此,一个系统是否聪明,其评价标准有两点:懂你;使用起来是愉悦的。

4.隐形是设计的终极目标
先来看两个图标,大家认为哪个更好呢?
(考验你审美的时候到啦~~~)

24.png

左边,,左边,,,右边,,,,,,???
金龙的结论是:左边!
(怎么样,大家有没有猜对啊?)
为何是左边呢?那是因为,作为一个图标,用户并不关注你的图标里涉及的具体内容,你只需要告诉我这个图标代表摄像就ok啦!
来,再提个问题,我们常见的设计缺陷有哪些?
直接告诉你答案好了,那就是:设计不足和设计过度。

25.png


设计不足很常见,如设计中哪里遗漏了,哪里设计得不太好,但是,另外一种也很严重,那就是设计过度,因为,一般做产品或者做设计的人都比较有才华
(哈哈哈,此时办公室响起了热烈的掌声,当然,以我们产品与研发部门的童鞋们反响最为激烈~~)
那么问题来了,此时你是需要克制你的才华的,因为用户并不关注这个产品背后的设计师到底有多么聪明,你毫无节制地在设计中施展自己的才华,只会徒增用户的理解成本,所以,此时你需要克制情感,克制才华!
(诸位设计师们有木有感到一丝丝凉意~~~)
 
说到这里,金龙送给大家一段话:
“我认识外表光鲜漂亮内心聪慧的女孩,也认识才华横溢思想深刻独到的人,性格温和谈吐优雅的姑娘……真正的魅力是拥有这一切却懂得克制的人。年轻拥有一切好资本不值得稀奇,稀奇的是在如此年轻的时候,就懂得克制。”
(哇哦,瞬间觉得境界如此高深有木有!)
之所以送这句话给大家,是因为金龙觉得很多产品经理容易被自己感动,这和恋爱中的男生很像,神马送花唱歌摆蜡烛各种壮举,但是,人家菇凉不喜欢你,你说这不是纯属感动自己吗?
(只是个例子,希望不要戳中大家内心哈~~)
言归正传,要切记,用户是有目的地在使用产品,而非跑来看你的交互和界面设计得有多炫,这和做PPT是一样的道理,并不一定要花哨,但是必须得关注最基本的要素,从而传递出要表达的情绪。

26.png

好的设计是可见的,但伟大的设计永远是隐形的,好的产品是用户从使用产品本身就能感受到愉悦的。
 
总结一下金龙本期分享主题的内容,映射、直观、反馈和效率是现代网络交互设计的基础,而宽容、体贴、聪明和克制是情感化设计的基础。一个是交互的理性视角,一个是情感的感性视角,两条设计线路最终殊途同归。所以,要想设计一款好的互联网产品,首先想清楚你要走的线路吧!
 
最后,金龙又送给我们一句话:要有一颗极客的心,即要有好奇之心,同时还要有改变之力。前者很容易,但更重要的是如何能够在保持好奇之心的同时不断地去追求。
返回动态列表