第１１期 Ｎｏ．１１ 河南科技学院学报 Ｊｏｕｒｎａｌ ｏｆ Ｈｅｎａｎ Ｉｎｓｔｉｔｕｔｅ ｏｆ Ｓｃｉｅｎｃｅ ａｎｄ Ｔｅｃｈｎｏｌｏｇｙ ２０１３年１１月 Ｎｏｖ．２０１３ ｄｏｉ：１０．３９６９／ｊ．ｉｓｓｎ．１６７３—６０６０．２０１３．１１．０２６ 界面设计中情感因素研究 张培，炎文晓 （河南科技学院，河南新乡４５３００３） 摘要：情感对学习者的认知和行为有很大的影响，令人感觉亲切愉快的引导界面更能有利于学习者的学习和记 忆。本文在唐纳德・Ａ・诺曼原有三个情感化设计水平：本能层次、４－ｉ－Ｎ层次、反思层次之上，引入表现层次，从这 几个层次来分析界面设计中的情感因素，以求达到更好的人机交互效果。 关键词：界面设计；情感；学习者 中图分类号：Ｇ４４２ 文献标志码：Ａ 文章编号：１６７３—６０６０（２０１３）１１—００９５—０３ 一、学习者与界面设计 自己的能力无法处理的时候，他们则会停止学习。 （三）专家 专家是指对计算机的内部结构及工作原理非常 界面是学习者获取学习内容的通道，故也需要 对学习者进行分析，按照人们对计算机使用的熟练 熟悉的学习者。他们不但能自己单独完成学习任 程度，可以把学习者分为若干类型：新手、一般熟练 务，并且有充足的知识储备和经验积累来应对突发 者、专家 。 情况。所以，对于专家学习者来说，一个新的虚拟实 （一）新手 验界面就像看一本书那样自然，即使出现新的问题， 新手是指从来没有使用过计算机的人们，他们 他们也会凭借自己的知识和经验去思考并寻找解决 缺少计算机的基本概念。计算机对新手用户来说， 问题的办法。 是一个全新的工具，需要一种新的语言去掌握它。 所以，在新手第一次接触到虚拟实验界面的时候，他 会感到手足无措。另外，计算机本身的特殊性也会 二、界面设计中的情感 皮亚杰认为，所有的行为均具有情感与认知两 给新手学习者造成严重的认知负担和精神压力。对 个方面，纯粹的认知行为或者纯粹的情感行为是不 于新手学习者来说，好的界面设计可以给予积极的 存在的 Ｊ。虽然二者特性与功能不同，但对于一个 情感激励、提高兴趣、激发学习的热情，让学习者在 完整的学习过程来说，认知与情感是同等重要的，教 快乐的氛围中学习。 （二）一般熟练者 一学中亦应努力做到二者的充分结合与和谐发展。研 究表明，情感影响认知。界面设计中的情感也是抽 般熟练者是指对计算机的操作有一定熟练程 象的，为了更形象的解释界面设计中的情感，本文在 度，能够独立完成一定的操作，但并不是很熟练。如 唐纳德・Ａ・诺曼原有三个情感化设计水平：本能 果很长时间不操作，他们可能就会忘记先前的学习。 层次、行为层次、反思层次之上，引入表现层次，从这 在正常情况下，他们操作是没有问题的，但是在非正 几个层次来分析界面设计中的情感因素，以求达到 常情况下以及遇到新的情况，他们就会无能为力。 一更好的人机交互效果 。 认知心理学家唐纳德・Ａ・诺曼提出，任何产 般学习者在初次接触一个新的界面的时候，他们 会按照自己原有的知识储备去进行操作，一般情况 品的情感化设计都是本能的、行为的和反思的三个 下是不会有什么问题的，但是遇到突发情况并依靠 不同维度相互交织的，本能水平关注产品外形，行为 收稿日期：２０１３—０９—１３ 作者简介：张培（１９８４一），女，河南新乡人，助教，硕士，主要从事数字媒体技术、虚拟现实技术与动画研究。 ９５ 河南科技学院学报 水平关注操作，反思水平关注的是形象和印象 。 效果和质量也是最好的。一个很简单的客观性的问 界面设计同样具有这三个维度，不管是虚拟实验还 题，在和谐快乐的氛围中回答和在纷争痛苦的环境 是网络课程，都需要学习者在完成规定的学习任务 中回答，结果却是不一样的。这说明，和谐快乐的氛 过程中，提出问题、分析问题、解决问题。解决问题 的过程及方法属于隐性知识，为了便于学习者之问 表现层，让学习者在进行完思维冲击以后，能够把自 围能使学习者产生积极的情感，有利于学习者的学 习；纷争痛苦的学习环境容易使学习者产生消极的 进行知识交互，笔者在这三层的基础上又加上一个 情感，阻碍学习者的学习。例如，北京奥运会的许多 创意都是在游泳池边或者咖啡厅产生的，而不是在 己的所思所想通过各种方式表现出来，受益他人，也 令人感觉窒息的办公室产生的。一个很简单的问 能作为学习者本人的学习资料。 三、界面设计中情感的体现 不管是网络课程还是网络虚拟实验或者是其他 的学习平台，其界面设计的情感都对学习者有着深 远的影响。一个有情感的界面，应该能够跟学习者 的积极情感产生共鸣，从而促进学习者的学习；相反 一个布局不够合理又缺乏情感的界面设计，容易让 学习者产生消极的情感，进而影响学习者的学习兴 趣和学习效果 Ｊ。这里，笔者把界面设计的情感从 以下这几个层次来进行解释（如图１所示）。 界面 情感 查矍墨卜—一 — 壁塑ｊ学 亟疆卜 —＿习 ＿Ｉ圈 垂卜 ——回者 表现屡卜一 ——一非智力因素 图１界面设计中情感体现 （一）本能层 界面是传递信息的窗口，是学习者获取学习内 容的通道。不合理的布局会让学习者产生急躁、厌 烦以及抵触的心理，分散学习者的注意力，从而增加 学习者的认知负荷，影响学习效果。界面色彩应用 不当——鲜艳的色彩或者强烈的色彩对比，虽然可 以在短时间内吸引学生的注意力，产生视觉上的冲 击，但是长时间的学习会造成学习者的视觉疲劳。 所以，一般情况下，我们以冷色调为首选。本能层的 情感体现是学习者的内部情绪体验，不管是好或者 坏，都是学习者的内部心理表征，而这一内部心理表 征的直接体现就是学习兴趣和学习效果。 本能层影响学习者的感知。情感可以由认知驱 动，也可以影响认知。界面设计是学习者与学习内 容连接的通道，其好坏直接影响学习者对学习内容 的掌握。学习者在轻松快乐的氛围中学习，学习的 ９６ 题，在不同的环境下，也许会有不同的解答。因此， 学习者的学习如果也在轻松快乐的氛围内进行，那 么学习者的思路将会非常宽阔，会从不同的角度来 看问题，解决问题的办法也会层出不穷，这些都是情 感因素在起作用。所以好的情感也会影响学习者的 认知。美观的界面设计使学习者感觉良好，这种感 觉反过来又能促进学习者的认知。 （二）行为层 学习者获取学习内容最主要的方式就是交互。 统一的跳转连接方式，会使学习者用最少的时间来 熟悉和适应界面，如果界面设计跳转方式混乱、不统 一，会使学习者在操作过程中不能较快地适应界面 环境，从而影响学习进度。不管是一级界面还是二 级界面，都应该按照统一的方式进行交互，并且尽量 使用学习者熟知的交互方式，否则容易造成学习者 的行为混乱。行为层是学习者通过界面进行人机交 互过程中的整体感觉体现，有了本能层上的感官冲 击，接下来的操作体验也是影响学习者的重要因素。 如果在进行人机交互的过程中，交互方式不统一，交 互行为混乱，将导致学习者情绪低落，学习兴趣大 减，学习者的学习可能会被扼杀在这一层级，而无法 进行下面的学习。 行为层影响学习者的行为。众多研究表明，人 在紧张的环境中，容易出现行为错乱。而不良的界 面设计对学习者造成这种消极的情感，也会导致不 良的学习行为。界面设计中情感对学习的影响不仅 仅在本次学习中会体现，而且将影响学习者的行为 习惯及以后的学习。积极的情感会激励学习者进行 探索，使学习者有动力、有兴致去拓展自己的学习领 域。因而，一个设计不良的界面，会让学习者产生烦 躁、抵触的情绪，即使是很简单的操作，可能学习者 由于这种情绪的存在，也不会继续学习了。 （三）反思层 学生的学习过程是求知的过程，是不断发展自 我、完善自我的过程。界面是传递学习内容的通道， 所以界面设计应该按照完整的教学过程来进行。不 张培，炎文晓：界面设计中情感因素研究 第１１期 管是网络课程还是虚拟实验，一个真正成功的界面 学习者展现自我学习成果的平台。当然，这一平台 设计应该包括课题训练模块。否则，既不符合教学 不一定只使用文字来进行记录，也可以使用声音、视 过程，也不利于学习者对学习内容的掌握。在学习 者完成学习任务以后，应该把所学内容在脑海里进 行回忆，以便加强认知。如果界面设计的合理且情 感性突出，那么学习者的学习是主动并且快乐的，对 界面设计的整体印象也是美好的；反之，学习者的学 也是糟糕的。 频等其他形式。无论任何方式，只要是能表达学习 者的学习成果都是可行的。 表现层影响学习者的兴趣、动机、态度等非智力 因素方面。在表现层，学习者可以选择自己感兴趣 的方式，把之前所学知识应用到任何所需要的领域 知识。如果学习者能够很好的利用表现层进行反 习是被动并且痛苦的，对界面设计的整体印象自然 上，又或者是以解决一个问题为目标，而学习相关的 反思层可以通过对学习者予以恰当的评价、鼓 馈，则说明学习者在兴趣、动机、态度等方面具有较 励、指导等来体现情感，即对学习者的反馈体现，让 高动力，否则反之。学习者对自己学习结果的反馈印象深刻，最好能从 四、结语 中得到更强的求知欲望或者积极主动的提高自己的 愿望。 认知心理学家认为，情感是生活中的一个必要 反思层影响学习者的思维。人在处于焦虑、烦 部分，它影响着学习者的认知、行为、思维等，故界面 躁时，思路就会变窄，仅仅集中于与问题直接相关的 设计中情感对学习者的影响是深远的。好的界面设 方面。Ｉｓｅｎ的研究结果表明，当人们轻松愉快时，他 计是美观易懂、操作简单且具有引导功能，使学习者 们的思路会拓宽得更具有创造力和想象力 ¨２。。界 感情愉悦、兴趣增强，从而提高学习效率。 面设计的好坏直接影响着学习者的情感，影响着学 习者的思维。通过界面设计给学习者创造一个良好 参考文献： 北京理工大学出版社， 的学习环境，可以拓宽学习者的思路，对提高学习效 ［１］黄艳群．设计人机界面［Ｍ］．北京：果和质量也是非常有帮助的。 （四）表现层 ２００７：８０—８９． ［２］刘英杰，杨雪．远程学习的情感与认知交互层次塔模型 不管在任何领域以及任何产品的设计中，都需 要给用户或者学习者这样一个表现自我的平台。而 且学习者本人也渴望有这样的一个平台能够把自己 的所思、所学、所想表达出来，这既是为前人学习者 总结经验，又是在为后继的学习者提供研究资料以 及解决问题的思路和办法，同时有利于学习者自己 以及学习者之间显性知识和隐形知识的转化。比如 的构建研究［Ｊ］．中国远程教育，２００８（６）：２３． ［３］鲁超．ＳＯＨＯ室内情感化设计研究［Ｄ］．南京：南京林 业大学，２０１１：１６． ［４］［美］唐纳德・Ａ・诺曼．情感化设计［Ｍ］．北京：电子工 业出版社，２００５． ［５］［美］施耐德曼．用户界面设计：有效的人机交互策略［Ｍ］． 北京：电子工业出版社，２００４：１５—２０． （责任编辑：关光辉） 界面设计中的个人心得记录这一模块，就可以成为 Ｔｈｅ Ｒｅｓｅａｒｃｈ ｏｆ Ｅｍｏｔｉｏｎａｌ Ｆａｃｔｏｒｓ ｉｎ Ｉｎｔｅｒｆａｃｅ Ｄｅｓｉｇｎ Ｚｈａｎｇ Ｐｅｉ，Ｙａｎ Ｗｅｎｘｉａｏ （Ｈｅｎａｎ Ｉｎｓｔｉｔｕｔｅ ｏｆ Ｓｃｉｅｎｃｅ ａｎｄ Ｔｅｃｈｎｏｌｏｇｙ，Ｘｉｎｘｉａｎｇ ４５３００３，Ｃｈｉｎａ） Ａｂｓｔｒａｃｔ：Ｅｍｏｔｉｏｎｓ ｈａｖｅ ａ ｇｒｅａｔ ｉｍｐａｃｔ ｏｎ ｌｅａｒｎｅｒｓ’ｃｏｇｎｉｔｉｏｎ ａｎｄ ｂｅｈａｖｉｏｒ．Ｔｈｅ ｅｎｊｏｙａｂｌｅ ｇｕｉｄｅ ｉｎｔｅｒｆａｃｅ ｉｓ ｍｏｒｅ ｃｏｎｄｕｃｉｖｅ ｔｏ ｔｈｅ ｌｅａｒｎｅｒ’ｓ ｌｅａｒｎｉｎｇ ａｎｄ ｍｅｍｏｒｙ．Ｂａｓｉｓ ｏｎ Ｎｏｒｍａｎ’Ｓ ｔｈｒｅｅ ｅｍｏｔｉｏｎａｌ ｄｅｓｉｇｎ ｌｅＶｅｌｓ——Ｖｉｓｃｅｒａ１ ｌｅＶ— ｅｌ，ｂｅｈａｖｉｏｒ ｌｅｖｅｌ，ｒｅｆｌｅｃｔｉｏｎ ｌｅｖｅｌ，ｔｈｉｓ ｐａｐｅｒ Ｉｎｔｒｏｄｕｃｅｄ ｔｈｅ ｐｅｒｆｏｒｍａｎｃｅ ｌｅｖｅｌｓ ａｎｄ ａｎａｌｙｚｅｄ ｔｈｅ ｅｍｏｔｉｏｎａｌ ｆａｃｔｏｒｓ ｉｎ ｉｎｔｅｒｆａｃｅ ｄｅｓｉｇｎ ＳＯ ｔｈａｔ ｔｏ ａｃｈｉｅｖｅ ａ ｂｅｔｔｅｒ ｅｆｆｅｃｔ ｏｆ ｈｕｍａｎ—ｃｏｍｐｕｔｅｒ ｉｎｔｅｒａｃｔｉｏｎ． Ｋｅｙ ｗｏｒｄｓ：ｉｎｔｅｒｆａｃｅ ｄｅｓｉｇｎ；ｅｍｏｔｉｏｎ；ｌｅａｒｎｅｒｓ ９７