UI设计中用户视觉体验的探究

刘航宇 （成都文理学院美术学院 610401）

UI设计中用户视觉体验的探究

刘航宇 （成都文理学院美术学院 610401）

本文结合设计心理学、图形符号学和人机工程学等相关设计原理对UI设计中用户视觉体验进行分析研究，旨在为移动应用的视觉设计师和相关产品开发者在实际的设计过程中提供理论支撑，为基于用户体验的UI设计的进一步研究提供理论依据和实践的探索。

用户体验；UI设计；视觉元素；视觉表现

本研究得到四川省教育厅人文社会科学重点研究基地工业设计产业研究中心课题“基于用户体验的漫画类APP界面视觉设计与研究”（项目编号：GYSJ17-029）资助。

一、UI设计和用户体验的定义

UI即User Interface(用户界面)的简称，相较于传统的界面，UI更强调User也就是用户的重要性。UI设计这一新兴的设计门类，是伴随着现代科技发展而产生的，其主要包含了人机交互、操作逻辑和界面美观等诸多方面。

用户体验（User Experience，简称UE/UX），即是用户在产品的使用过程当中所建立起来的一种纯主观感受，包括了用户的心理感受、肢体感受、用户对产品的兴趣、情感和效益等，同时也可分为用户的感官体验、交互体验和情感体验等；同时用户体验也不是一成不变的，伴随着用户自身的情感、认知程度、生活环境等的改变，用户体验也会不断地变化和发展。

二、基于用户体验的UI设计原则

UI设计的本质是搭建User用户与产品之间的联系，对于目标用户群体来说，用户体验是由良好UI设计来构筑的。一款优秀的UI设计视觉表现，其用户体验的设计原则始终贯穿于整个设计流程，大到色彩艺术风格的设计、视觉人文关的怀，小到图标的设计、字体设计等视觉因素所构成的良好用户体验不仅可以使产品本身的界面形式耐看且富有设计美感，同时还可以让用户在产品的使用过程当中得到愉悦的享受。

基于用户体验的UI设计应遵循的基本原则即是简约易用，简洁的界面可以让用户对产品能快速上手，减少误操作的可能，满足用户的基本使用效率诉求。也就是说用户不需要使用任何操作说明，就可以直接通过浏览产品的界面就能了解相关功能的使用，使得用户可以快速获取产品本身的服务和准确的信息从而达到目的。UI设计视觉表现还需要遵循用户的使用习惯，界面设计中要使用能反映用户本身的语言，同时充分考虑功能布局的合理化，遵循用户浏览、操作的习惯，即自上而下，从左往右等，使得用户和界面的关系变得更为亲密，产品界面的设计是觉醒是与功能与用户的体验感知高度匹配。同时，UI设计视觉表现还应遵循减轻用户的认知负担，保证用户的良好感官。让用户的记忆负担最小化，对用户来说，浏览信息要比记忆更容易，在设计界面时必须要考虑人类大脑处理信息的限度，保持界面的简洁，隐藏不常用的功能区块，提高产品本身的易用性和可用性，从而使得用户能更专注于产品本身。

三、基于用户体验的UI设计的风格发展与转变

最初的文本化计算机语言时期，就已经产生了初始的UI设计风格，但当时仅仅只是为了满足产品的基本功能，其局限性无法适用于广大用户；伴随着科技的发展，计算机软、硬件的普及，用户对UI界面的需求逐步提升，从而促使了UI界面拟物化设计风格的出现，拟物化的UI界面设计就是设计者从用户的认知角度出发，将图标等一些界面元素的展示，通过模仿公众熟知的日常物体的视觉线索，降低用户去了解如何使用产品时需要的认知负荷。拟物化设计不仅在视觉表现上追求模拟真实物体，同时还在人机交互的形式上也模拟现实。

UI设计的根本目的，就是要为满足用户对产品功能实现和信息传递的各种体验，但伴随着科技的发展，产品的功能越来越强大，界面中所包含的信息量也越来越多，拟物化设计风格的特点使得产品的界面设计过于复杂，从而给用户带来了消极的体验感受，这就对UI设计的视觉表现提出了新的要求。在用户体验需求转变后，一种将复杂的信息高度抽象化、简约化的设计风格即扁平化设计逐步形成。扁平化设计去掉各种冗余、繁琐的装饰效果，强调抽象、极简和符号化的设计元素，以点、线、面和各种色块的应用对整体的设计语义进行组织构架，从而凸显出“信息”本身的核心地位。扁平化的设计风格将产品的界面设计和交互设计进行了重新的定义，将信息内容和产品的使用方式以一种更直接、有效的形式呈现出来，使得产品本身的界面设计更易于用户操作、更加的人性化，进而给予了用户一个舒适、便捷的良好体验。

从UI设计风格的发展和转变的趋势来看，各类设计风格的出现和发展，都是基于用户体验为基本前提。设计风格伴随着产品本身的更新转变、用户的物质文化生活环境、现代科技的发展而不断发展和革新，而UI设计视觉风格的表现也是跟随着用户的需求、生活环境、心理体验的转变而转变，不是设计师单纯从美学或者个人风格的角度出发而决定的，也不是开发者和厂商单纯从市场需求出发而创造的。简而言之，就是用户体验决定设计风格，“形式追随于体验”。

四、UI设计中的用户视觉体验

用户和产品的交流，主要是和界面的交流，UI设计中的用户视觉体验对产品有着举足轻重的作用，一款优秀的界面设计不仅能够让其用户快捷地适应产品的使用方式，无缝地接入使用习惯，从而使得产品在用户群体中留下良好的口碑。以用户体验为中心的UI设计视觉表现主要有视觉要素的感官体验、视觉要素的交互体验、视觉要素的情感体验等诸多方面构成。其中视觉要素的感官体验需要从建立在用户认知和使用习惯之上的版式布局；科学、合理、有效的色彩搭配提升交互的舒适度；文字的可读性优化设计即字体、大小、板式赋予产品美感和提升传达力；图形的直观性更简洁易懂、直观有效；视觉要素的多媒体运用传达信息能够增强界面表达的吸引力和感染力等诸多方面来实现或增强用户的第一感观体验。

视觉要素的交互体验主要以高效的设计可视化和细致的微交互的融入等方面来增强用户体验。UI界面设计的可视化在保证产品正确逻辑关系的前提下，对产品的各类功能模块、界面元素组件、操作流程、信息传递等方面进行产品界面的美观化设计从而达到更好的吸引用户，并且还通过各种视觉要素的形象化表述，让产品的各类信息更简单、高效的传递，从而达到用户体验的有效性和合理性的提升。而细致的微交互的融入，则是对用户体验的重视逐步在不断细化和深入，在界面设计中结合适当的动态效果，增加界面视觉设计表现的生命力，省视和刻画产品本身在使用过程中的微交互，增加用户体验的流畅感和舒适度，让界面设计真正走进用户的内心；视觉要素的情感体验主要是在设计过程当中，需尽量考虑用户在体验过程当中不可避免的不适感同时增加用户体验中的趣味性，让用户和产品之间产生更多的情感共鸣，增加用户的满意度、愉悦度、成就感等方面的内心情感满足。

[1]罗仕鉴，朱上上，孙守迁.人机界面设计[M].北京：机械工业出版社，2004.

[2][美]Jesse James Garrett.用户体验的要素[M].北京：机械工业出版社，2007.

[3]杨艾祥.下一站用户体验[M].北京：中国发展出版社，2010.

[4]陈启安.软件人机界面设计[M].北京：高等教育出版社，2004.

[5]丁玉兰.人机工程学[M].北京：北京理工大学出版社，2011.

刘航宇，研究生，讲师，研究方向：动漫、数字媒体艺术。