浅析GUI对于用户体验的影响

叶媛

摘 要：视觉上的感受在用户体验中是最直观的一部分，我们从艺术的角度，通过合理并富有创意的设计可以提升界面的可用性和可操作性。良好的视觉设计不仅能带给用户很好的浏览体验，也能使用户操作更便捷，最大限度地满足用户需求。

关键词：用户体验；视觉设计；设计要素

“用户体验”一词早在20世纪90年代就得到了大家的广泛认知，随着物联网时代的到来，用户体验在贯穿设计创新以及信息交互的过程中占有越来越重要的地位。当今科技发展日新月异，在新形势下，互联网的发展迎来了机遇和挑战。GUI的设计风格呈现多元化特征，使众多网站不断追求更贴近用户的体验设计。

1 用户体验的重要性

用户体验（user experience）简称UE，是用户群体在使用一个产品（服务）的过程中建立起来的一种纯主观的心理感受。用户体验无处不在，我们判定一个设计是否成功，最重要的就是在设计中是否以用户为中心，是否遵循“以人为本”的设计原则。用户体验的核心和本质就是研究人在特定场景下的思维模式和行为模式，然后顺应和利用它。因此，用户体验需要观察和记录用户平常状态下的行为，从而进行分析、研究、思考。事实上，这正是很多机构和公司研究用户体验的方法。

设计的核心意义和价值就在于信息的交互与传达，从而达到用户的根本需求。视觉设计在产品的呈现中是最先被用户接触到的，直接影响到用户对产品的第一印象。用户在浏览过程中，布局的合理性、内容的丰富性、色彩的舒适性等都会使用户产生不同的情绪，一旦产生了不良情绪，用户的浏览很容易被迫中断。我们可以通过用户体验的反馈结果对设计进行适当的调整，因此用户体验在产品设计中起到了至关重要的作用。

在用户体验领域，视觉设计师需要解决什么问题？解决的问题可以提高哪些价值？在用户体验领域里，视觉设计师要解决的问题是体验的舒适性、合理性以及美观性。它所带来的价值，站在商业角度来看，是更优雅和更直观地传达产品的价值；站在用户角度，则是拥有更高的用户使用率，让用户更加喜爱产品，并对其产生情感上的依赖。在体验设计的领域，视觉设计师要解决的是最普遍的问题。一般来说，用视觉设计的方法来解决实际问题需要从深度和广度两个维度拓展。从深度上来说，视觉设计仅仅满足合理、舒适和好看这几方面，还远远不够。更核心的点是你需要让用户发自内心地感受到愉悦。只有情感上的爱不释手，才真正能更有力量地帮助产品获得成功。从广度来说，视觉设计师需要试着去解决传统意义上的非视觉问题。例如，讨论时我们是否可以试着用图形草图帮助同事整理思路？或者汇报时通过动态的图形来演示，使得大家的思路更加清晰？或者当父母老了想学习用微信时，是否我们可以做一份微信的手绘说明书帮助他们学习？

2 影响用户体验的视觉元素

人们日常所获得的信息中，有将近80%都来自视觉，随着时代的进步与技术的发展，视觉已经成了一种沟通现实世界与虚拟世界的桥梁。在新时代的互联网行业中，视觉早已不再是传统的、单纯的视觉感受，而是承载着诸多产品功能及数据的媒介。良好的视觉设计应该能够做到视觉表达与产品功能的统一，想要赢得更多的用户，吸引更多用户的注意，就必须了解用户，了解满足用户需求需要达到什么样的功能，而这些功能要如何通过视觉化的体验高效传达给用户。

那么，怎样的设计才是优秀的界面设计？优秀的界面视觉设计首先是能非常明确地传达这个产品的主旨。简单说，就是这个产品是用来做什么的。产品必须是一个有机统一的整体，产品的设计必须由内而外都是协调统一的。因此，在色彩、文字、排版、布局等的选择必须与产品的功能、情感相呼应，务必做到一脉相承，良好地传达产品的设计理念。

优秀的界面视觉设计应当是独特的、吸引人的，特别是最初的直观感受。当然这必须先满足之前的先决条件，而不是单纯地为了博眼球、搏出位。整个设计过程会是一场微妙的博弈与平衡，以达到一种有魅力的、素雅的、耐看的境界。

而优秀的视觉设计师是能够感受和接纳用户的。每作出一个决定的时候，都是从用户的角度出发，而不能总是陷入无限的自我陶醉或者情怀当中。

其次，优秀的视觉设计师是熟悉、精通多种风格的。用户是多样的、需求是多种的，流行是会随着时间变化的，界面的视觉元素也应随时代发展而进步。

最后，优秀的视觉设计师是有自己的理念的。这种理念不会是狭隘的扁平化或者拟物化，这些只是表象的手段。这种理念应当是基于它对用户有何益处，又或者给用户带来什么样的好处，获得了什么样的启发，或许是生理上的，或许是情感上的。

“用户的视线首先落在什么地方？设计要素如何才能引起用户的注意？我们所要向用户表达的信息是否會成为他们关注的焦点？设计的整体布局是否合理，结构是否优化？层次是否清晰明确？”在设计之前我们所要考虑及分析的方面有很多，需要有足够的用户分析作为设计的支撑。

2.1 文字内容

文字在界面设计中是最重要的部分，是不可缺少的一部分。在界面设计中，对于文字有其特定的规范。网页当中的文字与界面整体的风格设计息息相关，字体尤其独特，在设计中采用不同的文字会产生风格迥异的视觉体验。文字可以有不同的功能及表现形式，具体体现在字体、字号、行距、色彩、排版形式等方面，标题文字或slogan，我们可以使用一些富有创意的文字字体和排版形式，按照层级的递减关系来编排界面中文字的大小，层级越高，字号就越大。正文的文字通常会影响用户的阅读效率，在PC端我们通常采用微软雅黑的字体以及不小于14号的字号，而在移动端通常会根据不同的系统和屏幕尺寸来进行相应的调整，使之达到让用户阅读起来最舒适的效果。

2.2 图片展示

人们所获得的信息将近80%是来自视觉的，而图文并茂通常是用户最容易接受的表达形式，图形是人与人进行交流与沟通的最直接的视觉传达方式，因此图片信息在界面设计中也是尤为重要的一部分。

图片的使用可以使得画面更加丰富饱满，在信息传递方面的表达更加的直观和生动，更加容易集中用戶的注意力，从而更好地引导用户，实现目标。富有创意的图片往往具有烘托气氛的作用，可以让用户感受到整体的设计氛围。与此同时，富有视觉冲击力的图片可以帮助企业树立品牌形象。

2.3 色彩搭配

色彩本身会说话，它可以表达出丰富的情感。世界万物都要通过色彩作为媒介才能够被人们所感知，不同的色系、不同的明度、不同的纯度以及不同的色彩搭配都能给人带来不一样的心情。例如，红色带给人热情，蓝色带给人安静，绿色具有顽强的生命力，紫色充满了梦幻。巧妙的色彩搭配往往能给用户以强大的视觉冲击力，这些富有强大感染力的色彩能给用户留下极为深刻的视觉印象，强化信息交互，留住用户的视线。

2.4 版式布局

布局设计是从宏观的角度去考虑产品的结构与功能，运用合理的版式设计原理，将界面上的视觉元素进行富有层次的排列组合，使得界面的内容表达更加直观，使复杂的内容简单化。布局的目的就是实现信息传达的清晰化、合理化，从而提高用户浏览时的舒适度。布局设计是系统化的，能引导用户的视觉动线，起到统筹作用，虽然没有图片及文字那样给人带来直观的印象，但却是必不可少的。

3 如何提升用户体验

当我们在使用一款产品时，显而易见的，我们最先接触到的就是视觉上的体现，用户可以通过界面上的排版布局通过各种操作按钮去完成想要的操作，当我们非常顺利地完成计划时，自然会对产品产生好感。

用户在使用或浏览界面的过程，不仅仅是信息交互的过程，也是与用户之间建立信任关系的过程。产品中影响用户体验的因素有很多，如使用环境、品牌形象、信息内容、加载速度等，而视觉设计是诸多影响体验因素之一，但却是至关重要的一个环节，视觉设计会直接影响用户对产品建立信任的程度和初步印象。主题明确、结构主次分明、色彩搭配舒适的界面能更快吸引用户的目光。因此，就要求设计师在进行视觉设计时，从用户的角度考虑问题，要想获得更高的用户黏度，除了要抓住用户的“痛点”，还要考虑到用户群体的操作习惯、思维方式和使用环境，用最优的色彩、文字排版形式来提升网站可用性，为用户带来愉悦的浏览体验，从而给用户留下深刻印象，吸引用户再次访问。

3.1 结构清晰 阅读舒适

设计的核心意义和价值在于能够向用户输送信息，引导用户的操作行为，从而达到满足用户需求的目的。设计与纯艺术是有一定差别的，设计的本质是为大众服务，所以视觉层面上信息传达是否清晰、体验是否舒服尤为重要。因此，也要求设计师在着手进行设计之前，进行充分的用户研究，尽可能避免因视觉上的某些不合理性而影响到用户对产品的整体印象，产生抵触情绪。例如，图1中的两个产品界面设计，界面主色色调较浅，上面的白色文字阅读性很差，阅读会很费力，左边界面，每个图片的主题文字和发布时间阅读性相对都较弱，右边界面，层次相对不是很清晰，推荐一下、关注、分享的引导性较弱，整体的用户体验会大打折扣。

3.2 化繁为简 易于接受

随着技术的飞速发展，越来越多的用户群体习惯在网上查找资料、浏览新闻、购物等。人们对于生活品质的要求也随之提高，新的交互设计形式层出不穷，越来越多的创新思维被应用到实际项目中。这些设计形式往往可以使产品变得更加生动和富有趣味性，但有些时候设计的装饰性过度，掩盖了原本的内容及功能性，用户在浏览操作上相对难以找到需求点，用户体验往往会大打折扣。设计没有非常统一的标准去评判其优劣，只有在用户的使用过程中，通过用户的体验反馈，才能够得知产品是否被大众所喜爱，大众易于接受的产品才能算得上是优秀的产品。产品的设计中会涉及很多的操作行为，如果界面上有多余的元素很有可能就会形成误导和阻碍。所以，在设计时不应过分关注多余的装饰，要化繁为简，突出重点内容，简化界面，使之简洁明了，排除了用户的诸多阅读障碍，体验感自然随之提高！例如，图2所示的界面设计，界面简洁明快，没有多余的设计元素，在色彩、文字、按钮、图片上都进行了精细处理，可以说是一款用户体验良好的产品。

4 结语

用户体验无处不在，在科学技术迅猛发展的时代背景下，用户对于产品的需求越来越高。这大大提高了设计出更具吸引力的、用户体验更好的产品的难度。面对复杂多变的外部环境，传统的产品设计方法已经不能适应当今的社会发展形势，设计师们要拥有产品思维，做设计早已不再是单纯地从审美角度出发，更需要全方位、多角度地去考虑实际问题，为用户提供更加便捷高效的解决方案，这才是产品本身所应关注的问题。

参考文献：

[1] 余小芬.网页设计风格的审美效应[J].大众文艺，2012.

[2] 特里斯（美），阿伯特（美）.用户体验度量[M].周荣刚，译.机械工业出版社，2009.

[3] 霍夫曼（美）.瞬间之美：Web界面设计如何让用户心动[M].向怡宁，译.人民邮电出版社，2009.

[4] 隋涌.互联网产品视觉设计[M].清华大学出版社，2015.