加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

网页制作的“3秒钟原则”

(2009-05-21 10:03:19)
标签:

this

网站浏览

网页制作

尼尔森

it

    制作您的网页要点时,要让浏览的人在3秒钟的时间内了解您的网站的主要内容,并突出您网站的风格特性。   

    那么什么是“3秒钟原则”呢?当然在实际浏览网页的时候,并非真的严格遵守“3秒”,而是指在极短的时间内要像访问者传达出网页的主要概要和给访问者留下深刻的第一印象,或者是传递给心理需要的访问者他正在寻找的信息。

    随着宽带的普及,互联网的速度以及网页间的切换速度越来越快,我甚至还看到专门有网站在提供一种叫做“电子网站浏览”的功能,让网站的会员可以轻松的点击一个按钮,就可以根据自己的喜好浏览到某一分类相同的所有网站,网页。如果访问者不能很快的观察到被浏览网页的内容和特色,就会马上点击下一页的鼠标,转移到其他他觉得他更加感兴趣的网站。在各项互联网用户对网站浏览情况的调查中发现,频繁地点击不停地在各网页间切换的人群,相对比有目的的浏览网站的人群占大量的比重。

    因此我们很多企业的老板都有共识:网站首页的设计一定要能吸引人。对于“吸引人”这个词语应该如何定义呢?是美观,漂亮,视觉冲击力强,还是风格个性凸现,资讯传达明确?如何才能达到这样的效果?其实这其中有一个设计构思上要遵循的基本思路,这就是[尼尔森F形状网页浏览模式],所以我们之前已经有专家针对大量的访问者浏览网页的下意识动作和习惯,研究出了这么一套规律性的基本原则:

     2006年4月,美国长期研究网站可用性的著名网站设计师杰柯柏·尼尔森(Jakob Nielsen)发表了一项《眼球轨迹的研究》报告(原文:F-Shaped Pattern For Reading Web Content)。报告中提出,大多数情况下浏览者都不由自主的以“F”形状的模式阅读网页,这种基本恒定的阅读习惯决定了网页呈现F形的关注热度(见附图)。

F形状网页浏览模式的形成

研究表明,浏览者打开网页后,按照下面的习惯形成F形网页浏览模式:

http://www.seobbs.net/attachment/20_2_9ef12af1d7412c5.jpg

上图为杰柯柏·尼尔森报告中的3张热度图,用颜色来表示浏览者眼光聚集的热度,分为最热(红色)、较热(黄色)、不热(蓝色)和基本不关注(灰色)4种。其中图3搜索结果页因SERP中网站标题、网页摘要较宽,第二条线会随之加长,但仍然是F形状。

http://www.lesishu.cn/wp-content/uploads/f-reading-pattern-eyetracking-1.jpg

图1 一般说明性网页(也就是以新闻和信息类为主的网站)

 

http://www.lesishu.cn/wp-content/uploads/f-reading-pattern-eyetracking-2.jpg

图2 电子商务网页

 

http://www.lesishu.cn/wp-content/uploads/f-reading-pattern-eyetracking-3.jpg

图3 Google搜索结果页

    从以上各副图片中不同的网站性质的划分,我们可以看出来,一般的新闻或者是资讯信息类网站,访问者关注的就是最中间靠上的内容;而电子商务类网站,就是一个“F”字母的形状(所以我们在构建企业的B2C电子商务网站的时候,已经很明确的知道了,遵循这个“F”型字母,网站设计者们心里就应该知道了,把文字和图片的信息按照一种什么样的规律来排版,才能给予访问者在“3秒钟”的极短时间更加准确和鲜明的第一印象。如何来创造“吸引力”留住访问者,这就是网页设计创意和编排的另一个技巧了。

    但还是有几条基本的定律可以遵循:

1、放大网页主要的标题,在一瞬间传达最明确的产品或者网站信息

2、突出引文和小标题,使得访问者能够迅速把握住主要的内容

3、避免长篇大论(文字过多)尽量使用图片,醒目的标题,或者条目列表,图解,插图等直观的表达方式。

    总之我们一直在提倡的网站的设计概念:就是在网站上依照“F”型字母的浏览习惯,编排能让访问者在“3秒钟”极短的时间内,对您的电子商务网站产生进一步详细浏览兴趣的手段和技巧。

   

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有