网站设计应该注意些什么

 用眼球跟踪改善网页设计

　　你在看机器，机器也在看你。最近眼球跟踪技术诞生了不少的应用案例。比方说，

Intel 

研发

 3D 笔记本摄像头，可以追踪眼球读懂情绪;上海琢视的纯软件眼球追踪可支持用眼睛

玩打飞机游戏等。现在

EyeQuant 则利用先进的神经技术研究用户眼球看网页时的运动，从

而生成设计元素和网页区域的热点图

(即用户的注意力集中的区域)，再研究如何改进网页

设计。以下就是他们的发现。

　　

Web 设计应该注意什么

　　眼球跟踪技术的第一个发现是，

Web 的 F 和 E 形模式布局设计(利用用户大都最喜欢

观看左侧屏幕的特点进行布局

)未必就是对的。只要内容吸引眼球，不在 F 或 E 形模式区的

地方一样会受人关注。比方说，高对比度、中心布置及排列整齐的内容。实际上，

Web 设计时

应该更关注

3W：网页要说什么(What)，用户为什么要关注(Why)以及接下来要去哪里

(Where)。

　　某些

Web 设计的最佳实践受挑战

　　还有一些

 Web 设计的最佳实践受到了眼球跟踪技术的挑战。比方说，传统观点认为人

总是会注意脸部。

EyeQuant 在用眼球跟踪技术研究了数千个不同网站后发现，脸部和注意

力的确存在关系，但是人却未必总是关注脸部。另一个

 Web 设计的观点是要想让文字突出，

就得把字体放大。但研究发现，尽管有些页面的字体很大却被用户无视。

　　关于图库的选择与使用

　　要想图片引人注目，最重要的是要有高反差

—不仅图片本身要有高反差，而且相对于

页面的其他内容也要形成强烈对比。这不光是颜色的对比，在亮度上也要有反差。图片需放
在上半版面，位于中间或者坐上位置。而且不要放得太凌乱，应该给页面留点空白的空间。

　　像旋转横幅和幻灯片这样的重图像元素有效性如何

?

　　运动的确可以在开始时吸引注意。换句话说，也可能造成干扰，而这些元素往往只跟一
部分浏览网页的用户相关，所以对于商业网站来说，这些元素反而会对转化率产生负面影
响。

　　像苹果用的那种日渐流行的大英雄区域是否有效

?

　　所谓的大英雄区

(Big hero area)是指大幅图像伴随少量文字的布局，苹果尤其擅长使用。

如图像是相关的话，大英雄区极其有效，否则的话就会造成干扰。如果采用图库的图片的话，
必须挑选可支持希望传递信息的图片，而且不要过多分散对页面其他关键内容的注意力。