基于交互体验和视觉体验的用户界面设计分析

马羚

摘要：在用户界面（User Interface，以下简称UI）设计过程当中，交互体验和视觉体验是两项需要考虑的核心内容，而从UI操作的特点以及人的生理、心理特点来讲，其两者之间又存在着直接的关联。因此在UI设计中，应当基于用户的交互体验和视觉体验做到两者兼顾，使UI全面符合人的操作习惯以及视觉生理、心理需求，从而达到优化用户体验的目的。本文首先明确了研究所涉及的相关概念，其次阐述了基于交互体验和视觉体验的UI设计意义及原则，最后提出了基于交互体验和视觉体验的UI设计思路，希望能够为相关的工作实践提供参考。

关键词：交互体验;视觉体验;用户界面设计

中图分类号：J524 文献标识码：A

文章编码：1672-7053（2021）03-0080-02

准确的来讲，“UI（User Interface）”即“用户界面”是一个广泛的定义，指的是人和物互动过程中的界面，如汽车的方向盘、中控台，以及遥控器的按键面板等等。不过在信息化技术出现与普及之后，UI这一概念更多地被应用到了人与软件的交互中来，如计算机、智能手机的系统界面，各种网页、应用的操作界面等等，本文针对的是人与软件交互的UI。从上个世纪八九十年代开始，以互联网和计算机为主的信息化技术便面向全球迅速推广开来，时至今日其已经渗透进了人们生活、生产、学习、购物的方方面面，各种技术、设备明显增多，系统、网页、软件应用层出不穷，这使得UI设计成为了人们重点关注的对象。因为UI是人操作设备、系統、网页、软件的必要“接口”，只有通过它才能达成目的，发挥出信息化技术的作用和优势。在信息化技术发展的早期，UI设计是较为粗糙的，单方面侧重功能的实现，在一定程度上忽视了UI设计需基于交互体验和视觉体验，而实际上正是这两者影响着人机交互操作及视觉体验。与此同时，人们不再仅仅重视信息化功能的实现，而是更注重信息化功能实现时的操作体验和视觉体验，这甚至成为了产品能否被用户接受、喜爱的主要指标之一。

1相关概念解析

1.1交互体验

交互体验是指人使用产品或者访问服务的过程中所感受到的、所获得的交互内容的总和，是一种主观感觉，好学易用、准确高效、安全友好是人性化交互体验的基本要求。在信息化服务领域当中，各种软件、系统、APP都会使用户产生交互体验感，比如用户注册、按钮设置、错误提示、在线搜索、在线问答、意见反馈等，并且其强调交互操作中的可用性、易用性。

1.2视觉体验

视觉体验是指运用视觉器官去辨别光的明暗强弱、色的色素组成，以及物体的大小远近、状貌变化，从而准确把握事物的特征，真实反映客观事物。不过需要重视的一点是，视觉体验不仅仅局限在“视觉”本身上，其同时还会影响到人的精神活动、心理活动，如使人产生审美的感受，或是产生轻松、舒缓、愉悦的情绪等等。

2基于交互体验和视觉体验的用户界面设计意义

人不论是对于事物的生理、心理感知，还是对信息的获取都主要通过视觉，尤其是在信息化的人机交互中更是如此。简而言之，信息化的人机交互必须要依靠视觉，如通过视觉获取交互所需信息，接受交互的流程引导，掌握正确的交互操作方法等等。基于交互体验和视觉体验进行用户界面设计能够大大增强用户的体验感，满足用户在人机交互中的视觉生理、心理需求，保证所有的操作都符合人的视觉认知规律和活动心理规律，进而对信息化服务起到一种重要的改进、优化作用。

3基于交互体验和视觉体验的用户界面设计原则

3.1一致性

一方面，是要保证UI设计自身各种交互控件、视觉元素的一致性，如一致的排列规律、字体大小、色彩等等，不能在视觉上对人造成干扰，引起视觉疲劳;另一方面，要保证与行业传统习惯的一致性，时至今日，人们已经习惯了信息化服务，在既往的UI设计中已经初步形成了一些UI设计的传统习惯，用户对之也已经完全地习惯，为了迎合这种习惯，不对用户的交互造成困扰，UI设计便需要尽可能地和传统习惯相一致。

3.2准确性

在UI设计中信息的传达是极为关键的一环，直接影响着用户的交互操作。实践中，信息的传达主要是通过视觉来实现的，要注意不能由于单方面地追求视觉体验，而造成信息传达不准确。应当以信息传达的准确性为基本原则，展开对UI的设计，简而言之就是所有的视觉元素都不能对用户造成信息传达方面的误导，防止用户产生错误的认知，执行错误的操作。

3.3可读性

在人机交互中存在一个双向的信息流，一方面是机器对人发出的信息，另一方面是人对机器发出的信息，而且以机器对人发出的信息为先，基于这些信息，人才能够根据自身所需的功能和服务向机器发出信息，即各种指令。因此，在UI设计中，必须要考虑到机器向人传达信息的可读性问题，在视觉上要符合人的认知规律，如字体的大小要合理，排版不能太紧凑，以免引起视觉疲劳等等。

3.4合理性

在UI设计中，可能包括了诸多的交互功能，这就会增加了视觉设计的复杂度，在这样的情况下，UI交互控件、视觉元素的布局就会成为一个很大的问题。在这里需要坚持的基本原则是合理布局，这种合理性要体现在两个方面，一方面是视觉――认知规律的合理性，如符合人的视觉运动习惯;另一方面是交互控件功能的逻辑合理性，以方便用户进行快速、准确地交互操作。

4基于交互体验和视觉体验的用户界面设计思路

4.1明确用户群体

根据UI主要针对的用户群体，可以基本分析、判断出他们的视觉能力、视觉思维，据此便可以大体确定UI的风格特点，从而迎合用户的视觉体验，得到用户的认可和喜爱。近些年，全球的信息化市场与应用市场都得到了极大地发展，各种信息化设备、信息化应用服务大量增多，而且对于用户群体的划分也越来越细致。如有专门针对少年儿童的教育、学习类信息化服务;有专门针对年轻人的网络社交信息化服务;以及专门针对老年人的智慧健康信息化服务等等。这些不同的用户群体，在视觉能力、视觉思维上是具有自身特点的。在针对少年儿童的UI设计中，其风格特点应当保持简明、卡通、温暖和趣味，以吸引少年儿童的兴趣和注意力;年轻人对信息化操作和互联网世界较为熟悉，而且视觉能力较强，视觉思维运转较快，更多地是追求个性化的体验，所以针对他们的UI设计风格特点应当注重视觉上的冲击力，强化UI设计对用户心理的触动;针对老年人的UI设计，在风格上则需要力求简单、清楚、明了，不能给用户带来视觉上的压力和疲劳感，方便他们进行快捷地操作。

4.2符合阅读习惯

人们在对将事物进行观察时，具有一定的视觉习惯，例如读书的时候从左至右看，观看竖幅海报时从上到下看，这些习惯具有终身性，这是设计师在进行UI设计时需要重点关注的部分，在保证用户能够在一次观看中获得充分阅读量的情况下，进行内容的框架设计，尽可能将重点内容和价值性较高的内容放在左上角，顺应人们的视觉习惯，保证人们的视觉平衡。

4.3强调图标的独特性

在进行UI图形排版时，首先要进行软件风格的定位，保证图形排版的合理性和视觉效应，能够让用户在使用时有良好的视觉体验。图形的设计与排版直接影响用户的使用感受，如果图形的形状与UI设计的整体风格达不到协调统一，那么就无法给用户一个明确的视觉认知，软件特点也不明确，很难在软件市场中长久地立足。考虑到近几年来，用户的视觉思考模式逐渐由文字转化为了图形，设计师们应该对UI设计中的图形充分重视，尽可能地保证图形既符合UI设计的整体需求，又能够具有一定的创新性和独特性，让用户在瞬间产生较为深刻的记忆。

4.4增强用户视觉体验

人是“视觉动物”，视觉对于人的身心感受影响是相当大的，甚至会决定人对事物的接受程度。因此，为了使UI设计更受人喜爱与认可，并由此促进系统、网页、应用等信息化服务的市场化发展，就需要合理地增强用户视觉体验。这里所谓的视觉体验，不一定非要强调视觉――心理上的冲击力，而是要让用户感到舒适。如色彩是非常容易给人带来视觉体验的设计元素，在设计中时，既要保证色彩的选择与信息化服务的属性、功能以及界面信息基本一致，也要保证其具有一种美学性质的和谐性，能够给人带来视觉上美的享受，从而提升其视觉体验。

5结语

交互体验和视觉体验是UI设计中的两大核心内容与关键课题，它们共同决定着UI设计的品质，进而影响着人的信息化服务体验，所以需要对基于交互体验和视觉体验的UI设计加强研究、探讨与实践，正确认识其二者的重要性，处理好它们的相互关系，以此提升UI设计的品质及信息化服务体验。