开发教程

网站建设时是怎样通过视觉设计影响用户体验的

为什么说视觉设计很重要,可以影响到用户体验?首先人是视觉动物,而网站也是一个视觉媒体。任何一个用户都会因为视觉元素影响对网站的感官,这些视觉元素也是UI设计的一部分,并作为视觉线索引导用户交互。 下面主要介绍5类最突出最直接影响着一个网站的用户体验的视觉元素。

在一个好的用户体验过程中,这5类视觉元素分别有着各独特的作用。如果一个设计师足够重视这5类视觉元素对用户体验的影响,那么他将能设计出不同的体验以吸引用户并且提高产品的转化率。仅仅对视觉元素的属性做出一个看似简单的改变也能显著的影响用户体验。                               

一、Logo
当我们第一眼看到一个logo,首先辨识的是它的颜色,形状和形式,通常不会直接把不同的部分当作一个整体。因为,我们的大脑可以通过我们看到的这些视觉图案根据以往的经验做匹配,进一步解释我们看到这个图案,最后使我们理解logo的含义。所以,我们在设计logo的时候,就可以通过它向用户传达更多的意思,而不仅仅用作不同企业的区分。通常,logo仅仅是一个公司的品牌符号,当然,把logo放在一个页面的顶部有营销的作用,比方说当用户想要购买某个产品的时候,能立刻知道是这个产品是属于品牌。但logo的作用不止如此。

从用户体验的方面来说,logo也可以让用户定位自己位置,通常来说,它是回到网站首页的一个快捷键。另外,logo也是网站最重要的识别符号,把logo始终放在一个固定的位置,一定程度上可以提升用户体验。在尼尔森诺曼集团的一项实验中,参与者被要求完成一个导航任务,研究结果表明,当logo始终放在左边的时候,用户体验更好,当想要返回首页的时候,如果logo放在中间比把logo放在左上角的操作要困难6倍。


二、字体排版
文字可以记录思想、交流思想或承载语言,不同的字体和排版也会给我们带来不同感受,这些不同的感受可能仅仅因为字体不同的大小、合适的间隙、或者一句话的长度等等。在一个网站中,文字通常是承载内容的主体,因此,字体排版对用户体验以及网站整体风格有着最重要的影响。卡耐基梅隆大学的最新研究中表明,字体排版决定了线上的阅读体验,从理解性可读性上来说:较大的字体阅读体验更好,当然不能过大。

这次研究使用的是维基百科来作为测试阅读体验的网站,维基百科是一个基于维基技术的多语言百科全书协作计划,用多种语言编写的网络百科全书。可能是目前最流行,文字量也最大的网站。根据实验记录,当字体更大的时候,会使阅读更加容易,也更容易理解内容。因此,研究者建议,网站建设时主要内容的字号应使用18pt,正如研究结果表明,18pt字号拥有最佳可读性,然而当字号上升到22pt时,可读性的提升微乎其微。

当然,字体对人的影响也与文化背景有关,在选择字体的时候也需要注意到这一点,比方说很多人会将Helvetica这个字体与美国系起来,因为美国的税单用的就是相同的字体。再比如说中文字体的衬线体经常用在与中国文化相关的设计方面,而非衬线体更适合现代化的设计风格,因为以前的中国是没有非衬线体的,非衬线体是现代才出现的

字体都是由人来设计的,通常情况下字体本身也带有设计者赋予它的特定意义。你绝不会希望字体本身传达的意思与你想要的传达的意思大相径庭。那么,该如何设计字体来使阅读者感觉良好呢?
1、选择合适的字号。最大字号不要超过22pt,最小字号不要低于12pt。

2、注意选择合适的字体。用于大段文字的字体要尽量避免使用手写体和装饰较多的字体,这些字体会加强阅读难度,这会严重降低阅读速度。应该使用简单的非衬线体字体。
3、合适的间隙。右边的字体更容易阅读。

4、每一行的字数要合适。如果一行字太短,人的实视线需要进行频繁的左右移动来寻找开始和结束的位置。而如果一行字太长,人们又难以找到下一行开始的地方。一行字最合适的的长短范围是50~75个英文字符,也就是27~40中文字符之间。



三、引导按钮
通常来说,引导按钮直接反应了用户的目标,他们引导用户单击或者选择,来进入下一步操作,因此,放置好引导按钮对创造好的用户体验很重要。越是让用户容易发现和理解引导,用户体验就越好。
那么,一个好的引导按钮有哪些要求呢?
1、有足够的视觉吸引力,能够吸引用户去点击。

2、使用对比度较高的颜色,但又要能够融入整个设计风格中。

3、按钮要足够大,要让用户容易发现,但又不能大到让用户从主要内容上分心。

4、按钮上的文案要简洁明了,字数不要超过5个字。

5、文字要使用具有引导性的动词,比如注册、下载、开始等等。

6、操作结果要可预期,让用户知道击后会发生什么。


四、留白
留白指的是那些元素周围的空白空间。留白能帮助很好的用户将视线聚焦到那些重要的内容上,无论是引导按钮,还是logo,页面上任何被留白包围的元素都会显得很突出,更容易被用户看到,也使得内容更容易被理解。比方说美国航空的官网,他们的网站页面几乎是填满了内容看不到留白,相反,在去年的新设计中,网页上的各个地方都增加了适量留白,现在用户终于能轻松地把注意力集中在页面的主要内容上了,旧版设计则很容易让用户感到杂乱不知道该关注哪里,给用户带来使用上的不便和负面情绪。


五、图像
图像是视觉设计中一个难以忽视的重要视觉元素。令人惊讶的是我们的大脑在处理图像信息的时候,只需要13毫秒。这种极快的处理速度能够让我们更快的获取到信息。例如,当我们电商类网站时,看到一件衣服的图片,我们能马上知道这是什么风格,颜色设计是否合适我们是否喜欢,都确定后才会去看价格。这也说明使用图片能够增加网站的用户转化率,可以试想一下,如果一家电商不提供商品实物照片,有多少人会购买呢。更夸张的是,图文并茂的文章比没配图的文章,阅读量要多出94%,这就是图像的力量。


总结
视觉设计上的任何一点小改动都能对用户体验造成显著影响,同时也影响着用户参与度转化率增加网站的视觉吸引力(留白+图像),使用户更容易获取重要信息(留白+字体排版),改进网站的视觉线索(引导按钮+导航),不仅是设计上的正确选择,同时也是商业上的正确选择。