基于情感化设计的大学校庆交流产品设计研究

高建男 司峥鸣 赵妍妍

关键词：大学校庆交流产品 情感化设计 交互产品设计 交互设计 界面设计

引言

1998年北京大学和2011年清华大学举办百年校慶活动，在社会上引起了极大反响。自此之后，全国各高校以十年、五十年、百年为期举办校庆活动，使校庆成为一种风气与潮流。[1]大学校庆是学校发展历史的见证，同时也是广大校友与母校重建联系和彼此交流的重要契机。随着当代社交网络的发展，校庆交流活动逐渐由线下校友会向校友群、微博、公众号和论坛等线上交流平台转移。然而以往的校庆交流活动往往借助现有的社交平台，由于其覆盖范围、时间及平台等因素的限制，导致部分校友在交流活动上的积极性、参与感和情感满足上有所欠缺。校友的互动范围也受到限制，陌生校友之间的互动机会较低。鉴于此，本文通过分析现有校庆交流依托平台的局限性和用户对其需求变化，以情感化设计理论为基础，设计可用性强同时满足用户情感需求的大学校庆交流产品。

一、大学校庆交流平台现状分析

大学校庆是现代大学的伴生物，也是教育发展、社会进步、文明演进的产物。大学校庆活动作为一种具有科学与文明特征的文化记忆，是隆重的庆典、盛大的节日、教育成就的展示、思想的凝聚和精神的唤起。[2]大学校庆活动越来越受到广泛的关注，学校通过在线交流平台将在校师生和校友通过再次联系起来，笔者将现有的校庆交流活动大致分为两类：

第一类是由学校组织策划发起内容征集活动，向广大师生校友征集主题文稿、照片和视频等，征集结束后由相关负责人进行审核筛选，选择相对优质的内容发布。此类活动能够更好地调动校友的参与积极性，但通常有投稿时间的限制;同时往往会征集到大量内容，对于工作人员的整合筛选工作是一个很大挑战。校友的前期参与感很强，最终只有少部分内容能够被整合发布，大部分人在活动最终的情感满足上有所欠缺。

第二类是由学校的官方账号（例如：微博、公众号、论坛账号等）在对应平台上单独发帖，校友在帖子下进行评论。这种方式弥补了上述方式的时间限制，同时所有人的评论内容都会在评论区展示，满足了个人的情感表达。但此类活动也有其局限性，首先评论回复限制了校友们的表达限于文字和图片这两种媒介;其次由于评论显示机制的限制，校友只能被动接受评论机制排序的内容而不能根据自己的兴趣主动选择查看内容。

基于现有大学校庆交流平台现状的分析，本文将引入情感化设计理论，并将其融入交互产品设计中，完成大学校庆交流产品的设计实践，解决现有大学校庆交流平台现状存在的问题。

二、情感化设计理论概述

情感化设计，就是给予和满足人们对一款产品的情感需求，通过充分考虑人性需求把原本没有生机的产品加以情感化实现产品的精神功能。[3]在《情感化设计》这本书中作者以本能、行为和反思这三个设计的不同维度为基础，阐述了情感在设计中所处的重要地位与作用，深入地分析了如何将情感效果融入产品的设计中。[4]本能水平先于意识和思维，注视、感受和声音等生理特征起主导作用;它是外观要素和第一印象形成的基础，着重产品的外观、触感等。行为水平和使用有关，关注功能的实现而非外观，优秀的行为层次设计有四个要素，即功能、易理解性、易用性和感受。反思水平与信息、文化以及产品的含义和用途息息相关，它能唤起自我形象、个人的满足和记忆等更深层次的情感体验或者思考，在这个层次体验思想和感情完全融合。

本能水平最具有共通性，人本性思考的过程是一样的，与本能层次相符的认知更能被大多数人理解。反思水平最具有多样性，反思水平往往会因个体的文化教育背景和社会生活经验的不同而产生差异。在实际的设计应用中，这三个层次并不是孤立存在而是相互影响的，本能层次反应很快，它对好坏、安全或危险迅速做出判断，这是情感处理的起点，大多数人类行为属于行为层次，这类活动可通过反思层次增强或抑制。

三、情感化设计在交互产品设计中的应用

将情感化设计应用到交互产品设计领域，三个层级对应的设计原则如图1所示：用户通过视觉的感官体验生成对产品的初始印象（本能层级），然后通过使用产品的功能及体验交互过程生成对产品的使用感受（行为层级），最后通过感受产品的语义信息、内涵和个性化设置建立情感连接（反思层级）。具体来说：

（一）本能层级：在本能层级上，产品设计主要在其外观设计的最初体现，与用户的视觉体验息息相关。[5]视觉上的情感调动主要包含：颜色、文字、图形及动态效果展示。用户对于颜色的视觉刺激感受与个人的文化背景及生活经验有关。色彩能够引起开心、激动和平静等情绪，同时色彩的色调也能够唤起不同的情感反应。[6]文字是当代文明社会的最有效沟通手段之一，文字的字体、字号、字间距和行间距等属性会影响用户在识别文字信息时的注意力机制，因此产品的文字编辑设计过程中应满足用户“选择性注意”的心理需求。图形作为一种可视化的信息表达方式，可以通过纹理、颜色和造型等属性辅助文字信息的传达，生动活泼且带有隐喻的图形图标可以帮助用户在产品使用中更容易理解功能，提升产品的用户体验。相对于文字和图形，动态的效果展示可以在短时间内传达更丰富的信息，帮助用户更好地理解界面内容及功能，减少用户对界面及功能认知的负担，此外，有趣的互动动态效果能够提升用户的交互体验。

（二）行为层级：在行为层级上，产品设计主要在其功能实现和交互操作的体现，产品的吸引力影响到用户能动行为的主动性。产品功能设计的基础在于用户对产品的需求。在进行需求分析时，需要设计者精准定位目标用户，洞悉用户痛点并将其转化为需求。功能设计也要避免“功能主义”，除非绝对必要，否则不要增加新的功能。如果加入新的功能，就在所难免需要增加界面及数量、操作的步骤和说明指导，给用户带来不必要的疑问和困扰。[7]产品交互设计的基础在于满足易用性原则，产品的易用性设计主要包含四个设计原则：（1）高效性：指产品需要让用户以最简单快捷的方式完成他们想要的操作;（2）易学性：用户在初次接触产品时是否能快速了解操作方法;（3）易记性：用户在一定时间后再次接触产品时能够快速想起甚至不用回想对应的指令和操作;（4）容错性：保护用户免受操作失误的影响，并且设计安全措施可以帮助用户从错误中轻松恢复。[8]

（三）反思层级：在反思层级上，产品设计主要在其自我形象的构建和个性化需求的满足，反思层级的设计与用户的情感连接更为紧密。[9]在对产品的生成视觉印象和使用體验之后，用户产生的反思体验行为是对产品认知的更深层次的感受。用户在使用某些产品时，会依据其个人的文化教育背景及社会生活经历等因素，生成特有的印象和情绪感受，不同的人使用同一产品也会生成不同的内心感受，这就导致部分用户无法产生情感上的共鸣。因此反思层级的产品设计需要设计者针对特定的用户群体，建立起产品与用户之间的情感连接，提升用户对产品的认知。个性化需求设置帮助用户使用产品时基于不同的需求获得特有的情感体验，越是能生成不同于其他同类产品的情感体验，越能增加用户对产品的喜爱程度和依赖性。

四、基于情感化设计的大学校庆交流产品设计实践

在实际的设计应用中，情感化设计的三个层级并不是孤立存在而是相互影响的，[4]贯穿于整个交互产品的设计过程中，下文将依据情感化设计原则完成大学校庆交流产品的设计实践。

（一）需求分析：东京理工大学狩野纪昭教授发明了一种对用户需求分类和优先排序的KANO模型。[10]在产品设计中，将需求以类型按以下层级排序：基本型需求>期望型需求>兴奋型需求。在当代的社交网络环境中，大学校庆交流平台在满足沟通和交流等基本需求的情况下，还应追求实现沟通和交流过程的简单有效，完成自我表达和情感反馈的高级需求。

1.基本型需求：当代互联网服务的重心开始向移动终端上转移，广大师生和校友需要一个整合校庆相关内容发布和浏览等基本功能的APP客户端。2.期望型需求：多媒体的发展为情感表达提供了更加有效的工具，师生和校友们在表达自己对学校的祝福和情感时不能只拘泥于文字或图片单一的表达形式，需要将多种模态的表达方式结合实现情感表达的需求。3.兴奋型需求：师生和校友需要的是一款简单且有情感温度的产品，增加特色功能可以提升用户对产品的好感;个性化设置和隐私设置给予用户自我选择的权力，在反思层级上获得自我满足的情感体验，创建偏好设置可以满足不同用户的个性化需求;隐私设置给予用户安全感。

（二）功能设计：对应需求层级的分类，满足产品的基本型需求体现了行为层的设计，满足产品的期望型需求和兴奋型需求体现了反思层的设计。将用户需求转化为功能并按照层级排序，其核心功能包含：内容发布、内容浏览、校友间互动和个人设置。

1.内容发布：用户借助扔纸飞机的互动形式完成有关意见、祝福和追忆等内容的发布，过程包含文字、图片和音乐的添加。添加不同模态内容时为用户提供多种选择方式，帮助没有确定目标的用户快速获得预期选项，不需要太多思考便能简单完成操作。上传个人照片和个人演唱作为音频等选项帮助用户实现更深层次的情感表达需求。

（1）添加文字：自定义标签添加/系统推荐标签添加/不添加标签。

添加标签后编辑文本内容。标签可以将同类的内容进行汇总，方便内容的分类和查询。（2）添加图片：拍摄照片/从手机相册中选择图片添加/使用系统推荐照片/不添加图片。（3）添加音乐：搜索确定曲目/系统分类推荐确定曲目。确定音乐之后，可以使用原声音频添加/个人演唱作为音频添加/不添加音乐。

完成上述操作用户可以将生成内容以扔纸飞机的形式发送。根据不同用户对隐私的要求，用户可指定内容的发送范围：发给特定用户或广场;在发送时可选择实名发送或匿名发送。

2.浏览其他用户生成内容：用户在表达自己的情感的同时也期待看到其他用户生成内容，寻求情感上的共鸣与归属。用户可根据自己的需求选择不同的浏览方式：（1）无目的性浏览：从广场上飞翔的纸飞机中随机点击拾起，探索未知的操作使整个过程变得有趣，出乎意料的产品属性使用户产生惊喜。（2）模糊目的性浏览：按照系统分类浏览自己喜欢的内容;借助推荐算法计算用户喜好进行针对性推荐，帮助用户快速获取感兴趣的内容。

（3）针对性浏览：内容发布时添加了话题和文字信息，使用搜索精准定位感兴趣的内容。

3.互动：（1）点赞、评论：对他人发布的内容进行点赞、评论，互动交流能够带给双方情感上的归属和共情体验。（2）收藏：将喜欢的内容收藏方便随时查看，良性互动对内容创作者来说是一种有效激励。（3）私信：校友之间进行进一步的沟通。

4.个人设置：（1）个人资料设置：为保障产品拥有健康的交流环境，产品要求实名注册，用户个人ID是确定的。用户可以自定义昵称和头像，在发布内容的时候辅助显示;用户可以设置个人地区，帮助用户通过地区信息联络结识同地区校友。（2）通知设置：选择是否接收其他用户的点赞、评论、收藏等互动通知提醒;选择是否接收系统信息通知提醒。

（三）交互设计1.易用性目标：交互设计的易用性目标体现了行为层的设计。产品交互设计的基础在于满足易用性目标，易用性目标是指用户在学习和使用产品的过程中，能够轻松高效地了解产品的操作，获得愉悦的使用体验。

（1）高效性：大学校庆交流产品主要包含三个模块：个人中心、发布内容和广场，清晰直观的功能框架帮助用户轻松完成任务。将最重要、最常用的三个功能模块放在最明显最容易接触的位置，较次级的功能整理到子页面当中，实现简洁良好的交互指引。

（2）易学性：使用包含隐喻的图标设计如图2所示进行引导，借助凝练图形增强图标隐喻来明确提示图标含义及功能，将功能和视觉提示联系起来，帮助用户更容易理解和学习操作。设计图形时遵循统一的秩序，使视觉上的感受更加平衡。

3）易记性：习惯就是一种“熟知记忆”，保证产品设计过程中的大部分交互操作与日常使用APP中的操作方式相同。例如发布内容的前期操作与发送朋友圈类似，熟悉的交互操作可以减少用户记忆负担，提升任务成功率。

（4）容错性：注册时设置密码后需对密码再一次确认，确保用户了解正确的密码;评论和发布动态都设置确认发布操作以防止用户误触，帮助提升用户掌控感;完成任务成功后弹出成功提示，给用户的交互操作可视化的反馈，保证用户了解当前状态。

2.用户体验目标：交互设计的用户体验目标体现了反思层的设计。

用户体验目标是更加偏向主观性和情感性的。在心理学的概念范畴里，“体验”是用户对外界的评价，用户的体验流程如图3所示。在用户实现目标时，对用户的感知解释过程融入情感设计，用户将在使用产品过程中将其转化为一种积极的情感体验，从而增加对产品的好感与依赖。

纸飞机代表年少时无忧无虑的那段时光，可以勾起人们对于青春的回忆。本产品使用扔纸飞机的隐喻交互操作表示发布内容，在确认发送生成内容时有扔出纸飞机的动画互动，动画设计在静态图形的基础上增加了生命力，更能吸引用户的注意。借模拟真实世界中扔出纸飞机的过程，将数字虚拟世界中的抽象操作与现实世界的动作连通，帮助用户快速接受并获得到真实的情感体验。本产品使用拾起纸飞机的隐喻交互操作表示浏览他人发布的内容，拾起纸飞机的交互动作增加了产品的互动性的同時融入了情怀设计。此外，拾取纸飞机内容是随机的，增加了用户的期待和惊喜，未知的获取方式激励用户去探索，给用户带来了更新奇的体验。

（四）界面设计：产品界面设计体现了本能层的设计，通过视觉上颜色、文字、图形及动态效果展示触发用户的本能情感体验。界面设计在保证功能合理性的同时，需要在有限的二维空间中调整图形、文字、按键、符号等元素的位置关系和比例大小，增加对界面内容表达的准确性和界面操控的灵活性。大学校庆交流产品在情感上希望展现青春的活力，整体使用浅蓝色系的配色，搭配白云、白色纸飞机等UI设计。

1.个人中心界面及下级界面（图4）：个人中心界面包含个人信息、我的消息、我的纸飞机、我的好友和设置下级界面。将页面中的文本框和按钮通过矢量软件进行绘制，适应性更好并且能有效缓解拟物化设计中阴影、凹凸和复杂形状组合带来的视觉冲击力与审美疲劳。

2.发布内容界面及下级界面（图5）：发布内容界面包含包括内容添加和发布的下级页面。页面设计使用简洁的扁平化风格，利用符号化、简约化、抽象化的设计元素实现简洁的呈现方式，条理更清晰。

3.广场界面及下级界面（图6）：广场界面包含三种浏览他人发布内容的方式，该页面可对其他用户发布的内容进行点赞评论和收藏等互动操作。借助清晰的布局和文字指引增加界面操控的舒适感，使得界面更方便用户认知和识别。

（1）随机浏览：界面上半部分背景为纸飞机飞翔动画，点击纸飞机图案随机获取其他用户发布的纸飞机内容;（2）根据内容分类浏览：界面下半部分为主题按分类的内容展示;（3）精确搜索：根据与用户搜索的关键字的相关度进行排序展示供用户浏览。

结语

校庆是广大校友与母校重建联系和彼此交流的重要契机，大学校庆交流平台应满足当代社交网络环境下用户的需求变化。本文以情感化设计在交互产品设计中的应用为基础，将情感化设计的三个层级融合贯穿于整个产品的功能设计、交互设计和界面设计过程中，完成大学校庆交流产品的设计实践。大学校庆交流产品满足了用户沟通和交流的基本需求，实现沟通和交流过程的简单有效，借助扔出纸飞机和拾起纸飞机交互操作完成内容发布和内容浏览，增加产品互动性的同时将操作融入情感，提升用户的审美体验和情感体验，为情感化设计在交互产品设计中的应用提供了参考。