基于互联网情感特征的Web界面设计新思略

郭文静，李越琼



基于互联网情感特征的Web界面设计新思略

郭文静，李越琼

(佛山科学技术学院艺术设计系，广东 佛山 528000)

网络技术以及硬件设备的飞速发展，带来互联网用户阅读与思维习惯的转变，呈现出越来越明显的女性化思维特征，即互联网的感性化、体验化、去中心化的思维特征。互联网女性化思维特征实际上是用户在视觉感知、情感交互以及多元架构上的诉求，创新性Web界面设计的研究主要目标是为了给用户提供更好的沉浸式的体验与服务。因此，以用户行为核心流程的研究为切入点，通过分析互联网女性化思维现象；研究互联网用户的需求特性，结合案例从提升信息感召力；促进用户情感共鸣；建立面向未来的智能多元服务系统三方面，探讨创新性Web界面设计策略与实现方法。

互联网情感；感性化思维；体验化思维；去中心化思维；界面设计

信息时代，互联网已经成为人们生活交流的主要载体。互联网不仅改变了思维习惯、商业模式，而且具有越来越强烈的社会属性。如果说工业时代的社会思维特征是理性的、凝聚的、男性化的，那么互联网时代的社会思维特征则是以情感化为核心的体验式思维，具有明显的去中心化发散式女性化特征。

互联网的女性化思维特征是由于网络技术以及硬件设备的飞速发展带来的用户阅读与思维习惯的转变。可触控互联网设备、移动智能设备、虚拟现实技术等的迅猛发展，将视觉感知、听觉感知、触摸感知、体感等多种感知系统引入界面设计，对互联网Web界面设计理念与策略带来新的变革和挑战。

1 互联网女性化思维与Web界面设计思想价值诉求

1.1 互联网思维与用户行为核心流程

互联网思维概念最早由百度创始人李彦宏提出；在(移动)互联网+、大数据、云计算等科技不断发展的背景下，对市场、用户、产品、企业价值链乃至对整个商业生态进行重新审视的思考方式，体现的主要是注重“以用户为中心”，强调信息在生产、交换和传播中的价值[1]。

由此看来，互联网思维是建立在用户思维基础之上的。为更好地了解用户思维，需要分析用户需求和产品之间的关系。

通过用户访谈、焦点小组、问卷调研、数据统计等方法获得的用户体验地图，是一个能够直观反映用户需求和产品之间关系的工具。本文以2017年6月对知乎网站(www.zhihu.com)调研的用户体验地图案例进行分析(图1)，可见用户行为的核心流程(图2)：①用户对产品的初步认知影响了用户对产品的态度，并触发用户行为；②良好的用户体验是培养用户粘性的关键；③具备产品忠诚度的用户为主动传播产品创造可能。

图1 知乎网站用户体验地图

图2 用户行为核心流程图

1.2 互联网女性化思维特征的分析

互联网技术发展迅猛，智能移动设备的普及改变了互联网用户的阅读与思维习惯，使互联网呈现出浅阅读、重体验、松散化特征。互联网社会从功能技术到思想价值传递发生了巨大的变革与创新；其主要表现在3个方面：互联网的感性化，互联网的体验化，互联网的去中心化[2]。

从社会学角度看，互联网的思维特质与女性思维特质高度契合。感性与体验、艺术与情感是女性思维的主要特征。相对而言，男性的思维特质则更多呈现为理性与解读。合作与竞争是男性社团稳定与发展的主要机制；而女性社团的稳定主要建立在情感与友好关系上[3]。

互联网的感性化、体验化、去中心化的思维更加直观地反映出信息时代互联网用户的诉求以及Web界面设计思想的成熟。

(1) 感性化思维，或者视觉化思维把互联网推向读图时代。用户对互联网信息的感性化视觉诉求是要求Web界面的视觉设计生动形象，易于直觉的判断与决策。

(2) 体验化思维，是互联网体验经济的标志；表现为用户对Web界面交互设计的情感化体验诉求。良好的交互体验是推动用户行为的基础，也是培养用户粘性、建立品牌形象的有效手段。

(3) 去中心化思维，是用户自我意识崛起的体现。用户从过去单向的、被动的接受信息的个体转向分解的、主动的传播信息的主体。多元化、智能化服务形态的用户诉求则是受到了这种思维的影响；将松散自由、无限延伸的信息传播方式转变为稳定的互联网社会结构。

由此可见，互联网的感性化、体验化、去中心化的思维特征正是用户的认知、体验、传播核心行为的直观反映。因此，Web界面设计的创新可以从提升信息认知、加强用户情感体验、完善多元传播服务方面开展。

2 创新性Web界面设计策略与实现方法

2.1 提升信息感召力

由于用户以快速扫描、捕捉信息的方式浏览网站界面，提升信息感召力是Web界面设计的关键。通过设计风格、色彩模式以及可视化信息的进一步研究，有利于更加有效地吸引用户注意、将用户带入设计情景、并提高信息表达的视觉效率。

2.1.1 易于感知的设计风格

从拟物化设计到扁平化设计再到质感设计(material design)，从互联网设计风格导向转变中可以看出，界面设计风格在朝注重用户更直观、更易于理解的方向发展。这是用户的心智模型根据互联网环境以及用户使用经验不断更新的结果。抽象且直观的设计风格也没有偏离真实的世界，而是将具象的设计元素进行过滤以及提炼；此设计方式更有利于设备的可适应性以及信息的感知度。谷歌云端硬盘的主页设计www.google.com/drive (图3)，使用扁平化的设计手法表达真实世界，即谷歌云端硬盘的产品属性及工作场景；界面的设计强调阴影对界面元素——标志、按扭、动效起到凸显作用，以此来传达信息的层次关系。

图3 谷歌云端硬盘的主页设计

2.1.2 明快丰富的色彩模式

在抽象直观的设计风格影响下，Web界面设计容易出现视觉乏味、缺乏个性的视觉设计缺陷。明快丰富的色彩模式不仅能够很好地表现出界面的层次感，展现产品的个性，并为用户营造更好的视觉体验氛围，也能更好地吸引用户的注意力，为推动和影响用户行为做铺垫，成为信息有效传递的重要工具。

另一方面，显示设备的显色性能也逐年显著提升；荧光色、渐变色、叠加透明色的色彩表现模式则更加广泛地使用在Web界面的配色设计领域。淘宝网主页设计——天猫38女王节www.taobao.com (图4)丰富生动的色彩、大胆显耀的配色使画面充满变化，为扁平化的视觉设计增加更多细节元素，以此表达女性、春季为关键词的活动主题，不仅唤醒用户视觉神经而且刺激用户消费欲望。

图4 淘宝网主页设计—天猫38女王节

2.1.3 简洁高效的可视化信息

降低用户认知负担、提高用户理解效率是Web界面设计核心工作。可视化的信息传达方式则是强调依靠图形化的设计手段通过对界面的功能、结构、工具以及操作流程进行可视化处理让信息更直观清晰易于捕捉与理解[4]。如Coursera在线教学网站www.coursera.com (图5)线性的视觉引导能够让用户明确地认识到课程的规划内容及进行步骤。绿色及灰色的色彩对比能够让用户清楚地定位于自己的学习状态，并激励用户继续并完成课程学习。

图5 Coursera在线教学网站

2.2 促进用户情感共鸣

在体验经济时代背景下，技术的进步只是实现产品开发的手段，功能的满足也不是用户的唯一要求。用户更加关注在浏览网站、读取信息、获取功能这一体验过程的愉悦感。因此在提高信息视觉效率的同时，可以运用以故事化设计策略以及游戏化设计机制强化用户与Web界面交互的情感化特征。

2.2.1 以故事带入信息主题

故事是人们处理信息最自然的形式[5]。故事化设计策略能够让信息更生动形象、更易于理解及记忆的方式呈现出来。富于质感的图片与精准的UX文案设计是Web界面设计的故事表达中更具影响力的工具[6]。技术的发展以及个性化的需求使得Web界面设计领域对于图片的真实感和渲染力的要求越来越高。除此之外，视觉设计并不是信息传递和内容呈现的唯一载体，在UX文案设计中的文本、标签和文案的准确性直接保证了界面内容的一致、信息的精准。UX文案设计对于用户体验的沉浸感起到关键性作用。如孤独星球(Lonely Planet)旅游网站www.lonelyplanet.com (图6、7)首页滚动幻灯片，利用具有带入感的图片以及精准的词汇与内容表达或是公路的或是远航的旅行主题，以故事性的内容创造更具沉浸感的情感交互体验，令用户仿佛置身于旅行之中，对旅行充满向往与期待。

图6 孤独星球(Lonely Planet)旅游网站封面故事：穿越澳大利亚新南威尔士州的公路旅行

图7 孤独星球(Lonely Planet)旅游网站封面故事：英国异域风情:锡利群岛指南

2.2.2 以游戏激励用户行动

游戏化设计机制的核心在于将游戏的思维、功能及元素运用于交互设计中，以调动用户参与、分享与传播[7]。游戏化能够提高用户对枯燥的事情——如调研、推荐、信息填写等——的忍耐度，甚至推动他们完成任务。如缤客(Booking)网站www.booking.com (图8)的邀请界面，通过现金奖励的方式促进用户分享、推荐网站，在界面中提供各种社交途径的快速入口，以减轻用户操作负担；并将奖励规则以及获得数量以可视化方式呈现，激励用户最大限度的完成任务。积分、优惠券、礼品、奖励等方式是最常见的游戏化设计手法。但此手法具有被动、时效性短的缺陷。一旦网站停止奖励或者用户对奖励产生乏味情绪，就意味着用户粘性的降低、用户的流失。持久有效的游戏化设计在于驱动用户内心的渴望，是用户对精神层面追求的满足：在社群中获得认可、赞许或者赋予用户历史使命感。如亚马逊网站的公益界面(amazonsmile) www.amazon.com (图9)将用户在网站购物消费的5%作为公益基金并用于用户关注的公益领域。在界面设计中，为用户提供清晰明确的数据，让用户了解自己贡献数额以及公益捐献的总额。当用户的消费行为被提升至意义非凡的行动的时候用户对网站更加信赖与关注。

图8 缤客(Booking)网站邀请界面设计

图9 亚马逊网站的公益界面(amazonsmile)

3 建立面向未来的智能多元服务系统

用户主动进行内容创作或信息传播是互联网时代去中心化的思维特征，也进一步引导网站服务形态智能化、多元化发展。与此同时，随着大数据技术的逐步成熟以及移动媒体设备的快速发展，对网站建设与服务体系提出更高要求。

3.1 依托大数据的智能化个性服务

大数据是由结构复杂、数量巨大、类型众多的数据构成的数据集合[8]。依托大数据技术的设计致力于通过找到用户过往行为、使用数据以及思维逻辑等方式创造一个减少用户输入，提前预判并为用户决策的生态系统。如购物类网站中根据用户浏览历史推荐产品；新闻类网站在用户注册时让用户选取关注的领域进而推荐新闻内容等，信息量庞大的网站通过大数据技术为用户减轻决策成本以及认知负担，让用户更加快捷、简便地找到需要的信息。

3.2 完善统一的多元化移动终端服务

以手机为代表的智能移动设备和其他智能终端如智能穿戴设备以及虚拟现实设备的普及和应用，推动了移动互联网服务的完善。现在，用户用于移动终端设备上的时间远远高于传统互联网设备，界面设计在各终端设备上的一致性具有建立品牌形象的战略意义。灵活切换的终端服务能够使用户更好的体验及分享传播，也是去中心化服务体系的体现。

4 结束语

互联网的感性化、体验化、去中心化思维的表象下，体现的是用户感性化视觉、情感化体验，智能多元化服务的需求本质。互联网女性化思维下的Web界面设计，从设计思维到功能形式都被再一次的重新定义：提升信息感召力，促进用户情感共鸣，建立面向未来的智能多元服务系统是创新性Web界面设计的策略与手法，其主要目标是为了给用户提供更好的沉浸式的体验与服务。

[1] 什么才是“互联网思维”[J]. 传媒观察, 2014(6): 64.

[2] 姜奇平. 互联网的女性主义特征[J]. 互联网周刊, 2012(7): 20-24.

[3] 摩根. 女人的起源[M]. 上海: 上海译文出版社, 2007: 8.

[4] 郑明峰, 顾振宇. 面向认知效率的信息可视化设计[J]. 艺术与设计(理论), 2011(12): 66-68.

[5] 苏珊·魏因申克. 设计师要懂心理学[M]. 北京: 人民邮电出版社, 2013: 5.

[6] KIM M. Late 2017 web design trends [EB/OL]. (2017-09-07). [2018-03-20]. https://medium.com/shakuro/ late-2017-c197e6cb69c4?ref=webdesignernews.com.

[7] 汪通. 游戏化用户体验背景下的交互设计方法探讨[J]. 美与时代(上), 2013(12): 94-97.

[8] 林嘉怡. 大数据时代移动终端界面设计创新趋势研究[J]. 包装工程, 2017(1): 239-242.

The Strategy of Web Interface Design Based on Internet Emotion

GUO Wenjing, LI Yueqiong

(Department of Art and Design, Foshan University, Foshan Guangdong 528000, China)

The rapid development of network technologies and hardware devices has brought a great change in reading and thinking habits of Internet users, which shows more and more feminine thinking characteristics, namely, sensibility, experience and the decentralization of the Internet. Actually, the feminine thinking of the Internet reveals the user’s needs in the aspects of visual perception, emotional interaction and multiple accesses. The innovation of web interface design is to provide users with better immersive experience and service. Therefore, grounded on the examination of the core process of user behavior, this paper explores innovative web interface design strategies and implementation methods, focusing on the phenomenon of feminine thinking in the Internet, investigating the characteristics of Internet users’ needs, and analyzing examples in relation to improvement of information appeal, promotion of user emotional resonance, and establishment of diversified and intelligent services.

internet emotion; emotional thinking; experience thinking; decentralized thinking; UI design

TP 391

10.11996/JG.j.2095-302X.2018061112

A

2095-302X(2018)06-1112-05

2018-04-09；

2018-06-27

2015佛山科学技术学院校级创新强校科研项目(2015xrc01)

郭文静(1981-)，女，广东大埔人，讲师，硕士。主要研究方向为界面设计、展示设计等。E-mail：phoebe-guo@126.com