浅谈交互设计流程中的视觉因素

丁男

【摘 要】交互设计中的视觉因素要符合交互产品的交互性，在交互设计流程中优秀的视觉设计能精确与高效地传递信息与任务，从而能够清晰地表达交互意图。

【关键词】交互设计；UI；草图设计

中图分类号：J524 文献标志码：A 文章编号：1007-0125（2016）12-0150-02

如果交互设计中视觉设计的标准只是“美”的视觉效果，那么设计师就会陷入无所适从的境地。采用什么样的视觉元素来表达完全出于设计经验与所谓的“感觉”，而衡量设计是否够好的标准仍旧是“感觉”。要脱离这个窘境，就需要设计师回到理性中来，认识到视觉设计工作是针对目标用户来表达内容，采用什么样的视觉符号是出于对用户的分析和内容表达的需要。如同教师讲授课程，干巴巴地念书面稿可以完成内容讲授，但教学效果差，如果能将课程内容辅以清晰的图表等方式进行视觉化表达，学生往往会更受用。在交互设计的流程中，视觉因素要适宜整个交互设计并被包含于交互设计的结构中，才能够做出符合受众行为习惯的交互设计产品。

一、交互设计草图的视觉因素作用

在交互设计初期，视觉因素以交互草稿等形式，在设计过程中起着不可轻视的作用，它以草图、视觉符号、视觉形象的方式表达着设计师的意图。首先，草图的视觉因素具有记录构思的作用。即对构思的整理、推敲、记录。在交互设计过程中，交互产品的视觉形象作为一种符号，必然具有符号学的一些特征，对于交互设计师来讲，其所设计的交互设计草稿图中的符号总显示着某种意义，代表了设计师当时想法的流露和灵感的迸发，总与交互的意义形影不离，一系列符号构成了设计师的整个思维过程。其次，草图的视觉因素具有表达性的作用，即将自己的构想传达给第三者，让他人理解你的创意。绘制交互设计草图是为了让客户及团队理解交互思路，能够以草图形式和团队成员进行沟通合作，它是设计师与团队及客户之间的桥梁。再次，草图的视觉因素可以表现最终交互产品的视觉风格定位，虽然初期视觉草稿不能完全表现最终交互产品效果，但对最终视觉风格和形象都有了准确定位。初期并不完善的视觉设计因素的绘制为交互产品视觉和交互性的深化留下了很多想象的空间，为交互设计的进一步深化完善和细节处理打下了基础。用户研究阶段的视觉草稿表达能够快速记录下设计师的想法，而且还能不断刺激设计师产生新的想法。

二、交互设计视觉因素表达交互意图的方式

在交互设计中期阶段，此时的视觉设计要符合交互产品的交互性。在交互设计流程中优秀的视觉设计能精确与高效地传递信息与任务，从而能够清晰地表达交互意图。此处的清晰意为清晰的视觉引导和引导元素的精准性。视觉设计能够在交互设计中以科学的视觉语言方式，自然而又清晰地规划出视觉路线，来引导使用者进行流畅地检索和阅读。同时，以图形、符号、色彩等因素给予交互画面或外观以强烈的美感。从而达到吸引用户进行交互并能够帮助用户顺利完成交互。在交互设计的流程中视觉因素要基于三个交互基本要素而设计：

（一）交互对象，用户的非专业性。

研究交互对象首先要研究用户活动，因为交互对象是用户活动的直接反映。研究用户要坚决杜绝凭空想象，专业人士拥有的知识构架和审美水平，可以潜移默化地影响他们的行为，特别是交互设计人员，属于专业用户，普通用户难以理解的交互符号和繁琐的交互步骤，可以被他们轻易掌握。他们的专业技能决定了他们不同于普通用户也不能推理出普通用户的认知。所以我们的交互视觉设计一定要符合普通用户的要求，其中任何一个微小细节的偏差，都有可能影响用户体验，交互对象的视觉设计应该在交互框架下能够辅助用户交互并且在视觉上具有相适宜的美感。

（二）动作，产生事件的交互操作过程称为动作。

动作作为产生事件的交互操作过程，完全由用户引发，是交互过程中的中心环节，视觉设计在交互动作中应该以视觉因素引导和提示的方式给予用户交互方向的说明，并且通过符号、图形、颜色帮助用户方便而满足地完成交互。

（三）事件，用户与交互对象产生动作即交互时产生的操作结果称为事件。

事件作为用户与交互对象交互产生的操作结果，要符合客户的期望，用户通过动作使交互产品产生某一特定事件。当这个事件跟用户所期望的相一致或者比较接近的时候，用户就会产生满足感和成就感，这就是交互中良好的体验，而交互产品反映的事件与用户所期望的结果不同时，用户就会产生挫败感。在交互设计流程中事件通常以反馈信息或者进一步动作提示的形式把动作结果反馈给用户，所以视觉形象在此时要清晰地表达出反馈结果或者进一步引导和提示用户交互。

三、交互设计后期视觉因素的整合

贝塔朗菲强调任何系统都是一个有机的整体，它不是各个部分的机械组合或简单相加，系统的整体功能是各要素在孤立状态下所没有的新质，整体功能大于各部分功能之和。在交互设计实施阶段，视觉因素整合作为交互设计不可缺少的环节尤为重要，此时应该以交互性为前提，把不利于交互产品易用性的不易表达的视觉因素舍弃，使得视觉因素与交互功能完美结合。而我们的最终交互产品也要求是能够美感与交互易用性兼顾的交互设计产品。

四、视觉因素在交互设计流程中的重要性

优秀的交互设计就像婀娜的舞者，用美丽的线条（视觉因素）和轻盈的舞姿（交互性能）诠释形式的美感与精神的表达。没有人愿意看到臃肿演员跳芭蕾，不是因为臃肿的“丑”，而是因为与内容的不适宜。同样，对于交互设计而言没有丑陋的视觉设计，只有与交互性能不适宜的视觉设计。事实上我们在信息不足的情况下，是通过封面，判断一本书的质量；通过外观，判断一家餐馆的档次；通过视觉设计判断一家网站的好坏。如果访问者正在寻找精美的服饰或儿童玩具，他们或许不会在一家满眼望去都是灰色调，视觉设计不鲜明的网站上花费时间。我们设计师努力提升访问者的体验，并不是放弃可用性的标准，我们设计师一直在谋求利用交互设备的独特性，刺激、吸引、愉悦访问者。出色的视觉设计，能够赋予意义，提供语境，唤起情感，能够让更多用户在与交互对象交互中体验到更多满足感。

VR技术的快速发展体现了对人的因素的不断重视，使人机交互更接近于自然的形式，使用户能利用日常的自然技能，无须经过特别的努力和学习，就可以让认知负荷降低，工作效率提高。这就更需要交互设计中视觉因素的不断发展与补充，形成以视觉通道为主的各种感觉通道结合的交互发展方向。在VR技术更加成熟的明天，交互设计的视觉因素会因为其他感觉通道的加入对交互设计师形成新的挑战，交互设计师唯有以用户为中心，探索符合人心智模型的交互视觉表达方式，才能跟随交互技术革新的步伐不断前行。

参考文献：

[1]库帕.交互设计之路[M].电子工业出版社，2006.

作者简介：

丁 男，辽宁师范大学计算机与信息技术学院。