企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站优化

Website development

网页设计中那些元素影响了视觉体验?

发布时间:2016-12-14 10:39:26

TAGS:网站优化,网站设计


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

视觉设计.jpgjIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当自定义标签打印机合并标签重新设计了它的网站,他们的终目标是提高客户转化率。但他们喜欢他们的网站,并没有看到需要作出许多改变。后,他们改变的只有一件事在他们的主页:添加行动号召一个明亮的绿色按钮。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

根据一个项目的案例研究,运行测试后,统一的标签是看转换增加62%震惊。所有这一切,只是添加一个行动呼吁按钮。对于Tracy Gamlin来说,他们的网络营销经理,教训是很明显的:jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngjIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当我们在这个案例中,我们看到的视觉设计制造差异的一个明显的例子。具体来说,合并标签做了几件事。行动号召的色彩对比弹出网页上,它具有容易复制的按钮阅读的字体,这是大到足以让人注意到。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

什么是重要的视觉元素
jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

人是视觉动物,而网络是一种视觉媒体。在任何网站上,一个人的用户体验会的通知,通过视觉元素的影响。这些元素都是UI设计的重要方面,作为视觉传达一个人如何能与网站进行交互。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在这篇文章中,我们将讨论如何五突出的视觉元素,看到全国数百个网站的人可以大大影响用户的体验。他们是:
jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1、排版jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

2、图标jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

3、命令按钮jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

4、白色的空间jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

5、图像jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

blob.pngjIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

图像HubSpotjIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

例如,当涉及到印刷,某些字体实际上使我们感觉好的或坏的,据The Next Web基于因素,如大小、右线长度(50到75个字符),和适当的间距。同样,我们的大脑首先确定一个标志的颜色、形状和形式,在做出积极的识别标识这些对象分组,根据HubSpot的图表jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

然后,我们的大脑将这种视觉模式与现有经验表明相同的模式。后,语义属性的喜好和属性提供给所标志的意义。记住,我们的设计理念和使用它们不仅仅只是确定一个组织。同样,我们可以用行动,空格,和图像的影响用户的体验,的方式,我们将探讨不久。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

排版jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

是什么使这项研究如此强大,它大胆地转移和挑战我们的一些版式规范–如2013把杂志上的文章谈然后用12点字体大小的普及(16像素)。在某种程度上,这使得18点字体大小的秘密武器。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

图标jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

理性往往被认为是单纯的品牌工具,迅速、普遍地识别一个公司或新闻出版。当然,有一个营销要素在一个页面的标题显示的标志。如果一个用户喜欢的东西,他想买的东西或同意她写的,他或她会马上知道什么品牌销售产品或相同的价值观。但有比这更重要的事。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

从严格的用户体验角度,标志是用户自己定位的手段,往往增加一倍作为一个快速链接到该网站的主页。此外,他们提供了一个一致的灯塔,确定场地。这是微妙的,但凭借始终显示在网站的相同点标志,提高用户的体验。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

进入研究从尼尔森诺尔曼集团,研究参与者被要求执行导航任务和品牌回忆练习的分析看后不同部位左对齐和居中的标志。结果证实,左对齐标志辅助UX相当。他们总结,“回到主页大约是6倍的努力当标志被放置在页面的中心相比,它是在左上角的时候。”jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果没有足够的理由让一个标志在视觉上突出,还记得前面提到的智慧的HubSpot的图表:识别标志部分模式匹配现有的经验。换句话说,如果标志是突出的,和用户有一个积极的经验,他们会更容易把品牌在未来的积极的事情。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

命令按钮jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

作为一般规则,号召行动按钮反映了用户的目标:他们促使人们点击,点击,或选择,以移动到用户的旅程的下一步。记住,这些按钮的定位是创造一个积极的用户体验中心。用户更容易找到和理解行动的召唤,他们会找到更直观的体验。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

根据心理学原理感知集合理论我们的大脑过程,号召行动按钮根据我们之前的预期。我们期待他们能够在登陆页面;我们总是在登陆页面–这是一个循环理论看他们!不过,这是任何有效的行动的出发点,如果我们按照额外的实践。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngjIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

图像为了jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

虽然没有一个行动的布局,他们应该有一个面向行动动词从他们,让用户明白他们必须采取行动,根据HubSpot的实践。一旦建立了,建立了Unbounce的研究以及:使用很长的销售页面有多个按钮,如果行动的号召以下使用方向的线索,通过引导他们的按钮讲故事吸引用户,并使按钮突出运用对比。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

除此之外,与所有的视觉元素,可用性测试来了解目标受众的具体需求。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

白色的空间jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

白色的空间就在我们周围的网络:它指的是周围的任何元素的负空间。它可以帮助用户集中在页面上的重要内容,无论是行动的召唤按钮或一个视频,因为潜意识的回应它。任何的白色空间框架往往站在一个页面上,使浏览更加容易。因此,在一个页面上增加白色空间也增大阅读理解。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngjIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

图像树屋的博客jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

根据这项研究来自威奇托州立大学,参与者在网上阅读学习理解更多的内容从一个网页时,它周围的文本空间(阅读:白色空间)时相比,它没有利润。该研究的作者的结论:jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

“在线阅读白空间的使用是很重要的使用教材和资料的人数继续以稳定的速度增长。”jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

图像jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

可能作为一个结果,研究表明,使用图像提高转换率。转换XL引用许多案例研究,使用图像对转化率有积极的影响:jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在线零售商由于生育产假看到增加了27%,因为他们开始使用360度旋转图像jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

安全零售商砖房安全增加图像的下拉式的搜索结果,这增强了转换由谁使用其网站搜索客户中高达100%jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

艺术网站提高网站转换Medalia艺术惊人的95%增加了主页上的艺术家的形象后jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

需要强调的是,虽然,每个例子都是独特的。换句话说,是由于生育不一定是砖家的安全工作,反之亦然。这就是为什么测试是非常重要的任何项目。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

然而,一个共同的图像,根据Jeff Bullas,他们有更好的表现。他们使文章获得94%比文章没有图像的看法,他们增加搜索多达60%接触业务的可能性如果其搜索结果的图像,他们增加观点的新闻稿45%。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

使其视觉jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

连小小的视觉设计的变化可能会导致显着更好的用户体验。网站的转化率和用户参与度是影响视觉设计选择设计。提高视觉线索和提高一个网站的视觉吸引力,不仅是一个聪明的设计决策,更是一个精明的商业决策。jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jIr北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,6985,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号