《月旦评》11年4月:首页难得不糊涂

monthly

如果单位业务简单,比如生产砖头,那生产首页也很简单。要说难,顶多创意难。如果单位业务复杂,涉及面广,访客类型又多,又应该如何?站长不禁想:一部二十四史,从何说起?

网站需求增加,做网站就变成缝百衲衣。找到一个空地,就补一块内容。站长常常在想,这个东西放在哪里?

我却要说,如果您在思考“放在哪里”,就已经走错路啦!正确的思考方式后面会随着案例展开来讲,先别急!这次我们比较着评两个网站,都是社会责任行业的网站。

自然之友(月旦所评)
这个网站的抱负大,如果从“饮冰室主人”改良中国的想法算起,已经有百年之久了,它的网站也体现了筚路蓝缕在神州大地上开创事业的艰难,网站像一件百衲衣,各种内容横竖补在上面。

气候组织中国(对照组)
这个年轻的英国机构在中国的网站已经随着多变的业务发展改了三次版,仍然很清晰、方便使用。

自然之友网站快照如下。请您不妨点击打开大图细看。fon

气候组织中国网站快照如下:  tcg

查阅一下Google评级,自然之友网站评级在7,大概和京东网上商城是一个层次的。气候组织中国网站评级在6。相差一级。网站评级有点像地震评级,差一级,实际区别很大,说明自然之友网上较之气候组织有显著更为重要的影响力。这当然也是因为自然之友活动广泛、项目多、历史久。白玉有瑕疵更惹眼,自然之友网站影响既然大,其上一点改善都可以获得重大关注、显著效果。

最容易观察到的问题是首页上的两个“条幅”。“条幅”是行话,一般人们叫做滚动新闻,文字从右面滚到左面,或者从下面滚到上面(反过来是不行的,为什么?想想)。1 条幅高亮显示在下面:fon_marquee

大家都喜欢用条幅,这个解决了空间不够的问题,百纳衣上又有地方放内容了。但:条幅的问题不易为人发现,因为一经观察问题就不见了。

一般访客在首页上停留的时间极短。这个话题考察了多次,考察结论各有不同,但是大多都同意访客平均等待5秒钟上下。5秒之内,访客会离开网站,或者点击网页上的一个链接,这段时间里条幅的内容还没有滚出来呢,访客根本没机会读到其内容。如果你观察条幅的问题,你已经花了5秒了,条幅出来了。故此站长常常没有机会观察条幅的问题。

即使页面一打开就有条幅内容,也会影响网站的交互效果。这个我计划另文说明。

条幅并非网站最严重的问题。荦荦另有大者。总的说,网站打开,访客不知道网站在说什么。网站给了内容,但是少考虑访客将如何接受内容。举荦荦大者说明:fon_problems

  1. “近期活动”栏目标题在内容之左侧,“最新动态”的栏目标题在内容之上,不一致会引起误会,“5秒访客”不能区分这两栏。停下想想看,从逻辑上也不容易区分这两栏,近期的活动不正是最新的动态吗?对照组的气候组织中国网站是合二为一的。
  2. “专题”和“项目”、“活动”、“动态”的区分,站长觉得显然,访客觉得困惑。如果能比较内容,看看葫芦里有什么药,可能会明白些,但是专题的药放在“条幅”葫芦里,不好比较。对照组气候组织网站也将这些概念合并了。气候组织内部有过细分专题、项目等的想法(我一直在跟这个项目),考虑受众而放弃了。
  3. 右边一排是出版物。如果我不告诉你,你可能真不知道那是出版物。别的栏目有标题,就这一栏没有标题。它跻身于右边距里,暗示后来有人所缝进这件百纳衣里。推想当时,人们说,首页上没有地方放出版物吗?结果硬是找到了这样一块地方。
  4. 项目清单是一系列图标。访客如果经由项目了解自然之友,项目名字会萦绕在他脑中,他的眼飞速浏览,想找到这个关键字。网页上没有项目名称关键字,这批访客就丢了。文字和图标的关系,是“文字说明清楚,图标快速识别”。熟人照脸就行,生人得说名字。所以只有图标没有文字的页面,往往是给熟人用的。站长当然熟悉项目,容易忽略访客的生疏。右面“选择左侧项目可查看项目介绍”字样人们难以注意,一是因为“5秒访客”不读说明;二是因为“扫描”网页时眼从左往右动,他读到最右侧时已经错过内容了。

怎么改善呢?必须停止考虑“我有内容放在哪里”。必须考虑“谁是我的访客,他们想要什么内容?”我可以简单例个表格,做为改善、分析的起点。这个表格不准确,也不全,因为实际做好,往往需要和单位里了解情况的人谈过才行。

谁是访客? 他们上网站做什么? 他们脑子里在想什么关键字?
新闻记者 听说了一件与自然之友有关的事,看看详细。或者看看有什么可以报道的。 新闻、最新
见了名片认识的客人 看看自然之友是做什么的。 “关于我们”。新闻中的“自然之友”这个词。
想参与项目活动的人 看活动详情,时间地点,报名手续。 想参与的活动名称必须出现。
同行 看看有什么新的出版物和新的项目。 出版物
…… …… ……

有了上述表格,再画布局,考察每一种访客会注意哪里,是否“命中”,这样安排内容才好。这道理看来简单,实际经常有人误会。


  1. 我们单位里的行话不叫滚动,因为这词有两个歧义。既有时间上的歧义,滚动表示反复播放;又可能是指用户可以使用滚动条(常常在右侧)滚动的内容。

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s