动狮网络——专业建站,值得信赖!

动狮网络

当前位置:首页 > 网站建设 > 借助视线追踪技术 改进网页设计效果

借助视线追踪技术 改进网页设计效果

时间:2014-06-11 人气: 标签: 网页设计
导语:借助目前先进的神经技术,视线追踪研究可以记录用户在浏览网页时的眼部运动。最终得出的热点图将会标出设计元素的「热点区域」,以及页面什么位置最受关注,通过研究用户浏览网页时的眼部运动帮助客户改进网页设计。

借助视线追踪技术 改进网页设计效果

设计师们应该都有类似体验:花了N个小时修改设计,图片在Photoshop里调了又调,最终呈现出来的效果也改了无数遍。你希望用户能完全按照你的想法,第一眼看哪里,接下来再看哪里。随着视线追踪技术的发展,你终于可以知道自己的设计是否有效了。

借助目前先进的神经技术,视线追踪研究可以记录用户在浏览网页时的眼部运动。最终得出的热点图将会标出设计元素的「热点区域」,以及页面什么位置最受关注。

EyeQuant是德国一家人工智能软件公司,通过研究用户浏览网页时的眼部运动帮助客户改进网页设计。「科技让我们更容易知道用户在看什么」,EyeQuant客户服务部门副总裁KutisMorrison表示,「EyeQuant能让你在几秒之内就确认设计效果。」

在有效的网页设计中,什么元素最为重要?

一般来说,设计师需要考虑以下三点:能体现页面主题的内容、用户为什么要关注它、用户下一步需要做什么。这并不代表一定要做栅格化设计(利用自然习惯,即用户在网页中的视觉焦点呈「E」、「F」型,视觉重点放在页面左上角)。只要能吸引用户注意力,例如运用高对比、中心位置、或者整齐排列,把内容放在页面其他位置也可以。

目前经验中,有没有被视线追踪技术证明是错误的?

确实有。一般认为人们倾向于关注面部图片。在数千网页上应用视线追踪技术后,我们发现面部图片确实会吸引注意力,但并不是决定性因素。另一个错误观点是,如果想让一段文字更显眼,就要把字号加大。很多网页上的字号特别巨大,但内容却完全被忽略了。

选择和使用图片时,设计师需要注意什么?

想让用户注意到图片,就应该加强它的对比度,包括图片自身和与周围内容的对比。除去颜色,还有明度对比。图片应该被放置在页面上方,例如中央位置或页面左侧顶端。而且要确保版面不拥挤,图片四周需要留出一定空间。

像banner和幻灯片类的多图元素有效吗?

运动的元素往往能吸引注意力,但也很容易让人反感。banner广告的折扣一般只针对部分用户,所以大多数人并没有多少兴趣。对于电商网站,这样做反而会影响转换率,所以并不推荐。

大英雄区域最近非常流行。真的有效吗?

大英雄区域(bigheroarea)是指大幅图像伴随少量文字的布局,苹果官网就在使用这一设计。如果图片与网页内容相关,就会非常有效,否则就只能分散用户注意力。

应该做长页面,还是把重要信息放在第一屏?

现在的用户越来越习惯滚屏。很多长页面网站都非常成功,但数据也表明普通用户仍旧喜欢花时间浏览第一屏内容。因此最好采用保险政策,默认用户不会向下滚屏。第一屏就应该给用户留下好印象。

如何改进按钮设计?

需要记住,人是有对比性的动物,所以在按钮和背景颜色设计中加入高对比是很重要的,此外按钮和文字间也要有对比。

应该设计「想要」用户看的部分,还是「知道」用户会去看的部分?

作为设计师,完全可以告诉用户该看哪里。设计并不应该局限在某种特定样式,页面上的元素位置只是影响因素之一。只要了解如何吸引用户注意,安排好对比、位置、大小和留白,用户自然会去看你想让他们看的地方。

顶一下 (16)100%
踩一下 (0)0%
热点内容
解决方案
联系方式

    郑州动狮网络技术有限公司
    【大成图文-河南ICP网站备案中心】

    QQ:361461588

    电话:

    邮箱:[email protected]

    网址:www.movelion.com

    地址:河南省郑州市管城区郑汴路升龙环球大厦A座2号馆西门一楼(升龙金泰成名灯广场正门东侧)

在线咨询
新版帮助
扫二微码

网址二维码

微信官方账号

返回顶部