批评网谈的页面设计

在《有关于 CW 邮件订阅的问题》中谈到Zola 抱怨网谈的每周时事通讯没有提供取消订阅的选项。虽然大部分责任在 Zola 自己观察不够仔细,但我这次以门外汉的身份谈一下网谈的单篇文章界面设计的问题。这样的问题说大不大,说小不小,也许对虹自己和老读者来说不算什么,但确实可能给新读者带来困扰。

总体现象:

文章正文后的部分一路下来,依次有:
1、广告;
2、固定链接、标语、引用;
3、关联文章;
4、评分;
5、其他人的回复;
6、回复人要填写的个人信息
7、订阅选项;
8、验证码;
9、评语;
10、用邮件通知朋友时需要填写的信息;
11、另一个验证码。

不是我故意把各个部分拆得很细列出来以增加杀伤力,而是有的东西确实是被拆开了,起码第一眼看去,你无法厚着脸皮说那是浑然一体的。

具体问题和改进建议如下:

1、Adsense 广告和正文的区分不明显。
看惯了其他个人 blog 上标记明显的 Adsense,这种配色、字体和位置接近正文的广告容易让人误点击。
建议改变配色,或和正文保持距离。

2、关联文章不宜放在评论列表和回复框之前。
大多数时候文章的回复和文章是一体的,其间插入关联文章的链接,对读者的思路是一种大段,而如果不打断,读者通常不会回过头来特意看看关联文章,又是一种浪费。
当然,也可能考虑的是让读者把相关文章全部阅读完再看、写回复。但我认为如果真的关联度很大,是值得在正文中给出链接的。如果关联度不大,不妨放置在评论部分下方,等到读者把和文章紧密关联的内容阅读完再推荐其他文章。

3、因为广告、固定链接、标语、引用、关联文章、评分的存在,使得回复部分不够突出,灰色文字和淡色边框使这个问题更严重。当回复数量不多的时候,鼠标一滚,一下子就过去了。
建议评论部分使用醒目而不突兀的配色和后面说的图标。

4、填写回复的地方,资料和内容的文本框相距甚远。其间验证码、订阅选项再加上不少的说明文字,这一块显得尤为混乱。建议至少也要用一个颜色框围起来(目前只是和已有评论共用一个淡色边框)。整个回复部分有7个组成部分,如何排版应该好好考虑一下。

5、最后的邮件转发界面风格和评论部分类似。
我第一次看到的时候,犹豫了一下才分辨出应该在哪里留言,在哪里填写验证码。如果非要保留这个功能的话,建议和评论部分分别添加两个特色鲜明的图标,例如“对话气泡”和“邮件”的彩色图标,这样有助于初次使用的用户通过图片而不是文字来迅速分辨。

6、文章的标题在正文后的部分多次出现,而且是加粗、深色、下划线的链接。
感觉对标题这样地强调有些过分,例如在投票部分就应该突出 Vote for 的文字,在回应部分就应该突出“发表你的回应”的文字,现在主次不分,容易造成误点击。

7、Firefox 下评论部分默认字体太小。
也许设计时只考虑了英文字体的最佳显示效果,但作为个人推广 Firefox 的面向中文读者的 blog,还是应该注意这样的问题。现在我是手工设置了最小字体才得到理想的结果。

8、默认的订阅选项不科学。
读者或许乐意接收后续评论,因为即使为每篇文章提供了 RSS Feed 的 WordPress,也很少有读者勤奋到每次留言后都订阅文章的 RSS。但订阅每周时事通讯就有些鸡肋。一来完全可以由站点 RSS 的订阅取代,对读者的帮助不大,二来既然和站点 RSS 订阅功能相近,那么就是和整站而不是单篇文章相关的元素,就应该只将选项放置在侧栏,三来这是一种一次操作永久生效的选项,完全没有必要在每次回复的时候要读者作出选择,试想那些不愿意订阅的用户每次都被问道同一个他们早就做出选择的问题,会不会觉得站点不尊重他们,或者设计者没想事?
因此,时事订阅选项放置在每篇文章之后且默认为订阅,只会增加部分读者的重复劳动,同时又不会节省另一部分读者的操作,建议取消。

也许是 CW 有统一的界面设计风格,有专人代劳,所以虹没有重点关注这方面的事情?但既然网谈号称是专业级别的 blog network 的一分子,我想更应该重视界面设计的合理性。即使读者的抱怨大部分因为自己的观察不仔细,但一个优秀的界面应该对初级的用户也很友善才对。

话说回来,自本 blog 第一次被封杀之后,来留言的读者就成了被肆意践踏的生物…:023:

另外表达一下对三栏模板的厌恶。以个人的审美观作评判标准看来,三栏模板加剧了页面的不平衡,分散了用户阅读侧栏时的注意力,鼓励设计者把更多的鸡肋内容堆积到更大的侧栏空间中。
Aether 竟然使用了四栏模板!令人发指啊~

posted: 2006/10/31
under: 人品界面, 百无禁忌

  • http://www.misuisui.com s5s5

    少考虑了商业因素

  • http://www.misuisui.com s5s5

    少考虑了商业因素

  • http://voivo.de hhalloyy

    网谈和GSeeker,娱乐馆一样全是CW统一设计的风格。

  • http://voivo.de hhalloyy

    网谈和GSeeker,娱乐馆一样全是CW统一设计的风格。

  • http://woooh.com/ Aether

    还我评论来!!!!
    我敲了二十多分钟的回复,近千字啊!!!!
    那个该死的“Please add 8 and 6”就全完了,5555!!!
    我以为是填写 8和6呢,怎么可能想到是填写8+6啊,5555
    我不要解释我的侧栏设计思路给你听了,掩面痛哭去……
    :829:

  • http://woooh.com/ Aether

    还我评论来!!!!
    我敲了二十多分钟的回复,近千字啊!!!!
    那个该死的“Please add 8 and 6”就全完了,5555!!!
    我以为是填写 8和6呢,怎么可能想到是填写8+6啊,5555
    我不要解释我的侧栏设计思路给你听了,掩面痛哭去……
    :829:

  • http://woooh.com/ Aether

    心都碎了~~~:027::028::010:

  • http://woooh.com/ Aether

    心都碎了~~~:027::028::010:

  • http://calon.weblogs.us/ Calon

    嗯,所以我觉得 CW 的 blog 都应该修改一下比较好。

    娱乐馆去得不多,GSeeker 那里的红色边框好歹稍微醒目一点。

    看来我这里也要提供回复的保护机制了…不过我试了一下,如果验证码填写得不对,后退还是能够挽回内容的啊

  • http://calon.weblogs.us/ Calon

    嗯,所以我觉得 CW 的 blog 都应该修改一下比较好。

    娱乐馆去得不多,GSeeker 那里的红色边框好歹稍微醒目一点。

    看来我这里也要提供回复的保护机制了…不过我试了一下,如果验证码填写得不对,后退还是能够挽回内容的啊

  • http://voivo.de hhalloyy

    就是的啊,后退就行的!:233:

  • http://voivo.de hhalloyy

    就是的啊,后退就行的!:233:

  • http://calon.weblogs.us/ Calon

    商业因素不是某些不合理设计的借口。:897:

  • http://calon.weblogs.us/ Calon

    商业因素不是某些不合理设计的借口。:897:

  • http://voivo.de hhalloyy

    你这个回复订阅插件不是最新版的吧?
    支持使用+号来进行添加标签的Gmail地址么?

  • http://voivo.de hhalloyy

    你这个回复订阅插件不是最新版的吧?
    支持使用+号来进行添加标签的Gmail地址么?

  • http://calon.weblogs.us/ Calon

    读者丢失回复,blog 肯定有责任。我也考虑过取消验证码和完善保护机制,但是 spam 太猖狂,又没有中意的插件,所以只好保持现状。

    确实很久没有升级回复订阅插件了:229:

  • http://calon.weblogs.us/ Calon

    读者丢失回复,blog 肯定有责任。我也考虑过取消验证码和完善保护机制,但是 spam 太猖狂,又没有中意的插件,所以只好保持现状。

    确实很久没有升级回复订阅插件了:229:

  • http://voivo.de hhalloyy

    我已经把认证代码去掉了,现在使用的K2效果很好的,只是偶尔会有几个正常回复会被误杀,要手动恢复一下。

    升级去,省得我还要手动分标签。

  • http://voivo.de hhalloyy

    我已经把认证代码去掉了,现在使用的K2效果很好的,只是偶尔会有几个正常回复会被误杀,要手动恢复一下。

    升级去,省得我还要手动分标签。

  • http://www.ipang.net 伍岭

    :lol:Aether你大声地哭吧,我支持你哭,但我要批评你本本啊,哈哈哈

  • http://www.ipang.net 伍岭

    :lol:Aether你大声地哭吧,我支持你哭,但我要批评你本本啊,哈哈哈

  • http://calon.weblogs.us/ Calon

    好了,升级到了新版本。:137:

    Spam Karma 2 每次激活之后很快就连续出现吞回复的现象,实在不想和人品问题作战,所以还是践踏一下留言者好了。:961:

  • http://calon.weblogs.us/ Calon

    好了,升级到了新版本。:137:

    Spam Karma 2 每次激活之后很快就连续出现吞回复的现象,实在不想和人品问题作战,所以还是践踏一下留言者好了。:961:

  • http://voivo.de hhalloyy

    测试你的新版本

  • http://voivo.de hhalloyy

    测试你的新版本

  • http://www.misuisui.com s5s5

    如果不能赚到钱那么专业级别的 blog network 也许对他还不合适。:061:

  • http://www.misuisui.com s5s5

    如果不能赚到钱那么专业级别的 blog network 也许对他还不合适。:061:

  • ghghghg

    难道大家不觉得那个zola是在通过这种所谓的”PK”赚访问量吗? 严重鄙视zola :874::874::874:

  • ghghghg

    难道大家不觉得那个zola是在通过这种所谓的”PK”赚访问量吗? 严重鄙视zola :874::874::874:

  • http://calon.weblogs.us/ Calon

    我不太关心虹和 zola 的 PK,在我看来,两个人都有漏洞可以抓,只不过细究下去没什么意思,不值得毒舌党浪费时间。:001:

    流量就像那天上的浮云,谁多一点,谁少一点,关系不大。为何看不得别人赚流量?有这个功夫不如声讨作弊的网站。

    Zola 那里增加的流量大部分是网谈带过去的吧,我这里流量是很可怜的。所以你应该跟虹去说才对。:061:

    至于我的文章,纯粹是作为路人甲有感而发顺手写的,为的不过是以后去网谈留言时自己也能舒服一点,没兴趣针对个人。:tea:

  • http://calon.weblogs.us/ Calon

    我不太关心虹和 zola 的 PK,在我看来,两个人都有漏洞可以抓,只不过细究下去没什么意思,不值得毒舌党浪费时间。:001:

    流量就像那天上的浮云,谁多一点,谁少一点,关系不大。为何看不得别人赚流量?有这个功夫不如声讨作弊的网站。

    Zola 那里增加的流量大部分是网谈带过去的吧,我这里流量是很可怜的。所以你应该跟虹去说才对。:061:

    至于我的文章,纯粹是作为路人甲有感而发顺手写的,为的不过是以后去网谈留言时自己也能舒服一点,没兴趣针对个人。:tea:

  • http://archiless.blogspot.com Handsome Penguin

    我也是被他们的pk带到这里来的。

  • http://archiless.blogspot.com Handsome Penguin

    我也是被他们的pk带到这里来的。

  • Di

    你这里留言是蛮痛苦的,看这么多图标真的没有人又意见么?

  • Di

    你这里留言是蛮痛苦的,看这么多图标真的没有人又意见么?

  • http://calon.weblogs.us/ Calon

    因为我大部分的网友都是来自以前的猫扑和现在的里屋,所以才会列出这么多图标。不过,可以考虑用脚本隐藏起来,需要的时候再展开。有时间再说吧。

  • http://calon.weblogs.us/ Calon

    因为我大部分的网友都是来自以前的猫扑和现在的里屋,所以才会列出这么多图标。不过,可以考虑用脚本隐藏起来,需要的时候再展开。有时间再说吧。