大喜

这篇是去年写过的主题,现在觉得还有很多值得完善的地方,所以又把它拿出来修改了一下,增加了很多的内容,在改的过程中深刻的体会到,改比重新写还难…

以后也会不定期的改版之前的文章,敬请期待哟

拟人形法则指的是把事物人格化,赋予事物和人一样的特性,和我们人一样有感情、有声音、有动作。拟人能更加生动的表达出事物的特点,让人感同身受。而现在拟人在设计上的运用也日益广泛,把抽象的、用户不熟悉的元素拟人化,能让用户第一眼就知道你这个产品是什么,引起他们的关注,从而建立对产品的情感共鸣。

模拟人的形态

最基础的拟人化就是模拟人的外在形态——高矮胖瘦等,把自己的产品和人的外在形态建立联系。

UI 界面中,我们经常会用拟人化的卡通形象来增加页面的氛围,胖胖圆圆的圆润造型可以营造轻松、活泼的联想。

模拟人的动作

肢体语言往往比外在形态更生动,而且通用性更强。如下图 bilibili 的登录页,当用户输入密码的时候,页面上方两个卡通人物会用手捂住自己的脸。

其实这来源于生活中的场景,当你在银行取款的时候,输入密码的时候自己会用手挡住,别人也会自觉回避。当界面中运用到这一点的时候,用户看到的时候也会觉得很熟悉,会心一笑,对你的产品的好感度瞬间倍增。

模拟人的声音

人的声音和动作一样,都能在短时间内引起用户的共鸣。在自己的产品中植入一段有特点的音频,也是一个不错的选择。

这种在游戏类 app 里面最常见了,小孩子玩的益智类游戏也会经常出现,比如翻牌消消乐,错误的时候配合着抖动会发出 “啊哦” 的声音,有一种惋惜的意思,鼓励小孩子再接再厉
加入音频后会让反馈信息更加明确,因为音频本身就带有情感,正确、错误、开心与否都能通过声音体现出来。 

模拟人的行为

人是一个很奇怪的物种,大多数人都认为自己做一个决定的时候,是完全出于内心的选择、绝对不会受他人影响的。但其实人作为一个社会性物种,一言一行都会受到周围环境以及习惯的影响。

行为会受环境的影响

① 从众

社会心理学里讲过一个现象:从众心理,指的是个人的行为会受到外界人群行为的影响,而在自己的知觉、判断、认识上表现出符合于公众舆论或大多数人的行为方式。从众心理是部分个体普遍所有的心理现象。

其实在很多产品的设计上,都有在利用用户的从众心理,比如把产品的销量、评价数外漏展示的特别明显,仿佛在告诉用户我这个东西很受欢迎,很多人都买了,好评也很高,那么自然而然用户就会对这个产品多看一眼,而且最后很有可能也会购买。回想自己在淘宝购物的时候,是不是总是会选择销量最高、好评最高,这其实就是一种从众心理——大家都买的应该差不到哪里去。
② 攀比攀比也会激励人去做一件事情,各种 app 里都会有榜单排行榜,也是利用的用户的这一心理。
③ 奖励奖励算是影响人的行为的最快的一种方式了,新手注册、邀请好友、每日签到…各种奖励方式,都在激励用户。
各个奖励方式按照目的可划分为:拉新和留存,不同的目的所采取的奖励方式也不一样。当用户不熟悉你的产品的时候,通用奖励是一种很好的方式,通用奖励指的是你所奖励的东西不仅仅局限你的平台使用,而最常见、最能被用户接受的就是现金了,这也是拉新最常用的一种方式。

行为会受习惯的影响

俗话说三天能养成一个习惯,而且习惯养成后很难改变,每个人都会有自己的一点小癖好。一个吃素的人,你跟他宣传你的肉食多么多么的好吃,那也是徒劳无功,而一个天天吃肉的人你让他改吃素,这别人轻易也接受不了。

虽说每个人的习惯各有不同,但其中还是有些共性的,比如:按钮、卡片、头像给人感觉就是可点的、而置灰的就不可点了;点击弹窗旁边的蒙层可关闭弹窗;

所以在做设计的时候,我们可以去找找自己的目标人群有没有一些共有的行为习惯,针对这个共有的习惯去做一些针对性的设计。
拟人形法则并不仅仅只是模拟人的外在形态、动作、语言等,更深层次的是模拟人的情感。人的形态、动作、语言只是一种我们对他的认知。比如看到全身都是妖魔鬼怪纹身的人会不由自主的害怕、经常笑的人会给人面善的感觉、同一句话不同的语气表达的意思可以截然相反…
这些认知都是我们主观上所认为的,拟人形模拟的其实是一种内在情感,一种人们对他的主观认知,是人对现实世界的看法,而拟人的“人”只是起到一个媒介作用。 

模拟人的情感

我们这个时代的人在精神的诉求上比祖辈高太多了,这就要求设计师除了满足功能需求,也要去关注人们的情感需求

人性化的设计已经成为这个时代的主流了,想用户所想,为他们提供他们想要的服务,或者说让我们想推的服务被他们所喜欢。

把人们对现实世界的看法嫁接到产品设计上,投其所好,就能让自己的产品更容易被大众所接受,这里说的 “好” 指的是认知习惯,是每个人对这个世界存在的一些看法,有客观存在的、也有主观的,而且这个看法也会随着时间的变化而变化。

 

约定俗成的

有一些认知习惯,是这个社会自然而然形成的,红橙色系的颜色能够给人带来食欲,因为生活中的食物大多都是这个色系的,人们就形成了固有的认知。

当我们在实际工作中运用拟人形法则的时候,要千万注意这一点,不要盲目去做跟大众认知相悖的设计,而是要去做跟大众认知相符的。而把大众固有的认知习惯和产品相结合的一个最常用、最快捷的方式就是使用动物形象,自然界中绝大多数动物在人们的心里都有固有的印象,加上动物大多和我们人一样,有手有脚,在延展的时候更好延展。
比如印象笔记的大象,印象笔记作为一款多功能笔记类应用,对人们来说最重要的就是存储功能,所有记录的内容都不会丢失。
而正好大象在人们的眼里属于记忆力绝佳,永远不会忘记事情的动物,与云笔记想要传达出的理念完美契合;再比如美团外卖的袋鼠,袋鼠在哺乳动物里是跑的最快的,而美团想向用户传递 “美团外卖,送啥都快” 的品牌理念,那么袋鼠就是最好不过的方式了。

现实世界有的

当找不到约定俗成的习惯与自己的产品结合的较好的时候,我们也可以从现实世界中找灵感,模拟现实世界的场景,让用户对自己的界面有一种天然的熟悉感。

① 引导性界面

模拟现实世界超市、图书馆、机场等的指示牌。在现实世界我们到达一个陌生的地方首先会去看的就是指示信息,每一层有什么,要去的地方在哪里。

而在UI界面中也是一样,用户第一次进入,对于页面功能的放置不是很清楚,这就需要一些提示信息,特别是你的交互比较特殊,用户没有习惯的时候。
目前常用的滑动删除、长按复制、点击跳转页面都是前人为用户养成的习惯,所以不需要给予指引,相反这些已经成了用户习惯,最好也不要去改变它。 
② 界面与用户互动,即时给予反馈在现实世界里,我们和别人交谈的时候都希望是一问一答式的,更好的是我问一句别人能把我想知道的都告诉我。而在 app 中,我们也需要营造这样一种氛围,在用户进行一个操作的时候,即时给予反馈,比如支付订单的时候,即时告诉他支付的结果,成功或者失败;
在他做下一步操作的时候,提前设想他可能要做的事情,比如客服中心页面,会把一些用户常问的问题诺列出来。
当然不是所有的互动都要是一本正经的,适当的时候来点不一样的回馈会有意外惊喜,比如当我们给自己发的内容点赞的时候,会显示一个坏笑的表情
③ 空白页插画、走心文案人是群居物种,内心都是害怕孤独,渴望有人关爱的,所以我们可以为产品里那些平淡无奇的地方配上一点人文关怀,比如走心的文案、可爱的插画,减轻用户的烦躁心里,让用户能够感受到亲切。而这些细节能够成为产品与用户之间情感传递的桥梁,不仅能够增加用户对产品的好感度,还可以让产品更加深入人心。

举例实操

写到最后我们来举一个例子,来具体说明一下实际工作中可以怎么运用拟人形法则。

如下图,当你想要用户知道对图1的区域进行操作的时候,会出现2、3、4的功能,那么怎么样能够让用户清楚明白的知道这一点呢?

首先我们可以从我们日常生活中找这种例子,比如降国旗、卷纸、抽屉等等,都能让人知道这一区域是可操作的,操作后会出现新的内容,所以我们就可以将这一认知结合到界面中,比如:

  • 1. 在页面放置一个小的拉绳(降国旗);
  • 2. 将图1区域图形的边缘做成卷纸的形式;
  • 3. 将下方2、3、4的边缘露出一点,让人知道下方有内容(抽屉)

……

而这种模拟人情感的交互方式在第一眼就会让用户觉得熟悉,知道怎么操作

而微信理财通用的就是第一个方法,降国旗,用户看到这个小标志,不用任何引导他都知道下方会有内容 

总结

运用拟人形的方法能够快速引起用户的注意,建立积极正面的互动

拟人形不仅仅指的是模拟人的外形、动作、语言,还可以模拟人的情感,人对现实世界的感受

在遇到产品交互难题的时候,可以从生活中找例子,然后把它合理嫁接到产品设计上

参考文献:
http://www.uisdc.com/emotion-design-in-product-detail   于细微处动真情!聊聊产品细节中的情感化设计https://weibo.com/ttarticle/p/show?id=2309404046739794459001  设计法则第九招:拟人形
http://www.uisdc.com/prejudice-improve-design  这些深藏于人性的偏见,都是设计师手中的利器书籍:通用设计法则

 

原文地址:海盐社(公众号)
作者: 橙子的橙子

 

转载请注明:学UI网 » 拟人形法则在设计中的运用升级版

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
Atlassian 设计体系元老的经验分享Atlassian 设计体系元老的经验分享
设计修图,为什么如此实用?设计修图,为什么如此实用?
语音交互设计(二):设计流程与方法语音交互设计(二):设计流程与方法
成为一枚设计师该有的心态成为一枚设计师该有的心态
理性地定义视觉风格 - 情绪板理性地定义视觉风格 – 情绪板
如何让设计团队的工作效率提升50%?如何让设计团队的工作效率提升50%?
下拉菜单设计指南下拉菜单设计指南
数据化设计思维的养成数据化设计思维的养成
如何打破设计边界,驱动业务数据增长?如何打破设计边界,驱动业务数据增长?
基于后台产品的设计思考基于后台产品的设计思考