朱丽进 刘斌

摘要：随着移动互联的飞速发展，APP产品繁多，却留存率低，对于冰冷的手机设备，如何在UI界面设计中融入得当情感化设计，结合情感化设计的因素，让APP产品人性化，良好的用户体验，取得APP一定的市场竞争力。

关键词：情感化；UI；交互

中图分类号：TP311 文献标识码：A

文章编号：1009-3044（2019）09-0273-02

移动互联迅速发展的今天，回顾一下手机的发展历史，从手機刚进入市场不但价格昂贵而且仅有通话单一功能，当时还是重视技术的时代，人们把重点集中在，信号，待机时间和寿命等上面，对于手机造型，界面更是很少关心。技术发展到今天，功能基本都满足用户的需求，为了提高产品竞争力，越来越多的商家开始重视产品外观设计，如美观，个性，易学易用，人性化等等。其中近几年情感化的app UI设计更是吸引很多用户的眼球。

1 情感化设计的重要性

在APP种类繁多的今天，很多app产品使用率和留存率很低，产品生命周期很短，用户用过即抛，这也是一种成本的浪费。国际权威的人机交互专家Donald Norman博士强调，一个完好开发的、有凝聚力的产品，应该看上去美观，用起来舒心，使用户能愉悦地欣赏，快乐的使用，同时增强心灵和心思想的感受[1]。可见情感能够影响用户的感知，行动和思维，如果产品能够满足用户的正面积极的情感需求，就能实现产品的市场预期目标，越来越多的APP产品融入情感化设计，追求人们情感层面的需求。试想一下，手机虽然只是一个机器，但是用户与手机这个产品之间是能有情感传递的，它不仅仅是个冰冷的工具，这样用户在使用和体验过程中产生愉悦的产品才能走得更长远。

2 情感化设计的优劣

情感化设计是由Donald Norman在《情感化设计》一书中提出来的，并提出了产品情感三层次理论， 分别为本能层——外形 ； 行为层次——使用的乐趣和效用 ； 反思层次——自我形象 、个人满足 、记忆[2]。

产品本身想要追求用户使用后得到愉悦，但是要使用得当，有些事物在某种情况下可能会带来一些负面效应，我们在设计的过程中要尽量避开。一旦运用不当，本来想要愉悦用户的一些界面元素可能破坏了UI的整体可用性，会让用户增加认知的负荷和交互成本。愉悦也是因人而异的，对于同一个设计，可能一部分人看来是有趣的好玩的，对于另外一部分可能觉得会很糟糕，因此情感中的愉悦性具有主观性。对于用户群体不断扩大，想要产品的设计具有众人都有愉悦性会变得越来越难，不建议设计师尝试大胆创新的情感化设计，可以在一些小型产品上去尝试，并且积极去做好用户满意度调查，保留优点，及时修改不足之处。总的来说，大品牌的产品更倾向于简单直白的表达，有约定俗称的风格，这样更容易让用户接受的同时，也降低了出现歧义或者误区的可能性。

同时也不建议设计师在用户常见的产品中尝试为了追求“愉悦”性而尝试的大胆创新设计，一旦时间久了，会让用户产生审美疲劳。正是因为一些新鲜和不期而遇的事物才会让人产生心跳的感觉，所以建议设计师在app的账户设置，登录界面，提示信息或者404迷失界面中尝试情感化设计融入。

例如，readme网站的登录界面，有个萌宠的睁着眼睛的小猫头鹰，当用户切换到密码框进行输入时候，猫头鹰主动蒙上自己的眼睛，仿佛在告诉用户我不会偷看你的密码，传递给用户一种安全感，非常的体贴，减少用户登录时输入繁多字符的负面情绪。

3 情感化设计的因素

手机UI界面情感化因素可以从两个层面去分析视觉层面和交互层面。影响手机UI界面的因素有很多，比如：布局，色彩，文字和图形等等，这些元素相互配合，相辅相成构成一个整体，直接影响了用户的使用情绪[3]。

（1）布局

根据用户眼球运动的规律，用户对于界面的关注度呈现“F”型，所以手机界面设计布局时候，左上角经常是界面的主要内容。用户操作手机界面也是左右和上下方向的翻动，随着近几年扁平化风格的风靡，界面板式更是趋于越来越简化的方向。

（2）色彩

色彩是人眼最直观感受到的视觉效应，用户通过染色，可以感受到冷暖、软硬、远近、和轻重等感觉。不同的色彩会令人产生不同的情绪，如愉快，恐惧，孤独，绝望，悲伤等。例如出现一些重大悲伤都事情，一些门户网站如百度，他们都官方网站都会改为黑白色调，以示哀悼。当然好的UI界面设计，色彩搭配非常重要，虽然任何颜色都可以搭配，但是对于色彩都名都纯度对比，和面积对比，辅助色都调和以及色彩都呼应等等，想要把握到位，还是要不断都积累经验才能达到这样都高度。一般来说，主色调（主色+背景色）越战75%，辅色越战20%，点睛色越战5%，也可以运用邻近色搭配，同类色搭配和对比色搭配等。

（3）文字信息

文字都字体，大小，颜色，排版布局还有内容，都会直接影响着用户使用上都感受。例如由于手机屏幕大小都限制，文字大小不能小于22px，字体颜色和背景色都对比，文字所表达的内容，等等，都需要给予足够都重视，才能达到用户情感上的满足。

（4）图形

手机界面中图形的运用，这是UI界面非常重要的一方面，通图标，布局等都会用到，当然不同都设计方式，给人都视觉体验感也是不同都。例如ios都app中桌面启动图标都圆角正方形，搜索框都圆角矩形，好友列表中都线条分割，等等。点线面在手机界面中，以各种各样都形式存在着，通过有序都组织、分类、对齐、装饰、排列等，产生独特都美。

淘宝APP提示信息的情感化，它虽然是电商平台，在冰冷的手机机器上做买卖，也可以体会到暖暖的人情味。淘宝背后的设计团队，将产品化生成为一个有个性有故事的人，这样能够很好地得到用户的好感。例如网络不好的时候，用户访问淘宝页面的时候，它会安慰用户“网络竟然崩溃了，别紧张，试试看刷新页面”，购物车没有任何商品的时候，它像是一个朋友一样，热心温暖的关心你“再忙，也要记得买点什么犒赏自己”。

这些示例文字，一般都不超过18个字，但就这几个字都温馨消息提醒，用户有时候看到了能够会心一笑，就能说明这个设计已经是成功都了。

交互方式随着手机的不断发展，也在不断地丰富。按钮，屏幕手势，人脸识别，声音反馈，触摸反馈，重力反馈等等，使得现在的手机操作更加便捷省力。

4 总结

一个优秀的UI产品设计很好的融合好情感化设计，努力做到抓住用户的注意力，诱导情绪的反应，引导特定行为的触发，是非常必要的，因为这样不仅可以提高用户体验，提高产品的下载率，和使用率。当然，有机遇就会存在风险，要根据不同的产品和不同的用户群体去定位设计，否则会适得其反。

参考文献：

[1] 谢传伟.情感化设计中用户体验中的运用[J].设计，2014（02）.

[2] （美）唐纳德·A·诺曼.情感化设计[M].付秋芳，程进三，译.北京：电子工业出版社，2005：32/47-70.

[3] 张星月.基于情感化理念的手机UI界面设计与用户心里分析——以安卓与iphone手机UI界面对比分析为例[D].西安建筑科技大学，2017.

【通联编辑：代影】