情感化设计·实战案例篇

这篇文章会跟大家分享情感化设计的思路和方法，并结合丰富的例子，让大家更直观的感受情感化设计，以及情感化设计的妙用。

导语：时至今日，大家都已经深切的明白情感化设计的重要性和必要性。但毫不客气的说，情感化设计依然是很难的一个环节，即使掌握了情感化设计的理论基础和设计思想，却时常还是感觉不知道从何下手。所以就需要结合大量的案例来具体领会。

情感化设计的理论基础已附在文末《情感的艺术—诺曼·情感化设计》

一、案例分享

下面以诺曼·《情感化设计》的三层理论模型为依据，分别介绍每一层级上的设计案例。

诺曼·《情感化设计》的三层理论模型

本能层

1、俏皮的设计

可口可乐的营销案例。字可能看不清，左图写着“你算老几”，当喝完可乐就会看见答案“我的知己”（右图）

2、情景化设计

这是苹果的天气设计，很多天气类软件都有类似的设计。展现的情景跟当前的天气状况是实时对应的，白天云朵会飘，晚上甚至能看见星星。

3、彩蛋给人惊喜

Chrome浏览器搜索“灭霸”，点击右上角的“超能手套”，网页开始消失。真的有一种灭霸打个响指的感觉。如果声音外放，还能听见音效。

4、小变化给人新意

下图分别来自B站、微博和即刻。在点赞后会发生一些与众不同的变化，给人带来新意。

B站会出现B站小电视，微博再给林志玲点赞后会出现vow的表情，即刻更是喂猫前后分别用小鱼和鱼骨代替。不同情境下点赞，还会出现不同的动态效果。

5、别出心裁的设计让人眼前一亮

一加用小人托起卡针，虽然好像并没什么作用，但能感觉到设计师用心了。用心的产品总能让人放心。

一加

6、安全感

readme、Bilibili在输入密码的时候，会遮住眼睛，我试着感受下潜台词：我不看，你放心输入吧。

readme

Bilibili

7、doodle情感化设计

doodle先特指在logo上进行的一些创意表达，Google在这方面玩得最早也最多。

8、拟人化

Bilibili极力地在打造二次元形象，甚至能感觉到两位**姐的身高、体重、性格、心情，在Bilibili中就像有两位**姐一直在陪伴着。

Bilibili

夸克浏览器语音助手界面，两只眼睛忽闪忽闪的，可爱极了，像一只小精灵。

夸克

9、小游戏

Google浏览器在断网的时候会出现小恐龙游戏，也是很有趣。

Google浏览器

10、微动画

以google pay为例，它为每一笔交易奖励一张刮刮卡。这个微动画增强了感知。

google pay

行为层

1、充分考虑用户使用场景

Word模式网络小说，这简直是摸鱼神器啊，我是不会告诉你这是凤凰网书城的。强烈建议知乎加上，这样我摸鱼写文章的时候，就不用先在Word写好再复制过来了。类似的操作还有网易云阅读。

还有酷我音乐的这个“节奏灯光”把我逗笑了。它会根据节奏或者人声来控制闪光的频率，配合DJ食用效果更佳。“如果我是DJ你会爱我吗？”

酷我音乐

2、贴心关怀

腾讯视频在夜深的时候，顶部会出现提示：夜深了，并带上时间。虽然并没有什么卵用，我还是会继续看，但那一秒真的被触动到了。

腾讯视频

我知道美团外卖只是想促进转化，但这样恰逢时宜的提示，就不至于让人非常反感。

美团外卖通知

网易云音乐居然知道我生日，还让我挺意外的，不知道哪里泄露了隐私。不过先不管这么多，听听推荐的生日歌还是挺有感觉的。

网页云音乐生日提醒

3、进度提示

很多产品的成功页都会有个流程展示，流程的展示能给用户以确定的预期，从而消除因不确定而带来的焦虑感。

这里再举个Zenly的例子。

在加载联系人的过程中，会不断地出现新的文案并配合不同的表情。本来枯燥的等待过程，变得有趣起来，不然我可没有耐心等待那么长时间。

4、文案

Medium提醒我登录的文案与众不同。

先是给我道歉：“抱歉打断你了”。非常有礼貌，不过确实是打断我了，因为我当时正打开一篇新的文章。

紧接着灰色小字写着：“我们发现您以前在Medium阅读过，这里有个个性化的体验等着您，只需点击几步即可。现在去创建属于你自己的Medium吗？”

文案写得好才不至于那么令人反感，如果是很生硬的登录提示，当时我就直接点关闭了。

Medium

还有各种各样风骚卖萌的文案：

夸克：网页大师乘坐着404航班去追寻诗和远方了。

夸克：网页大师乘坐着404航班去追寻诗和远方了。

Colorful Pro：梧桐更兼细雨，到黄昏，点点滴滴

Colorful Pro : 梧桐更兼细雨，到黄昏，点点滴滴

webflow：嗯哼……那个蓝色的按钮一定很重要……

webflow：嗯哼……那个蓝色的按钮一定很重要……

5、反馈

这里先举个QQ音乐、网易云音乐和虾米音乐在无音乐版权情况下的反馈。

QQ音乐：我们的目标是星辰大海，哪里不满意的告诉我，我买！——土豪有钱任性

网易云音乐：这事不赖我，合作方要求的，我替你找合作方说理去！

虾米音乐：这事咱低调处理，没版权我也没办法，给您道歉了。

传达出来的态度完全不一样。

这三个反馈都是截止到2019710的最新版，上一版不这样。

QQ音乐：一如既往的壕气十足

网易云音乐：大哥饶命，我们一直在努力

虾米音乐：我们一直在努力，可否先看个MV先

其实我更喜欢网易上一版的文案，语气弱一些并用了个可怜的表情，弱势的语气更能获得谅解。

还有各种各样反馈的例子：

微信转账如果两笔金额一致，会出现确认框。避免误操作。

微信转账

iPhone充电，如果充电口存在液体，会出现安全提示。

iPhone充电提示

QQ音乐会员到期提示，用了我最爱的偶像周杰伦，并改编了周杰伦的歌词作为文案。让我感觉很亲切，虽然依旧是变成花样骗我钱，但这次并没有那么抗拒。

QQ音乐会员到期提示

反思层

1、情怀

张小龙的七星级产品—QQ邮箱，在登录的时候总会随机的出现一句话。有时候是许巍的《蓝莲花》、有时候会是两岁小孩的一幅画、有时候是一句名言……但下面这句话有点风骚，我不敢翻译。“Across the Great Wall we can reach every corner in the world”

QQ邮箱

“Across the Great Wall we can reach every corner in the world”

2、回味

扇贝是我天天用的一款软件，它每天都会带来一幅很精美的和一句让人回味无穷的话。每天打开扇贝，感觉又开启了有逼格的一天。

扇贝启动页

3、价值观和社会价值

Bing搜索和腾讯网404 no found界面用来做走失儿童公益。为了能让大家看得更清晰一些，这两张图我就不缩小了，希望宝贝能尽快回家。

Bing搜索

腾讯网

丁香园404 no found界面展现了因恶性医患遇害的同道，向他们表示哀悼。

丁香园

4、人文关怀

下图分别来自Pinterest和微信，Pin在搜索输入depress、suicide等极度负面情绪词汇的时候，会出现“Can we help”提示，告诉用户这些会让人情绪低落，如果你或别人正在经受困难，甚至想自杀或者伤害自己。我们可以帮助你，你并不是孤单一个人。

这正体现了一个企业的社会价值。

在Facebook修改了自己的感情状态，看到了这样的一则官方帮助贴，有点暖心了。

Facebook

在淘宝搜索穿山甲，心里一惊，居然有搜索结果，然后……给阿里点个赞吧，还是希望全民都能建立起保护意识，也希望尽快研制出新型药物。让我们一起来保护这个可爱的小家伙吧。

在淘宝搜索穿山甲

好例子太多了，以后有遇见好的例子会继续在这里更新。

这里需要说明的是，无论是在哪一层级上的设计，都会对其他两层产生影响。比如一个好看的界面设计，会让用户更能接受并理解他，从而得出这个产品不错的结论。 也就是说，情感化设计是整体性的，设计的时候都是需要综合考虑的，不存在只针对某个层级的设计。 只是说诺曼将“情感化设计”分为三个层级后，让我们找到了设计的侧重点，更加方便我们设计了。比如我们可以从本能层为切入点切入，思考得到一个设计方案后，再通盘考虑对行为层和反思层的影响，最后通过修正得到一个更恰当的解决方案。 下文根据层级对案例进行分类，只是为了更方便的进行阐述。

二、什么是情感化设计？

这是个老生常谈的问题，所谓的情感化设计就是 以用户情感角度为出发点的设计方式，以期让用户和产品发生情感上的连接。

现在流量明星都在努力塑造自己的人设，并主动频繁更新动态，让粉丝能更轻易的与自己互动，并发生情感上的连接。这些明星已经不像老一辈明星那样让人感觉遥不可及高高在上，反而让人感觉亲密无间。这些青春靓丽的小哥哥**姐成为了多少人的云恋爱对象。

产品也一样，早就不应该是冷冰冰的机器。

我们也应该给产品一个性格。逗逼、小可爱、稳重大叔、极客、情怀、可靠……这些有血有肉有温度有感情的产品，更能让用户产生情感上的共鸣。每个人都喜欢跟自己趣味相投的人在一起，对待产品也一样。

三、情感化的设计思路是什么？

我查阅了大量资料，也跟做用户体验的同事交流后发现，确实业内现在并没有一个统一的标准化的设计思路。

但幸运的是，我们浸*情感化设计多年，形成了一套我们觉得切实可行的情感化设计思路，今天就将其倾囊相授。

1、 首先需要明确目标，不是为了情感化而情感化。 作为一个设计团队，我们要先明确当前急需解决的问题，有策略有节奏的进行执行，大家方向统一目标一致，这样才有可能高效产出，并取得高分答卷。

假设：现在的目标是提升产品的品牌认知

2、 提取情感化关键词。 我们需要找到用户情感的诉求点，或者我们想传达的情感价值观。并将这些关键词提取出来，作为设计的核心关键词。

假设：提取的情感化关键词是活力、阳光和亲和

3、 寻找切入点。 切入点有非常多，比如统一的视觉系统、文案语言风格、惊喜感、趣味性、微交互等等

假设：我们以统一的视觉系统入手，可以对logo、色调、视觉元素、、插画等进行整体升级。

4、 具体方案细节设计。 我们对找到的切入点进行全盘的把握，然后再逐个击破，最后形成新版的情感化的设计方案。

以上是情感化设计的思路，总结起来就是如下：

情感化设计思路

四、情感化设计的作用

情感化设计的作用有很多：

1、情感化设计可以缓解用户的负面情绪——比如等待、产品出bug、无内容空白页、断网、服务器失联、错误操作等等

2、情感化设计可以引导用户行为——情绪是可以影响用户的感知、决策甚至是记忆的。我们可以利用这一点，比如当用户完成某项任务时，心理处于愉悦状态，我们就可以引导用户到应用商店给我们五星好评。再比如如果用户要注销账号时，卖个萌，是否可以让用户再考虑一下。

3、情感化设计可以提升品牌认同——持续的正面情感反馈，会让用户欲罢不能，并将这种情感投射到品牌上。这种极强的情感认同，会让用户产生极强的忠诚度。

4、情感化设计可以促进增长——这是一个潜移默化的过程，好口碑自然会有好增长。

有个误区：情感化设计大家似乎都在追求正向的情感，但实际上负面的情感也不是不能用。

比如

紧迫感：红包有时限、下单必须多长时间内支付。

心理学上的解释就是，当人类处于负面情绪时，会更集中注意力去解决当前的困境。当人类处于正面情绪的时候，思维会更开阔更有创造力。这也是人类进化而来的结果，正所谓饱暖思*欲，饥寒起盗心。

这也是为什么常常有产品经理抱怨：明明这个按钮那么明显，用户为什么看不见呢？这就是因为当用户处于困境的时候，真的就是进行重复操作，而让自己处于死循环中，最后无奈退出。退出的时候还要骂一句这产品真傻逼。

还有个使用负面情绪的例子是共享按摩椅。

它的喇叭刚好就放在头枕的位置，喇叭里面循环播放着广告词。正常路过的时候，并不会感觉很刺耳，但只要人往那一坐，是戴上耳机也无济于事。想眯一会儿，被这广告词吵得睡不着，但又不想放弃这么舒服的座椅。最后在几经挣扎下，还是乖乖扫码买单按摩了。仿佛耳边飘来一个声音：这个问题充钱就可以解决了。都是被人算计好了的。

五、情感化设计的风险

情感化设计的好处很多，但它的缺点也会对产品造成很大的伤害，我们不能不了解情感化设计的风险。

1、情感化设计存在时效性，一时新颖的设计，可能很快就会过时。

2、每个人成长环境不同、理解力不一样，这导致情感化设计存在较强的主观性。有人觉得还OK的设计，另外一拨人甚至感觉受到了冒犯。

比如下面优酷赠送会员的浮窗，理性看用户领取会员是最佳选择，优酷也想从文案上让原本二选一的选择题变成唯一答案的必选题。但这一句“不要了，我爱看广告”让我感觉受到了羞辱和嘲笑。我选择都不选，退出并清理后台。

优酷视频

3、情感化设计有时候会影响产品的可用性。因为它在分散用户的注意力，处理不好的话，反而会让用户偏离重心。

4、全球化的产品，一定要考虑到不同国家地区、不同种族和不同文化背景的感受。

5、从小众产品做到大众产品，情感化设计越来越难，因为众口难调。每一次设计，都会有人跳出来反对。甚至同一个人，因为他自己心情的变化，也可能对同一个设计作出相左的评论。

为了让我们更安全的进行情感化设计，我们总结出了一些原则：

1、在不常见的页面做情感化设计，比如登录注册页、退出登录、空白页、断网、弱网、服务器失联等边界场景，还可以在产品引入新功能时，用户完成里程碑式操作或成长时。

2、结合节假日或值得纪念的日子出现情感化设计。

3、尽量采用细微的变化。

4、不要欺骗用户情感。

我收到了即刻的一条通知“你好，我们应该认识很久了。”我一激动，这会是谁呢？慕名而来？

结果打开一看，是即刻的新功能介绍。那一刻我感觉到了欺骗。

即刻

5、不要太刻意，无意间的发现更能让用户惊喜。也可以准备一些彩蛋，给用户不期的惊喜。

6、不要干扰用户主线操作。

7、只做适合自己的情感化设计，不要为了情感化而情感化。情感化设计是饭后甜点，不能当正餐。

以上。

如下是产品经理系列文章：

汤涌：干货 | 产品经理入门完整版—能力模型、常用工具、书单、快速入门法​zhuanlanzhihucom 汤涌：如何进行需求收集？​zhuanlanzhihucom 汤涌：需求分析方法论​zhuanlanzhihucom 汤涌：从需求到落地，产品全链路实现流程​zhuanlanzhihucom 汤涌：从需求到产品，如何做一份无懈可击的产品设计​zhuanlanzhihucom 汤涌：情感的艺术—诺曼·情感化设计​zhuanlanzhihucom 汤涌：情感化设计·实战案例篇​zhuanlanzhihucom

一单选题（50题，500分）

1视频中说到NO14椅是谁设计的？A艾洛·阿尼奥BThonetC奇尼·波埃利D菲利普·斯达克

我的答案：D

2掷铁饼者这个雕像是哪位大师的作品？A欧几里得B阿基米德C希波格拉底D米隆

我的答案：B

3红蓝椅是哪位设计的作品？A艾洛·阿尼奥B奇尼·波埃利C里特维尔德DThonet10 分

我的答案：C

4视频中讲到的微笑曲线，其中横坐标中游指的是什么？A设计B研发C生产制造D广告10 分

我的答案：C

5“我所做的无非是模仿自然界向我们揭示的种种真实”这句话是谁的精彩言论？A高迪B克拉尼C汉宁森D雷蒙德罗维10 分

我的答案：B

6视频中提到新西兰奥克兰理工大学设计方法工具箱，其中第五步是什么？A创意拓展B创意评价C沟通D项目计划10 分

我的答案：B

7视频中提到插头，插头解决了一个什么样的问题？A安装led灯，防止夜晚看不到插孔B可以用来防触电C节约金钱D环保10 分

我的答案：A

8视频中讲到设计师卡斯狄里奥内兄弟设计一款什么名字落地灯？ADomeBBucketCARCODSphere10 分

我的答案：C

9哪个不是视频中提到《时代周刊》年度最佳发明？A自行车轮胎BRingly戒指C滑板D手机10 分

我的答案：D

10以下哪座城市因高迪的建筑闻名？A巴塞罗那B马德里C毕尔巴鄂D瓦伦西亚10 分

我的答案：A

11视频中提到1955年谁出任英国汽车公司任首席设计研发产品？A伊斯戈尼斯B阿尔弗莱德·斯隆C亨利·福特D沙里宁00 分

我的答案：B

12司母戊是哪个时期的代表作？

A 秦朝时期

B 西汉时期

C 商周时期

D 东汉时期

10 分

我的答案：C

13在矿泉水瓶身上做记号，主要目的是什么？

A 防止拿错

B 提高品位

C 增加情趣

D 扩大宣传

10 分

我的答案：A

14大众甲壳虫的设计师还用自己的名字创建了一个汽车品牌，它是？

A 奔驰

B 宝马

C 保时捷

D 法拉利

10 分

我的答案：C

15创可贴的设计解决了伤者什么问题？

A 伤口太大

B 流血过多

C 太太太疼

D 包的不紧

10 分

我的答案：D

16早期的手机曾被认为是身份的象征，被戏称为：

A 大哥大

B 大姐大

C 掌中宝

D 街机

10 分

我的答案：A

171949年设计的名为“椅”的扶手椅是哪位丹麦设计师的作品？

A 汉斯·韦格纳

B 比昂科尼

C 达芬奇

D 高迪

00 分

我的答案：D

18VALENTINE便携式打字机是哪位大师设计的？

A 卡斯狄里奥内

B 科拉迪诺·达斯卡尼奥

C 高迪

D 索特萨斯

00 分

我的答案：B

19VESPA类型踏板小摩托车的设计师是谁？

A 卡斯狄里奥内

B 科拉迪诺·达斯卡尼奥

C 贝利·金

D 高迪

10 分

我的答案：B

20哪一年莱特兄弟发明了第一架飞机？

A 1900

B 1901

C 1902

D 1903

10 分

我的答案：D

21莫里斯被称为什么运动的大师？

A 工艺美术运动

B 现代主义运动

C 新艺术运动

D 艺术装饰运动

00 分

我的答案：B

22工业设计大师克拉尼出生在哪个国家？

A 美国

B 法国

C 德国

D 日本

10 分

我的答案：C

23王老师在讲设计的种类的时候，没有提到以下哪种设计？

A 服装设计

B 产品设计

C 手机APP设计

D 电脑游戏设计

10 分

我的答案：A

24IDEA是哪个国家的比赛？

A 法国

B 英国

C 日本

D 美国

10 分

我的答案：D

25Paimio休闲椅是谁的家具设计代表作品？

A 艾洛·阿尼奥

B Alvar Aalto

C 里特维尔德

D 菲利普·斯达克

10 分

我的答案：B

26视频中有一张照片是美国总统奥巴马和一个小孩的照片，图中有个大炮，这个大炮是发明什么的？

A 蛋糕

B 面包

C 棉花糖

D 冰激凌

10 分

我的答案：C

27我们讲了一个什么样的设计原则？

A 意料之外，情理之中

B 意料之外，情理之外

C 意料之中，情理之中

D 意料之中，情理之外

10 分

我的答案：A

2821世纪前几年，出现了很多新的手机，以下哪个不是当时的新设计？

A 彩屏手机

B 全键盘手机

C 照相手机

D 投影手机

10 分

我的答案：D

29天鹅椅是哪位设计师的作品？

A 艾洛·阿尼奥

B Alvar Aalto

C 雅各布森

D 里特维尔德

10 分

我的答案：C

30视频中提到新西兰奥克兰理工大学设计方法工具箱，其中第三步是什么？

A 项目计划

B 市场调研

C 创意碰撞

D 创意拓展

10 分

我的答案：C

311994年Mini汽车归入哪家汽车公司旗下？

A 奔驰

B 宝马

C 通用

D 福特

10 分

我的答案：B

32蝴蝶凳是哪位日本设计师的作品？

A 原研哉

B 福田繁雄

C 柳宗理

D 杉本贵志

10 分

我的答案：C

33下列哪个不是视频中提到的设计的性质？

A 设计具有美观性

B 设计具有魔幻性

C 设计具有商业性

D 设计具有宜人性

10 分

我的答案：B

34在萌芽期把什么成为第一位考虑的因素？

A 商业为先

B 功能至上

C 创新求变

D 以人为本

10 分

我的答案：B

352015年意大利米兰世博会中国馆标志设计，其中红色代表什么？

A 天空

B 田野

C 人和生命

D 粮食

10 分

我的答案：C

36视频中提到荷兰代尔夫特理工大学把创新设计的过程分为四个阶段，其中第一个阶段是什么？

A 实现

B 严格发展

C 寻找创意

D 设计政策

00 分

我的答案：C

37鸡蛋为什么一头大一头小，以下哪个选项不是这种形状的优势？

A 母鸡容易生出来

B 掉到地上滚不远

C 表面抗压能力好

D 防止天敌叼着跑

10 分

我的答案：D

38以下哪一条不是北欧设计的特点？

A 有机造型，曲线风格

B 善于使用新材料

C 重视手工制作家具

D 紧凑小巧，严谨刻板

10 分

我的答案：D

39下列哪个不是视频中提到的从事设计工作的素质？

A 有新颖的创意

B 善于发现生活的问题

C 喜欢改变和挑战

D 不喜欢动脑

10 分

我的答案：D

40下列哪个不是工业设计萌芽期的特点？

A 功能为导向

B 价格为导向

C 培育市场

D 设计处于从属地位

00 分

我的答案：D

41创立于1953年，哪个奖是由德国历史最悠久的工业设计机构——汉诺威工业设计论坛举办的？

A 红点奖

B G-Mark设计奖

C IF设计奖

D IDEA奖

00 分

我的答案：A

42AEG公司邀请实用美术学院的谁担任公司的艺术顾问？

A 格罗佩斯

B 马瑞安·布朗特

C 雷蒙德·罗维

D 彼得·贝伦斯

10 分

我的答案：D

43我们讲了三个关于苹果的作业，以下哪个是课上讲到的例子？

A 某女生偷吃苹果被赶出伊甸园

B 某男生被苹果打到头发现万有引力

C 某老师排队买苹果手机买到水货

D 某同学成功研制一种苹果桃

10 分

我的答案：D

44我们讲到的卫生间小便池应该改进什么方面？

A 形状

B 颜色

C 高度

D 材质

10 分

我的答案：C

45我们介绍的是德国的什么奖？

A 蓝点奖

B 红点奖

C 绿点奖

D 黑点奖

10 分

我的答案：B

46通用汽车公司的董事长是谁？

A 亨利·福特

B 阿尔弗莱德·斯隆

C 高迪

D 卡尔·本茨

00 分

我的答案：D

47达芬奇总共完成了多少幅油画？

A 18

B 19

C 20

D 21

00 分

我的答案：D

48设计致力于发现和评估与下列项目在结构、组织、功能、表现和什么的关系？

A 地域

B 经济

C 传媒

D 游戏

10 分

我的答案：B

49达芬奇总共完成了多少幅壁画

A 4

B 3

C 2

D 1

10 分

我的答案：C

50在成熟期把什么成为第一位考虑的因素？

A 功能至上

B 商业为先

C 以人为本

D 创新求变

10 分

我的答案：C

以往的经验认为，决策是理性思维的过程，感性参与的的成分很小，诺曼从心理学的角度出发，阐述感性思维对于决策的重要性。

或许就是一些不起眼的体验细节，影响了使用的情绪，从而影响我们了我们对整个产品的认知。

我收藏了一些茶壶。其中有一个茶壶完全不可以用，因为茶壶嘴和茶壶柄在同一边。它是由法国艺术家雅克·卡洛曼创造的，卡洛曼称它为咖啡壶:一个“专为受虐狂设计的咖啡壶”。我的这个茶壶是原物的一个复制品，它的一张照片在我写的(设计心理学)(The Design of Everyday Things)那本书(编者注:指的是英文原版书)的封面上。

我收藏的第二个茶壶被称为“Nanna茶壶”，它独特的圆墩墩的外形，出人意料地大受欢迎。第三个茶壶有点复杂，却很实用，它还可以“倾斜”，是由德国Ronnefeldt公司制造的。

卡洛里的茶壶故意设计得没法用。Nanna茶壶尽管看起来有点笨拙，但实际上却很好用。它是由著名的建筑师和产品设计师Michael Graves设计的。那个倾斜的茶壶是我在芝加哥的四季旅馆(Four Seasons Hotel）喝午茶时发现的，它是根据泡茶的几个阶段设计的。用它泡茶时，我先把茶叶放在里面的搁板上(在壶的内部，从外面衡不到)，并把茶壶平躺放置，茶叶浸入水中。在茶将要泡好时我把茶壶倾斜起来，使它与菜面成一定的角度，部分茶叶离开水。在茶完全泡好后我把茶壶竖起来，茶叶不再和茶水接触。

这些茶壶中哪一个是我经常用的呢，答案是，一个也不常用。

我每天早晨都喝茶。早展，效率是第一的。因此，醒来后我走进厨房，按下日式热水器的按钮烧水，用勺子取出切好的茶叶放进小的金属泡茶球里。然后，我把金属球放在茶杯里，倒入热水，泡上几分钟后我的茶便可以喝了。这样既快速高效，还容易清洗。

为什么我会对收藏的茶壶如此着迷呢为什么我会把它们陈列在厨房的窗台尽管我不用它们，也把它们摆在那里，让自己看得见。

我珍视我的茶壶，不仅仅是因为它们可以泡茶，而且还因为它们本身是雌塑艺术品。我喜欢站在窗前审视它们所具有的不同形状。欣赏光在它们各种曲面上不停跳跃。当我招待客人或闲暇时，我会因Nanna茶壶更的魅力而用它泡茶，或者因倾斜茶壶的灵巧而用它泡茶。对我来说，设计是，要的，但是我选取哪种设计则由场合、情境，尤其是我的心情决定的。这些茶壶不只是本来用，作为艺术品，它们还使我的每一天变得轻松。不过，也许更重要的是,每一个茶壶都表达了自己的意义:每个茶壶都有自己的故事。第一个反映了我的过去，我对无法使用的物品的讨伐;第二个反映了我的未来，我对美的不懈追求;而第三个则反映了美观和功能的那种完美的结合。

茶壶的故事说明了产品设计的几个组成部分:可用性《或缺少可用性》、美学和实用性。在创造一个产品时，设计者需要考虑多种因素:材料的选择、加工的方法程度等。产品的营销方式、制作的成本和实用性，以及理解和使用产品的难易。但是，多数人没有认识到，在产品的设计和使用中还有很浓重的情感成分。在这本书中，我认为，设计里包含的情感成分可能比实用成分对产品的成功更重要。

茶壶的故事也说明了设计的三个不同层面:本能的、行为的和反思的。本能设计关注外形，这是Nanna茶壶胜过其他的地方—我非常喜欢它的外形，特别是当它盛着玻拍色的茶水，下面用蜡烛火焰把它照亮时。行为涉及与使用的乐趣和效率有关，在这方面，倾斜的茶壶和我的小金属球都是赢家。最后，反思设计考虑产品的合理化和理智化。我能讲一个有关它的故事吗它能迎合我的形象和品味吗我很喜欢一边向人们展示倾斜的茶壶如何工作，一边向人们解释壶身的位置代表着哪个沏茶阶段。当然，“专为受虐狂设计茶壶”完全是反思设计，它不是特别漂亮，而且根本没有用，不过，它却讲了一个极好的故事。

超乎物品设计之上的，还有一项个人要素，这是任何一个设计者和制作者都无法提供的。生活中的物品对我们来说绝不只是物质上的占有。我们以它们为骄傲，不一定是因为我们在炫耀自己的财富或地位，而是因为它们赎予我们生活的意义。一个人最喜欢的物品可以是不贵的小装饰品、磨损的家具，或者照片和书，而且常常是破了的、脏了的或者褪了色的。喜爱的物品是一种象征，它建立了一种积极的精神框架，可以唤起一段快乐的记忆，或者是代表一个人的自我。而且这一物品常含有一个故事、一段记忆，或者把我们个人与特定物品、特定事件联系起来的某些东西。

本能的、行为的和反思的这三个不同维度，在任何设计中都是相互交织的。对于任何一种设计，其中一个维度都没有是不可能的。不过，更重要的是，要注意这三个维度如何与情绪和认知相互作用的。

人们一般倾向于认为认知和情绪是对立的，把情绪说成是激动的、兽性的和不理智的;而把认知说成是冷静的、人性的和有逻辑的。这一对立来自历史悠久的以理性逻辑推理为荣的理性传统。它认为在高度发展的文明社会里，情绪是不合时宜的，它们是人类动物起源的遗留物。我们人类必须学会凌驾于它们之上。至少那样做被认为是明智的。无稽之谈!情绪是认知不可分离、不可缺少的一部分。我们所做的每件事，所想的每件事都影响着情绪，不过在许多情况下，这种影响是潜意识的;反过来，我们的情绪也会改变我们的思维方式，也会一直指引着我们做出恰当的行为，引导着我们趋利避害。

一些物品会激起强烈、积极的情绪，诸如热爱、依恋和快乐。在评论BMW的Mini Cooper汽车‘如图05所示)时，《纽约时报)评述说:“无论什么人想起Mini Cooper的动态特征，从非常好的到不重要的，可以公正地说，在近来的记忆中、几乎没有任何其他新汽车能引发比这辆车更多的微笑。”观看和驾驶这辆车是这样的有趣，以至于评论者建议你忽略它的缺点。

几年前，我和设计师Michael Graves一起参加一个录音节目。我批评Graves设计的一个作品—"Rooster”茶壶，因为尽管它看上去很好看，却很难用—倒水时会有被烫伤的危险。就在这时，一位拥有“Rooster“茶壶的节目听众打电话说，“我喜爱我的茶壶，“他反驳说，“当我早展醒来走进厨房泡茶时，它常使我徽笑。’他的意思好像是:“有点难用又怎么样呢只要小心点就可以了。它很可爱，它让我徽笑，这是早晨的第一件事，而早晨的第一件事是最重要的。

当今社会技术进步的一个副作用是:僧恨与我们打交道的物品，是再平常不过的事情。请想一想人们在使用电脑时所感到的愤怒和挫折。伦敦的一家报纸在一篇名为《对电脑发火》(Computer rage)的文章中，这样写道:刚开始只是轻徽的烦恼，然后是怒发冲冠和手脚出汗，不久你用力做敲打你的电脑并对着屏幕大叫，最后，可能以你揍了你的邻座而结束。

在20世纪80年代，我在写作《设计心理学》时没有考虑到情感。我指出实用性和可用性，功能和外形，所有这一切都是以一种逻辑的不带感情的方式运作的—尽管设计不好的物品会令我发火。但是，现在我改变了。为什么呢在某种程度上是因为我们对大脑及对认知与情绪如何相互作用有了新的科学见解。我们科学家现在认识到，情绪对我们的日常生活有多么的重要，多么的有价值。当然，实用性和可用性也是重要的，不过如果没有乐趣和快乐，兴奋和喜悦，焦虑和生气，害怕和愤怒，那么我们的生活将是不完整的。

和情感一起的还有另外一个方面:美感、漂亮和美丽。我在写《设计心理学》时并不是有意贬低美感或情感，我只是想让设计界把可用性的地位提升到它应有的位置，即与美学和功能齐平的位置。我觉得美学的主题在其他领域已经得到了广泛的讨论，因此我忽略了它。结果，设计者提出了很有价值的批评:“如果我们遵循诺曼的指示，我们的设计会是能用的——但它们也会是难看的。

实用却难看!这是一个相当刺耳的判断。唉!不过，这一评论却是正确的，因为实用性强的设计不一定好用。这正如我在三个茶壶的故事所揭示的那样，吸引人的设计不一定是效率最高的设计。不过，这些性质非得相互矛盾吗美和智慧，乐趣和实用可以并存吗

所有这些问题都驱使着我开始行动。我的兴趣被科学的我和生活的我之间的差异激起。在科学中，我忽视审美和情感，把注意力集中在认知上。的确，我是认知领域的早期工作者之一，这些领域今天被称为可用性设计和认知科学。可用性设计这一领域就扎根于认知科学。认知科学是由认知心理学、计算机科学和工程学，以及以系统严密和逻辑思考著称的分析学组成的交叉学科。

然而，在我的个人生活中，我参观美术馆，聆听或演奏音乐，并且以我居住的住宅是经过设计师设计的为骄傲。尽管在我的生活中这两个方面是相互独立的，但是它们并不相互矛盾。不过，在我早期的职业生涯中，我经历了一场不可思议的挑战，这一挑战源于一个不太可能的事件，即电脑彩色显示屏的应用。

在个人电脑的早期，根本就没听说过彩色显示器，多数显示器屏幕都是黑白的。当然，苹果II电脑是最早的可以显示彩色的计算机，但只限于游戏中。在苹果II电脑上做的任何重要工作都是黑白的，通常是黑色背景白色文字。在20世纪80年代早期，当彩色屏幕首次被引入个人电脑时，我很难理解它的吸引力。那时候，主要是用颇色来强调文字或者给屏幕添加不必要的装饰。从认知的观点来看，彩色没有超过黑白影像所提供的价值，不过，商店却宁愿多花钱来购买彩色显示器，尽管没有什么科学理由。显然，彩色满足了人们的某些要求，但是这些需求我们还无法测量。

我还曾借了一个彩色显示器来看看为什么人们对它趋之若鹜。很快，我确信我开始的判断是正确的，彩色并没有为日常工作增加任何可见的价值。不过，我却无法放弃彩色显示器。我的理智告诉我彩色是不重要的，但是我的情感却在告诉我彩色是重要的。

在**、电视和报纸领域，也同样可见这一现象。一开始，所有的**都是黑白的，电视也是黑白的。制片厂和电视制作商都反对引入彩色，理由是这样会增加巨大的成本，而带来的收益却微乎其微。毕竟，**和电视就是在讲故事，彩色能带来什么不同呢但是，你会回到黑白电视或黑白**的时代吗今天，**或电视被拍成黑白的也只是为了艺术和审美的原因，即避免丰富的色彩会产生强烈的情感陈诉。然而，这种情况并没有完全移植到到报纸和图书领域。虽然所有人都同意彩色刊物往往更受欢迎，但是它带来的收益是否足以收回它产生的额外成本，则仍然处于激烈的讨论中。尽管色彩已悄然出现在报纸页面，但上面的大多数照片和广告仍是黑白印刷的。图书也是如此：本书中引用的照片就全是黑白的，尽管原始照片是彩色的。很多图书中，唯一出现色彩的地方是封面，大概是为了诱使你去购买，但一旦你把它买走后，封面上的那些色彩就再也拍不上用场了。

让我们来看一个筒单的例子。请想像一个长10M宽1M的又长又窄的厚木板，把它放在地面上，你可以在上面走吗当然，你可以蹦篇跳跳甚至闭着眼睛走。现在把木板架到离地面3M高，你可以在上面走吗是的，尽管你会更加小心。

如果木板离地面100M会怎么样呢我们大多数人都不致走近它，即使这时在木板上走和保持平衡并不比木板在地面上时困难。一个简单的任务怎么突然变得这么困难了呢你头脑的反思部分能够认识到在一定高度的木板上走和在地面上的木板上走一样容易，但是自发的本能却支配着你的行为。对于大多数人来说，本能会获胜——恐惧感占据了支配地位。你还可能对你的害怕做合理化的解释，木板有可能会折断，或者有可能会被风吹下来。不过，所有这些有意识的合理化解释都发生在事实之后，发生在情感系统释放了化学物质之后。情感系统的运行与有意识思维是独立运作的。

最后，情绪和情感对于日常的决策中起到至关重要的作用。神经科学家安东尼奥AntonioDamasio曾对脑损伤的病人进行过研究，他们除了情感系统受损之外，其他一切正常。研究结果显示，他们虽然表面上正常，但无法在生活中作出决策或有效行使职责。尽管他们可以准确地描述他们本来应该如何反应，但是却无法决定住在哪里、要吃什么，以及使用和购买什么产品。这一发现与惯常的观点相矛盾。通常人们认为决策是理智的逻辑思维的结果。但是，现代研究表明、情感系统通过帮助你在好和坏之间迅速做出选择，来减少需要考虑的要素，从而对你的决策制定提供直要帮助。

正如达马西奥Damasio所研究的病人那样，情绪缺失的人们常常无法在两个事物之间作出选择，特别是当两种事物看起来价值相当时。你想在周一还是周二约会你想吃米饭还是烤马铃薯这些恨简单的选择吧是的，也许是太简单了，以至于根本不需要理智的方法来进行决策，这时正是情感发挥作用的时候。大多数人当作完一个决定后被问为什么时，经常会说不出原因，可能回答说:“我只是想这样做。决定必须要让人“感觉良好”，否则这个决定就要被否掉，这种感觉就是情绪的表现方式。

情感系统与行为紧密相连，它能让我们的身体做好准备，以对特定情景做出恰当的反应。这是你在焦虑时感到紧张不安的原因所在。在肠胃中“令人作呕’的感觉和“打结”的感觉并不是假想的——这是情绪控制你的肌肉系统，甚至你的消化系统的真实表现。因此，合意的味道和气味使你分泌唾液进行摄取和吸收，讨厌的味道和气味使你肌肉紧张，从而为后面的反应做好准备。而腐烂的味道则会使你撅起嘴吐出食物，还使你的胃部和肌肉收缩。所有这些反应都是情绪体验的一部分。我们确实会感觉到舒服或不适，放松或紧张。情绪是判断性的，使身体做好相应的准备。你那有意识的、认知的自我会观察到这些变化。下次当你感觉某事好或者坏，虽然自己不知道为什么时，请聆听你身体的声音，遵循情感系统的指引就没错了。

正如情绪对人类行为很至关重要一样，它们对智能机器也很重要，特别是对将来能给人们日常活动带来帮助的自动化机器也同样重要。智能的机器人要想成功就必须拥有情绪(在第6章中将更详细地讨论这一话题)，它们的情绪不一定和人类的情绪相同，但不管怎么说，也能被称为情绪，是为满足机器人的需求而为它们量身定做的情感。而且，将来的机器和产品应该能够感知人们的情绪，并做出相应的反应。例如，当你心烦时它哄你、安慰你并陪你玩。

正如我所说的，认知负责诠释和理解你周围的世界，而情绪使你可以对世界做出迅速的判断。通常，在你从认知商对某个情景进行评估之前，你在情绪上已经作出了反应。因而生存比理解更重要，但有些时候却是认知先行。人脑的功能之一就是它能憧憬未来、想像未来，并对未来进行计划。在头脑展开创造想像的翅膀时，思维和认知释放了感情，并且反过来也改变了它们自己。为了解释这是怎么回事，现在让我，探讨一下情感和情绪的科学。

在国内相对UI设计，我们才刚刚开始起步，与国际水平还是有不少差距的。如果有同学想学习ＵＩ方面的知识以下推荐一些（国外翻译）经典的书： 01。《交互设计——超越人机交互》 02。《设计心理学》 03。《情感化设计》04。尼尔森的《可用性工程》 05。李乐山老师写的《工业设计心理学》和《人机界面设计》推荐网站： http://wwwuigardennet/ http://wwwuirsscom/Modules/indexasp http://wwwchinauicom/ http://wwwuitimescom/ 以上介绍的书，自己还没全部看完。正在看 《设计心理学》绝对是超值的！没去看是你们的损失。 UI方面，大家需要注意的是，视觉效果固然重要，但“产品设计中交互设计性” 人性化。实用性。 也是很重要的，揉合这些，从而在整体上达到一个平衡。感觉国内现在大多数都是却少理论性的指导，对于UI设计都是只看到其表面而非窃其内精华。 引用一个别人的，让大家好了解一下GUI设计例子：我所在的这个城市坐公交车可以打卡，因为在刷卡的过程中会发出“嘟嘟”的两声提示，因此在开始用这套系统的时候，很多乘客会和司机发生争执，他们因为两声提示音就误以为是刷了两次卡，非要司机退他们一次的车钱。遇到这种情况司机总要解释很久。 现在好像有些改进了，提示音变成了一声，也再没有这种纠纷了～～ GUI的定义GUI(Graphical User Interface)是一种结合计算机科学、美学、心理学、行为学，及各商业领域需求分析的人机系统工程，强调人—机—环境三者作为一个系统进行总体设计。 这种面向客户的系统工程设计其目的是优化产品的性能，使操作更人性化，减轻使用者的认知负担，使其更适合用户的操作需求，直接提升产品的市场竞争力。GUI即人机交互图形化用户界面设计。纵观国际相关产业在图形化用户界面设计方面的发展现状，许多国际知名公司早己意识到GUI在产品方面产生的强大增值功能，以及带动的巨大市场价值，因此在公司内部设立了相关部门专门从事GUI的研究与设计，同业间也成立了若干机构，以互相交流GUI设计理论与经验为目的。随着中国IT产业，移动通讯产业，家电产业的迅猛发展，在产品的人机交互界面设计水平发展上日显滞后，这对于提高产业综合素质，提升与国际同等业者的竞争能力等等方面无疑起了制约的作用。 GUI 定义 GUI--Graphical User Interface即人机交互图形化用户界面设计经常读做“goo-ee” 准确来说GUI就是屏幕产品的视觉体验和互动操作部分。GUI 准则 ◆减少用户的认知负担 ◆保持界面的一致性 ◆满足不同目标用户的创意需求 ◆用户界面友好性 ◆图标识别平衡性 ◆图标功能的一致性 ◆建立界面与用户的互动交流 GUI 应用领域 ◆手机通讯移动产品 ◆电脑操作平台 ◆软件产品 ◆PDA产品 ◆数码产品 ◆车载系统产品 ◆智能家电产品 ◆游戏产品 ◆产品的在线推广GUI 的发展史 图形用户界面这一概念是70年代由施乐公司帕洛阿尔托研究中心提出。我们现在据说的普遍意义上的GUI便是由此产生的。 ★ 1973年施乐公司帕洛阿尔托研究中心（Xerox PARC）施乐研究机构工作小组最先建构了WIMP(也就是视窗，图标，菜单和点选器/下拉菜单)的范例，并率先在施乐一台实验性的计算机上使用。 ★ 1980年ThreeRivers Perq graphical workstation ★ 1981年 Xerox Star ★ 1983年 Visi On 此图形用面最开始是一家公司为电子制表软件而设计的，这软件就是具有传奇色彩的VisiCalc 在1983年，首次介绍了在PC环境下的“视窗”和鼠标的概念，其先于“微软视窗”的出现，但VisiOn并没有成功研制。 ★ 1984年苹果的Lisa与Machintosh Macintosh,于1984年发布，是首例成功使用GUI并用于商业用途的产品。从1984年,Macintosh的GUI随着时间的推移一直在修改，在System 7中，做了主要的一次升级。2001年的Mac OS X问世是其最大规模的一次修改。 ★ 1985年Amiga Intuition阿米高直觉电脑Amiga计算机公司于1985年研究一款运用GUI的电脑，叫Intuition。Amiga GUI在当时独一无二，因为在那时候GUI还不能提供足够的控制功能，AMIga就已经能使用弹出式的命令行界面(CLI)了。 ★ 1986年GEM GEM是基于IBM电脑系统上运行而发明的一种可选择性视窗系统，也可以在MS-Dos(像微软视窗)或者CPM-86上运行。GEM在PC领域只取得很小的成功，但是后来做为本土GUI被应用了Atari ST电脑之上。 ★ 1987年Apple Macintosh II 1987年3月APPLE公司推出了MAC II,是第一台有颜色的MAC苹果机 ★ 1988年RISC OS RISC OS是一种彩色GUI操作系统，其使用三键鼠标以及任务栏（也叫图标栏），以及一个文件导航器（类似于Mac OS）。 ★ GEOS GEOS是另外一个非常早期的图形桌面系统。最开始是为了8-bit家庭电脑Connodore 64而制作的，后来转入到IBM的电脑系统。 ★ 1990年Microsoft Windows 30第一个微软视窗版本在1985年发表，是基于MAC OS的GUI设计。Window 10是基于MS-DOS操作系统的图形化用户界面（GUI），Windows 20是后续版本。后来的一系列GUI视窗版本都基本类似于windows 30的界面。 ★ 1992年Amiga Workbench 3 ★ 1993年Windows NT ★ 1994年 QNX Photon Microgui QNXr软件系统发布了第一个嵌入式微核的视窗系统 ★1995年 Windows 95 1995年8月24日，微软发布了Windows 95 ★ 1996年IBM Releases OS/2 Warp 4 ★ 1997年Mac OS 81997年7月,MAC OS 8发布,成为当时热销的一个软件 ★ 1998年 Windows 98 ★ 1999年APPLE Mac OS x ★ 2000年APPLE AQUA 2000年1月5日,APPLE发布了AQUA, 是MacOS X的新界面 ★ 2001年Windows XP ★ 2003年 Windows Server 2003 ◆形象授权手机GUI概述 ◆智能手机GUI概述 流行手机GUI 发展特点 ◆画面品质更趋细腻精致 ◆操作方式更趋个性化 ◆娱乐型更强◆操作方式更新奇 ◆视觉体验更细分 授权手机GUI概述 以各种知名形象作为主题的GUI方案 特点：紧跟市场热点 把握已有用户群 智能手机GUI 概述 _ 兼具PDA和手机强大功能、操控性更好的智能手机难免因其功能和操作平台，在GUI上受到更多的限制。 智能手机GUI 概述 智能手机GUI重要点： ◆更为人性化的视觉优化 ◆更具识别性的图标及其它元素 ◆更具可操控性和扩充性的使用易用性 ◆更具有企业品牌特色的视觉识别性 GUI 的品牌建立目标如何使得用户能够接受产品、并加强对产品品牌印象、进而提升他们对产品的依赖度、信任度、最终成为最忠实的固定目标消费群，对于产品而言，无疑是非常重要的关键点。因此具有企业文化特征的产品品牌需要渗入进产品的GUI,形成其独特的产品魅力。 什么是品牌 品牌是从具体产品中抽象出来的概念，潜移默化地影响着人们的思维定式品牌不再以某种产品的具体功能为诉求对象，转而探求一个社会的精神状态以及人们的心理活动，而这些又构成了产品得以推广的深层市场基础。 品牌包含了：质量、价格、服务、信誉、文化、认知 品牌成功的因素表面上看产品的品质、设计和不断创新吸引了消费者，实质上应归结于其品牌背后所融入的企业文化所产生的四种价值取向： ◆消费者满意 ◆尊重个人◆成就感◆不断的学习 产品GUI品牌趋势在产品性能和品质越来越同质化的竞争条件下，唯一可以形成差异和不可模仿的就是由企业文化所塑造出的品牌。而个性的衍变而对产品所产生的文化价值和内涵，将是趋势所在。 点诚设计为广大用户提供优质、全面、量身定做的软件界面设计、游戏界面设计、手机界面设计、PDA界面设计、MP3界面设计、MP4界面设计、掌上多媒体播放器界面设计、掌上学习机界面设计、网站界面设计、数字电视界面设计、电子显示屏终端界面、手机游戏设计等设计方案。

希望采纳

情感化设计这本书中提过这样一个例子，假如把一个长10m宽1m的木板放到地面上，我们可以很容易从上面走过，如果把这个木板抬高10m，20m，100m，我们将很难从上面走下去，甚至不敢靠近它。

认知和情感是相互影响的，一些情感状态可能由认知驱动，而认知也常常受到情感影响。

我们常用逻辑来为自己做决定，即使我们的情感告诉着我们另外的决定。

情绪是判断性的，当你下意识感觉某件事好或者坏，自己却不知道为什么时，请聆听你身体的声音，感受情感系统的智慧。