视线追踪技术将帮助改进网页设计

来源:广佳网络发布时间：2014-6-12 9:59:08

    设计师们应该都有类似体验：花了N个小时修改设计，图片在 Photoshop 里调了又调，最终呈现出来的效果也改了无数遍。你希望用户能完全按照你的想法，第一眼看哪里，接下来再看哪里。随着视线追踪技术的发展，你终于可以知道自己的设计是否有效了。
    借助目前先进的神经技术，视线追踪研究可以记录用户在浏览网页时的眼部运动。最终得出的「热点图」将会标出设计元素的「热点区域」，以及页面什么位置最受关注。
    EyeQuant 是德国一家人工智能软件公司，通过研究用户浏览网页时的眼部运动帮助客户改进网页设计。「科技让我们更容易知道用户在看什么」，EyeQuant 客户服务部门副总裁 Kutis Morrison 表示，「EyeQuant 能让你在几秒之内就确认设计效果。」
在有效的网页设计中，什么元素最为重要？
    一般来说，设计师需要考虑以下三点：能体现页面主题的内容、用户为什么要关注它、用户下一步需要做什么。这并不代表一定要做栅格化设计（利用自然习惯，即用户在网页中的视觉焦点呈「E」、「F」型，视觉重点放在页面左上角）。只要能吸引用户注意力，例如运用高对比、中心位置、或者整齐排列，把内容放在页面其他位置也可以。
    目前经验中，有没有被视线追踪技术证明是错误的？
    确实有。一般认为人们倾向于关注面部图片。在数千网页上应用视线追踪技术后，我们发现面部图片确实会吸引注意力，但并不是决定性因素。另一个错误观点是，如果想让一段文字更显眼，就要把字号加大。很多网页上的字号特别巨大，但内容却完全被忽略了。
选择和使用图片时，设计师需要注意什么？
    想让用户注意到图片，就应该加强它的对比度，包括图片自身和与周围内容的对比。除去颜色，还有明度对比。图片应该被放置在页面上方，例如中央位置或页面左侧顶端。而且要确保版面不拥挤，图片四周需要留出一定空间。
像 banner 和幻灯片类的多图元素有效吗？
    运动的元素往往能吸引注意力，但也很容易让人反感。banner 广告的折扣一般只针对部分用户，所以大多数人并没有多少兴趣。对于电商网站，这样做反而会影响转换率，所以并不推荐。
大英雄区域最近非常流行。真的有效吗？
    大英雄区域（big hero area）是指大幅图像伴随少量文字的布局，苹果官网就在使用这一设计。如果图片与网页内容相关，就会非常有效，否则就只能分散用户注意力。
应该做长页面，还是把重要信息放在第一屏？
    现在的用户越来越习惯滚屏。很多长页面网站都非常成功，但数据也表明普通用户仍旧喜欢花时间浏览第一屏内容。因此最好采用保险政策，默认用户不会向下滚屏。第一屏就应该给用户留下好印象。
如何改进按钮设计？
    需要记住，人是有对比性的动物，所以在按钮和背景颜色设计中加入高对比是很重要的，此外按钮和文字间也要有对比。
应该设计「想要」用户看的部分，还是「知道」用户会去看的部分？
    作为设计师，完全可以告诉用户该看哪里。设计并不应该局限在某种特定样式，页面上的元素位置只是影响因素之一。只要了解如何吸引用户注意，安排好对比、位置、大小和留白，用户自然会去看你想让他们看的地方。