企业网络营销浅谈之UI交互设计流程

企业网络营销浅谈之UI交互设计流程（精选2篇）

篇1：企业网络营销浅谈之UI交互设计流程

UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。那么，企业网络营销浅谈之UI交互设计流程具体有哪些?

一、确定目标人群，即这个应用是做给谁用的。比如年轻人、老年人、商业用户、等等。针对每种不同的人交互设计重点不同。比如年轻的潮人，可能更在乎视觉效果的绚丽，而老年人则更喜欢简单明了指导性明确的东西。比如发信息，年轻人可能很容易理解一个“信封”的icon就是发信息的意思，那么岁数大点的人可能更喜欢button上写上“发信息”三个字，那样更容易理解。

二、调研目标人群的交互习惯，包括这类人群喜欢文字或是图片;喜欢减少操作步骤或是无所谓;喜欢简单明了的操作方式或是另类的操作方式等等。

三、确定目标人群的交互习惯后就要建立交互模型，其中包括操作方式统一(同类型功能的操作方式一样)、交互行为统一(同一类型的操作，得到的反馈是一样的)，控件风格统一(tab页要么在上要么在下，toolbar要有就都有，要没有就都没有)等等。

四、对应用的功能进行分类，同时对相应的操作进行提炼。哪些放在面上，哪些放在么Menu里，这条GUI设计师必须要参与。个人认为GUI对逻辑架构的敏感性在某些层面上讲要超过UI设计师。

五、最后由GUI设计师按照交互细节来设计视觉效果，同时检查视觉设计和交互设计之间的冲突。比如UI设计师在列表中设计了3个button，但是在GUI设计师设计时发现使用24sp的字号时是放不下3个button的时候，就要反馈给UI设计师，从新进行规划。

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

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

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

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

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

(一)交互对象,用户的非专业性。

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

(二)动作,产生事件的交互操作过程称为动作。

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

(三)事件,用户与交互对象产生动作即交互时产生的操作结果称为事件。

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

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

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

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

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

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

参考文献