今天下午和李兵闲聊,提到“人人网”,我还没说话,他就说:“人人网左侧导航太有问题了,点击到下级页面后,导航条就没啦,用户只能按‘后退’按钮回去;yahoo新版也是这样”。我听到这样的话很开心,这说明我们团队的人在越来越多的方面思路非常一致,包括――细节。


从猛地一眼看人人网,感觉页面还可以,比较时尚,符合城市生活的定位;但如果从细节上看,有些地方值得商榷。比如,在上一节谈到的天气、时钟图标,这个设计就是很明显缺乏效率。不过真正从细节来看,我认为最有问题的,就是上面李兵所说:人人网的左侧导航条点击以后,切换到下级页面,导航条就没有了。

新版yahoo是如此设计,是因为yahoo导航条导航的是若干个界面非常不同的子网,所以它的导航条消失还情有可原。但人人网不是这样的,导航条在下级页面消失,有两个非常明显的弊端:
1,由于二级页面的展开是在当前页面刷新,而不是pop窗口;所以导航条消失后,用户只有按“后退”按钮才能回去。我记得一篇文章说过,中文互联网用户会用“后退”按钮的,就算熟悉IE的高级用户;多数人在此会不知所措。
2,更关键的是,如果在二级页面保持左侧导航,用户在浏览一个分类信息后,会很方便点击左侧导航,切换看看附近的几个不同类信息――这会大大地潜在增加用户在人人网的交互活动。但现在,如果我要看另一个分类信息,比如从“旅游”切换到“餐饮”,我首先要进行一个“高级操作”的“后退”,然后重新选择。

尤其让人觉得好玩的是,其实人人网的“小广告”二级页面左侧有大片空白区域,完全可以放得下左侧导航;所以即使你不愿意采取框架型的左侧导航,也可以在二级页面左侧完全复制导航条――这表面看起来是一个笨拙和累赘的设计,但其实真正方便了用户。


关于页面细节设计,我想再举一例,即“新发现”的页面和digg页面的对比。我仔细看了看这两个页面的对比,发现国内外页面设计水品,真是差距很大,下面说说我的一些观察:


1,我们都知道,如果页面有广告,一般而言会让页面“不干净”;所以网站做产品的经常和做销售的打架。但对比人人网和digg,我发现真的差距太大了:digg页面在有广告的情况下,还比没有广告的“人人网”页面要“干净”――特别是,digg是先行者,人人网是模仿者!这相当于两人赛跑,我放你先跑500米,最后我还领先你500米。

2,人人网的“新发现”之所以比digg显得要“花”,是因为:图多、颜色多、元素多

3,图多:请看A,B,C和相应位置digg的对比

4,颜色多:请看D,E和相应位置digg的对比――这里尤其请注意,F“支持”处其实应该用亮色,但人人网偏偏在这个地方素雅了,这样的后果是导致页面主体一片的蓝

5,元素多:请看G处,digg是email this,而人人网用了11个字――当然,两个链接的功能不同,但是人人网的11个字绝对可以省略成4个字“发给朋友”;而H处是一个digg没有的功能,鉴于中国特色,我认为此处有一个举报按钮是可以接受的――但是不能接受的是人人网把这个地方处理成了一个下拉菜单!这个下拉菜单明显是试图方便站方的设计,但是他们就没有想过,用户几乎绝大多数都会在这里选择第一选项。所以站方试图减少自己甄别信息的企图,不一定能通过下拉菜单达到;反而它使得页面重复了n个“下拉菜单”元素,非常显眼――大家不信可以测试一下,基本上看到“新发现”页面的第2眼,用户视线就会落到一排排“举报信息”上


最后再举一个细节的例子:自动识别新用户IP和未经提示记录用户cookies。“自动识别新用户IP”,已经有很多网站采用。但我认为这是一个小聪明之误。其实对于新用户,最好的办法是出现提示框,提示他选择城市,并告诉用户会记录到cookies。这和上述自动识别IP和默认cookies相比,看起来是一个“笨”办法,但其实大巧若拙:新用户既然来了,绝对不可能在你出现提示框之后,感觉不耐烦就立刻离开,所以增加提示框没有任何“风险”,反而,它第一给了用户知情权和选择权,尊重了用户,第二实际上增加了一次用户和站方的互动。


细节方面的问题,说是说不完的,就暂时先举上述例子。从昨天开始,断断续续,我从战略、产品和设计细节三个方面,对“人人网”进行了一些评论。其实引发我写这三篇文章,是昨天在人人网读了一篇老帖子《Keep it simple》,让我颇有感触。我认为,“人人网”从战略到细节,都存在着同一问题:复杂化――因为试图做太多的事情,而把简单的问题变复杂了。

因为这三篇文章基本是负面批评,所以向“人人网”的朋友们表示歉意先。毕竟,大家都是做网站的,知道被站外人士批评的滋味。不过我想我的批评是诚恳的,应该能获得“人人网”的谅解。

需要说明的是,我的文章肯定存在偏见。事实上,我的文章一直存在偏见,从我的第一篇blog《简单直接的力量》开始,吾道一以贯之:我坚持认为互联网战略、产品和运营,要坚持三个原则--

1, 简单
2, 直接
3, 有效


21条评论

  1. 其实觉得renren也许还是会有希望的,很多地方都做的还不错

  2. 感谢高人指点. RENREN的同事们一定会虚心听取这些意见. 好的意见难得啊.

  3. 请看G处,digg是email this,而人人网用了11个字――当然,两个链接的功能不同,但是人人网的11个字绝对可以省略成4个字“发给朋友”

    其实很多地方看怎么说~~

    比如此处:省略成4个字“发给朋友”,用户会怎么想?默认的功能是复制链接发给用户,但是很多网站都是“email发给朋友”。那么省略成4个字“发给朋友”到底是哪一种?难道需要用户自己来测试后才知道?

    其实很多时候,一个网站的运用,策略,产品等都是内部人长期研究的结果,不仅有战略方面的考虑,细节也有抓住的。我们在评测一个网站的时候,从外部看往往也只能在产品和细节层面提出一些自己的见解。

    当然,maitian提到的很多也是问题的。希望renren能改进。

  4. 我觉得1,2写得都很不错,但3似乎有点过于主观。我觉得renren的设计风格更符合国内的审美习惯。图多、颜色多、元素多等并不等于说renren比digg要“花”。

    至于自动判断IP和保存cookies,我觉得是一个很好的功能,提示这些操作只会增加普通用户的困扰

  5. 既然有人点名回答了,千橡的老大也发言了,麦田同志应该不用担心renren同志们的不满。其实是能得到这么好的批评,renren的团队应该以最热情的拥抱来感谢麦田同志的珍贵礼物,呵呵。

    估计,很快麦田同志就会收到renren产品组的“纪念小礼品”了,呵呵。

  6. 谢谢麦田,呵呵,提这么多好意见。

  7. 期待你的下一篇。呵呵 :)

  8. 期待关于51city的评价;

    很有见地

  9. 分类结合地图的概念还是不错的,不过地图的初装数据就不够了,而且就目前renren的做法来看,感觉结合还不是很紧密,还没能把地图真正的做到分类里面去。。。

  10. 同意麦田的大多数观点。

    不过,我也认为中国的网站应该“适当”比美国的同类网站要花一点点才对,毕竟面对的用户群体不一样。我一直很不适应QQ里花里胡哨的人头像,觉得太影响视觉了,但是发现小孩们就是喜欢,而且越花越好。按照中国用户的三个70%来说,中国的网站应该是适当花一些的。

    除了麦田所说的问题外,网站的内容部分(左下角主体内容部分)整体感觉不太舒服,无论是颜色搭配、字体、提示框等都需要调整。不过,毕竟这只是第一个版本嘛。

  11. 总的来说还是不错的

  12. 我在想,我为什么要上人人网

    前段时间因为51city流氓我的笔记本,让我永远的记住了这个网站.现在我准备重做系统!!

  13. 某网友未署名回复:

    麦田,你研究digg的时候,能登录一下看看么… … 你思路清晰,但是写分析的时候是不是浮躁了点

    -------

    因donews系统bug,未署名回复将影响后续回复不能显示到blog首页,所以我删除了此回复;同时再次提示,请大家回复的时候务必署名,随便署个名都成

    再回答该网友的问题:在具体本文renren.com案例中,我比较它和digg相同状态的首页面,所以我不需要登录digg

  14. 有个问题,前面有人提到。H部分在digg中也是有的,同样是下拉菜单的设计,只是在digg中需要登录才会看到

  15. renren应该请楼主吃饭:)

  16. 人人网的朋友,希望也能够在这里也留个言,谈下看法啊。

    呵呵

  17. 简单是对的。

    不过这也看renren的定位,到底要做什么?

    是否有非常多的想法,要在这一个页面里实现?

  18. igogo说的地图+分类信息是个好主意。renren可以借鉴一下口碑网的信息+地图形式

    http://cate.beijing.koubei.com/catelist_c4_p1.html

    目前分类信息网站都还没意识到分类信息结合地图后给用户带来的超强感受及背后所蕴含的商机,譬如分类信息中的餐饮、房产、求职等类别都是和地理位置密切相关的。

    估计renren这次上线应该是有把地图和分类信息结合的意思,至于为什么没有那么做,难道是因为renren或是mapabc的技术架构有所限制,以至于无法深度融合?毕竟mapabc没有自己的地图数据,不能把地图接口开放给第三方。

  19. 是以前那个人人?

  20. ken兄的意见有些不对了,从人人的页面来看,地图的接口是肯定开放了的,从个人标点功能就能看出来;没做应该是策略上的关系吧,跟地图数据有没有是没联系的!

  21. 批评的有道理。山寨的更蓝。欢迎大家参观。

    http://www.RenRenWang.org

发表评论

评论也有版权!