孙雅贤 (南京师范大学美术学院 江苏南京 210000)

基于加载页面中的情感化设计

孙雅贤 (南京师范大学美术学院 江苏南京 210000)

随着科技时代的到来，通讯工具的产生，以及信息多样化传达方式的发展，人们已经步入信息爆炸时代，高科技的使用虽在人们的生活中体现了方便和高效，但面对冷漠的电子屏幕，人与人、人与物之间的关系变得越来越疏远，人们之间的情感交流没有因为科技发展而得到更进一步的满足。因此，科技和情感的平衡成为我们开始追求的目标，在网络空间中，人们越来越重视情感的视觉体验。本文从“加载页面”着手，探究了在其设计中情感化设计的体现，以期对加载页面设计提供情感化设计的方法。

加载页面；情感化设计

伴随网络时代的发展，网页已成为日前新型媒介中的主流。网络时代发展初期，由于网络技术发展的限制，当时的网页仅由纯文字组成，只具有信息传达的功能性。随着网络技术的成熟，简单的静态文本网页已不能满足人们的审美需求，更多的视觉要素呈现在网页中，色彩、图片、声音、动画、视频等要素使网页内容丰富起来，从而为艺术设计提供了新的载体。反之，艺术设计也为网页设计带来了全新的视觉效果，随着交互式网页的发展，互动性成为新型网页的特征之一，从而对网页设计中的视觉体验提出了新的要求。

网页作为一个信息传达的载体，其主要对象是人，因此，在技术因素成熟的情况下，对网页设计的视觉要求必须从人的角度出发，以“情感化设计”为出发点。“情感化设计(Emotional Design)”一词是由国际著名的心理学家唐纳•诺曼（Donald Norman）提出的。来自美国的新生代Web专家亚伦•瓦尔特（Aarron Walter）创新地将情感化设计与马斯洛的人类需求层次理论联系在了一起。正如马斯洛分析的人类的生理需求(physiological needs)、安全需求(security needs)、归属与爱的需要(love and belonging needs)、自尊需要(respect & esteem needs)和自我实现需要(self-actualization needs)这五个层次的需求，产品特质也可以被划分为功能性、可依赖性、可用性和愉悦性这四个的层面，情感化设计则处于其中最上层的“愉悦性”层面当中。

在网页设计中，加载页面代表需要用户消耗一定的时间去等待页面响应。根据有关调查显示，如网页加载时间超过三秒钟，会有40%的人离开网页。但从技术性角度而言，网页速度是由电脑配置、服务器和带宽等因素决定的，不可随意更改，因此更需要从网页的视觉效果上来满足人的情感，根据人的心理特征从图形、色彩、文字等方面调整加载页面，让用户在等待的时间具有轻松的心情。本文以此为目标，探究加载页面中应该体现的几个方面。

一、过程的可视化

等待的时间过长，难免会产生焦躁的情绪。在网络生活里，点击网上的链接或是继续浏览下一页更多的内容时，因技术原因会产生加载页面，等待过程中，用户会产生焦躁甚至愤怒的情绪变化，但让用户产生情绪变化的原因不仅是因为等待加载时间的长短，更重要的原因是由于用户对等待时间和结果的未知性。因此，从用户心理出发，对于如何安抚用户会产生的消极情绪，直接的方法就是让用户了解需要等待的时间以及当前剩余时间。在图形设计角度使用设计技巧体现这种时间性，就可以改善这种等待体验。目前网络应用中常见的设计包括直接的时间提示、进度条，以及百分比等。

比较下边两幅图形，图1就是简单的载入页面，没有任何的时间、进度提醒，在对进度结果充满未知的情况下，这种情况比较会让人的心里产生焦躁情绪，但图2的加载页面，标注了百分比以及进度条的色彩变化，有加载时间信息的反馈，让用户对加载时间具有期待性。

图1

图2

二、图形的趣味化

加载页面的主要功能就是提示用户需要要等待，因为长时间枯燥等待，往往不会有愉悦心情，因此简单的加载图形逐渐不能满足用户的情感要求，逐渐有设计师意识到这一点，开始尝试用趣味性图形来代替简单的几何图形，以一种让人心情愉悦的方式表达加载页面。具有乐趣的设计可以产生快乐的感觉，也正是人们渴望的生活属性。图3中，加载进度条在图形中的巧妙应用，会让用户在这种趣味性体验中，逐渐忽略掉加载页面的时间性，减少对响应时间的感知，因此，有趣的图形设计可以达到舒缓用户因等待而产生的焦躁情绪。

三、色彩的情绪化

色彩是设计学的组成部分，不同的情感可以用不同的色彩来表达，它可以渲染特定的氛围来传达特定的信息 。不同波长的颜色作用于人的视觉器管，通过视觉神经传入大脑中枢后，经过思维加工，自然联想到以前的经验和感觉体验，从而形成一系列的色彩心理反应。经心理学家的一系列实验，发现在红色的渲染中，人的脉搏会加快，血压升高，情绪容易冲动和兴奋；而处在蓝色的环境中，人的脉搏会缓和，情绪也相对冷静。在科学领域，研究者发现色彩能影响脑电波，例如，对于红色的环境，脑电波反应是警惕，而对于蓝色的反应是放松。这些领域的研究经验明确的向我们证实了色彩对人心理的影响。

在网页设计中，不同的网页用色会使人产生不同的感觉，这就要求设计师根据网页的内容和特点，通过对色彩心理的把握，在设计时选择合适的色彩方案，使页面达到理想的视觉效果。从而来调动浏览者的情绪，引起用户的心理效应，达到信息传递和情感交流的目的。

色彩的冷暖性具有重要的参考意义，冷暖色除了会给我们带来温度上的不同感受外，还具有一定的空间感，暖色具有前进感，冷色具有后退感，而且正如上文提到的，红色作为暖色在可见光中波长最长，容易让人产生热情、兴奋等色彩心理，而蓝色则具有冷静、坚定等色彩心理，对于加载页面冷色调的蓝色更适合，能起到缓和用户焦躁心情的作用。

四、创意文案

文案就是以文字的形式来表达已经制定的创意策略，对于网页设计中，出色的文案具有至关重要的作用。人类具有一定的适应性行为，对于熟悉的事物往往不能引起兴趣。网页中，新颖的、出乎意料的文案容易吸引用户的注意。在加载页面中最多使用的文案是“加载中”，枯燥乏味的直观表达往往会使用户失去兴趣，为了能使用户与信息内容产生共鸣，从而影响他的行为方式，把这种一般的文案转变成更具有创意的文案，比起简单的告知提示来说更能让用户接受。例如“正在努力奔跑中，请稍等”、“眼睛闭上休息一下，马上回来”等等，从而有目的性引导用户等待。这种从体谅用户等待的心情而创作的文案，以表露情感为基础，具有表达时间的典型特征，往往更能吸引用户并且花一定的时间去阅读，在这过程中，已经消耗了页面加载时的等待时间。所以，加载页面中的文案，更需要设计师精心策划。

总之，在以“快、高效”为特征的现代生活中，情感化设计是个值得深究的课题，如何做到科技和情感的相对平衡，是设计师当下的任务之一力求在设计中依照用户情感需求，合理运用可视化方式，优化用户的视觉体验，为人们创造具有情感化的网络环境。

[1][美] 瓦尔特（Walter,A．）著．李清译．《Web标准和SEO应用实践》[M]，机械工业出版社，2008．

[2]Be For Web,为产品赋予人格——情感化设计的组成要素及实践案例[OL],http：//beforweb．com/node/103．

[3][美]唐纳德•A•诺曼著，何笑梅/欧秋杏译，《设计心理学3：情感设计》[M] ．中信出版社，2012．

[4]王令中．《视觉艺术心理》[M]．人民美术出版社，2005．

孙雅贤，学校：南京师范大学美术学院，专业：设计艺术学视觉传达设计方向。