0535-6678111
烟台网络公司:网页设计中那些元素影响了视觉体验?
作者:newrui时间:2016-12-17

当自定义标签打印机合并标签重新设计了它的网站,他们的最终目标是提高客户转化率。但他们喜欢他们的网站,并没有看到需要作出许多改变。最后,他们改变的只有一件事在他们的主页:添加行动号召一个明亮的绿色按钮。

 

根据一个项目的案例研究,运行测试后,统一的标签是看转换增加62%震惊。所有这一切,只是添加一个行动呼吁按钮。对于Tracy Gamlin来说,他们的网络营销经理,教训是很明显的:

 

当我们在这个案例中,我们看到的视觉设计制造差异的一个明显的例子。具体来说,合并标签做了几件事。行动号召的色彩对比弹出网页上,它具有容易复制的按钮阅读的字体,这是大到足以让人注意到。

 

什么是重要的视觉元素

 

人是视觉动物,而网络是一种视觉媒体。在任何网站上,一个人的用户体验会的通知,通过视觉元素的影响。这些元素都是UI设计的重要方面,作为视觉传达一个人如何能与网站进行交互。

在这篇文章中,我们将讨论如何五突出的视觉元素,看到全国数百个网站的人可以大大影响用户的体验。他们是:

 

1、排版

2、图标

3、命令按钮

4、白色的空间

5、图像

这些视觉元素都在好的用户体验的总体方案,发挥了独特的作用。当设计师了解如何这些视觉元素的影响用户体验,他们可以提供的经验,吸引用户的种类,提高组织的转化率。简单地改变周围看似很小的属性的视觉元素无论是尺寸或定位–可以导致用户的一个显着不同的经验。

例如,当涉及到印刷,某些字体实际上使我们感觉好的或坏的,据The Next Web基于因素,如大小、右线长度(50到75个字符),和适当的间距。同样,我们的大脑首先确定一个标志的颜色、形状和形式,在做出积极的识别标识这些对象分组,根据HubSpot的图表

 

然后,我们的大脑将这种视觉模式与现有经验表明相同的模式。最后,语义属性的喜好和属性提供给所标志的意义。记住,我们的设计理念和使用它们不仅仅只是确定一个组织。同样,我们可以用行动,空格,和图像的影响用户的体验,的方式,我们将探讨不久。

 

排版

 

文本的形式在任何给定的网站我们看到的大多数内容。因此,对印刷术的出现是在UX设计的重要力量。带这项最近的研究来自西班牙卡内基梅隆大学和Universitat Pompeu Fabra。它对可读性和理解的一个在线阅读实验并得出结论,越大越好–更好。

 

研究对象进行阅读实验的维基百科,可以说是一个最流行的和文本的网页重网站,并报告他们的文字更容易阅读和理解的时候,更大的字体大小。有鉴于此,作者建议所有网站使用18点字体大小的所有网页的正文。他们指出:“最好的可读性与主观18分了,但是移动到22点字体大小没有产生有意义的改进。

 

是什么使这项研究如此强大,它大胆地转移和挑战我们的一些版式规范–如2013把杂志上的文章谈然后用12点字体大小的普及(16像素)。在某种程度上,这使得18点字体大小的秘密武器。

 

图标

 

理性往往被认为是单纯的品牌工具,迅速、普遍地识别一个公司或新闻出版。当然,有一个营销要素在一个页面的标题显示的标志。如果一个用户喜欢的东西,他想买的东西或同意她写的,他或她会马上知道什么品牌销售产品或相同的价值观。但有比这更重要的事。

 

从严格的用户体验角度,标志是用户自己定位的手段,往往增加一倍作为一个快速链接到该网站的主页。此外,他们提供了一个一致的灯塔,确定场地。这是微妙的,但凭借始终显示在网站的相同点标志,提高用户的体验。

 

进入研究从尼尔森诺尔曼集团,研究参与者被要求执行导航任务和品牌回忆练习的分析看后不同部位左对齐和居中的标志。结果证实,左对齐标志辅助UX相当。他们总结,“回到主页大约是6倍的努力当标志被放置在页面的中心相比,它是在左上角的时候。”

 

如果没有足够的理由让一个标志在视觉上突出,还记得前面提到的智慧的HubSpot的图表:识别标志部分模式匹配现有的经验。换句话说,如果标志是突出的,和用户有一个积极的经验,他们会更容易把品牌在未来的积极的事情。

 

命令按钮

 

作为一般规则,号召行动按钮反映了用户的目标:他们促使人们点击,点击,或选择,以移动到用户的旅程的下一步。记住,这些按钮的定位是创造一个积极的用户体验中心。用户更容易找到和理解行动的召唤,他们会找到更直观的体验。

 

根据心理学原理感知集合理论我们的大脑过程,号召行动按钮根据我们之前的预期。我们期待他们能够在登陆页面;我们总是在登陆页面–这是一个循环理论看他们!不过,这是任何有效的行动的出发点,如果我们按照额外的最佳实践。

虽然没有一个行动的布局,他们应该有一个面向行动动词从他们,让用户明白他们必须采取行动,根据HubSpot的最佳实践。一旦建立了,建立了Unbounce的研究以及:使用很长的销售页面有多个按钮,如果行动的号召以下使用方向的线索,通过引导他们的按钮讲故事吸引用户,并使按钮突出运用对比。

 

除此之外,与所有的视觉元素,可用性测试来了解目标受众的具体需求。

 

白色的空间

 

白色的空间就在我们周围的网络:它指的是周围的任何元素的负空间。它可以帮助用户集中在页面上的重要内容,无论是行动的召唤按钮或一个视频,因为潜意识的回应它。任何的白色空间框架往往站在一个页面上,使浏览更加容易。因此,在一个页面上增加白色空间也增大阅读理解。

根据这项研究来自威奇托州立大学,参与者在网上阅读学习理解更多的内容从一个网页时,它周围的文本空间(阅读:白色空间)时相比,它没有利润。该研究的作者的结论:

 

“在线阅读白空间的使用是很重要的使用教材和资料的人数继续以稳定的速度增长。”

 

一个强大的智能加白色空间到一个网页,可以将其可用性的例子,看看美国联合航空公司。直到去年,他们的网站有几乎没有任何空格在页边距。相反,新的设计突出的特点大量的白色空间在利润率,以及在页脚。因此,用户现在可以更容易地集中在页面上的主要内容。白色空间的旧设计的缺乏使它更可能是用户可能会“迷失”在页面的不同的内容块。

 

图像

 

不谈视觉效果最明显的讨论是不可能的:图像。我们的大脑处理图像的超快速–在13毫秒,据每日邮报。这可以帮助我们快速掌握信息的处理速度,从而帮助我们前进。例如,如果我们看一个鞋产品页面,我们看到的图像,立刻就明白它是什么,决定我们是否喜欢它,并决定去寻找定价信息做出购买或继续下一步。

 

可能作为一个结果,研究表明,使用图像提高转换率。转换XL引用许多案例研究,使用图像对转化率有积极的影响:

 

在线零售商由于生育产假看到增加了27%,因为他们开始使用360度旋转图像

安全零售商砖房安全增加图像的下拉式的搜索结果,这增强了转换由谁使用其网站搜索客户中高达100%

艺术网站提高网站转换Medalia艺术惊人的95%增加了主页上的艺术家的形象后

需要强调的是,虽然,每个例子都是独特的。换句话说,是由于生育不一定是砖家的安全工作,反之亦然。这就是为什么测试是非常重要的任何项目。

 

然而,一个共同的图像,根据Jeff Bullas,他们有更好的表现。他们使文章获得94%比文章没有图像的看法,他们增加搜索多达60%接触业务的可能性如果其搜索结果的图像,他们增加观点的新闻稿45%。

 

使其视觉

 

连小小的视觉设计的变化可能会导致显着更好的用户体验。网站的转化率和用户参与度是影响视觉设计选择设计。提高视觉线索和提高一个网站的视觉吸引力,不仅是一个聪明的设计决策,更是一个精明的商业决策。

免责声明:文中图片均来源于网络快照采集,仅供学习和参考,所有文章,图片版权属原作者所有。若无意侵犯版权、隐私请联系网站管理人员328211773@qq.com删除!管理员一定在第一时间删除、或更正,同时对其文章,图片不承担直接或间接法律责任。

新睿官方微信公众号

长按识别或截图保存新睿公众号

咨询电话:0535-6678111