说说豆瓣 I

就我的观察,网上对豆瓣的态度可说是毁誉参半——“毁”的是豆瓣没有清晰的盈利模式或者它根本不该商业化;“誉”的是豆瓣产品好,有价值……

我对所谓“盈利模式”一直都没有什么深刻认识(估计是还没到那个level),但我觉得豆瓣最大的价值在于其“中立”的态度——中立也可以赚钱,而且是多方面的赚钱:比如做比价搜索+订单提成——而这些是豆瓣已经在做的了。所以我结论是,豆瓣“已经开始”盈利了。

不过本文的主题并不是对豆瓣现有的盈利模式进行分析,而是从产品角度看看豆瓣是如何做的——豆瓣在最近两天做了内容页的改版,其中包括:

  • 评分模块的细节调整
  • 若干模块位置调整


=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=–=

一、关于评分模块的调整

这是我上周五发现的,豆瓣在内容页的评分模块做了一些调整,重点是改变了评分的操作方式,并在评分效果加入了柱状图效果(如下图,注1)。

talk-about-douban-1-1

1、关于评分操作的变化

评分操作的这个变化实在很赞,最起码是意图很赞,一个小调整就减轻了以前文字表现上可能会给用户带来的疑惑。如我会觉得“力荐”表现了某种强硬的态度,我得多希望别人也去读这本书(注2)才会“力荐”给别人?

调整之后的这种态度就虚化了,对参与评分的用户可能会有一个促进的作用。但是,操作方式的改变,必然会或多或少的提高既有用户的学习成本——这个变化为豆瓣的系统操作又增加了一种模式。

2、关于新增的柱状图效果

我猜豆瓣增加这个效果是为了让用户更直观的判断一本书的价值,但我觉得它并没有起到这个作用:

1) 这个设计低估了用户对数字的敏感程度,一般用户其实看评价的数字就可以获得很多信息了:这本书有“100多人”看过,“很多人”给了五星,但也有“一、两个”不喜欢的;

2) 此处的柱状图只能表现出比例关系,并不能真实反映一本书的价值:比如说一、三、四星为空,而当二、五星分别只有1个人或分别有100个人的时候,柱状图的效果是一样的——而实际情况是2个人和有200人为书带来的价值是完全不同的;

3) 数字本身就具有一定视觉效果,如:
100,000
99,999
而对以上数字,柱状图需要有100,000像素的宽度,才能“真实”表现出其差异;

4) 柱状图的颜色太淡了,在某些地方上(如亮度较高的LCD显示器上)可能根本看不到。

3、关于柱状图效果的优化

如果由我来设计这个“评价汇总”的效果,大致会是这个样子的(注3):

talk-about-douban-1-2

简要说明
a. 增加了整体的评价数量,以此来引导用户对柱状图效果的理解;
b. 加重柱状图的颜色,并减轻数量的颜色,将用户的注意力拉开一个层次。

二、关于内容页模块位置的调整

上周六,发现内容页也做了“重大”调整,如下图所示,收藏、评分两个模块与买书、二手书两个模块位置进行了交换:

talk-about-douban-1-3

这样看,似乎没什么,但我们再关注一下操作密度的变化(注4):

talk-about-douban-1-4

简要说明
a. 红色波浪线为用户可操作的部分;
b. 灰色箭头为用户“操作-注意力”导向。

我们发现在这个调整之后,右侧边栏的操作密度增加了一些。更重要的是,用户操作导向变了,之前“左侧内容、右侧操作”的模式被打破了——至此,豆瓣之心昭然若揭(注5)——本次调整的主要目的是对“交易”相关功能进行一定程度上的强调。下一步,我想豆瓣可能会增加买书模块的条目,强化价格差异——即增强比价搜索的特性。

这种程度的版式变化也会增加既有用户的学习成本,至于产生了多少负面效果,就要看豆瓣自身做的数据挖掘与分析了。

三、关于豆瓣开始盈利的不是那么强有力的佐证

1、图书购买的链接

细心的同学可能会发现,豆瓣在电子书店的链接上“做了一些手脚”,就像下面的链接(注6):
http://click.linktech.cn/?m=joyo&a=A100020760&l=99999&u_id=&l_type2=0&tu=http%3A%2F%2Fwww.joyo.com%2Fdetail%2Fproduct.asp%3Fprodid%3Dzjbk184879
熟悉网站广告运作的同学都清楚,这种“第三方跳转式”的链接可以更好的区分交易来源……

2、财务人员

我以前在一个创业公司(全职人员加起来不到10个)工作过,当时他们的财务工作主要是由一个全职的行政MM一个兼职的会计MM来完成的。这样可以很好的节约人员成本——直到这家公司业务有重大突破之后,才招收了全职的财务人员。

从豆瓣Blog上可以看到,豆瓣从2007年3月26日开始招聘财务人员注7)。

注:
1、本图及以下示例基本上都来自于豆瓣的《活了100万次的猫》,链接为:http://www.douban.com/subject/1257365/
2、豆瓣上不仅有图书,还有电影、音乐以及杂志,为了写作方便,我没有加上后面的。
3、效果样稿,仅供参考与讨论,具体视觉样式可能不很顺畅,望专业UI人士指点一二。
4、同注1,旧有页面的版式来自百度搜索的缓存(时间:2007年6月4日)。
5、这只是句玩笑话,没有其他的意思——豆瓣和Google一样,也是一个商业网站。
6、同注1,取自该书内容页“卓越网”的买书链接(时间:2007年6月4日)。
7、豆瓣的招聘页在: addthis_url = 'http%3A%2F%2Fwww.elviscai.com%2Fpm%2Ftalk-about-douban-1%2F'; addthis_title = '%E8%AF%B4%E8%AF%B4%E8%B1%86%E7%93%A3+I'; addthis_pub = '';

14 Comments so far

  1. 邦比快跑 on 6月 4th, 2007

    以前没有柱状图的时候我看着还是挺不爽的
    还要自己去细看哪个级别的推荐最多
    不过现在这样的确浅了点
    虽然是为了配合网站的整体风格
    但是浅到几乎看不到的话跟没有还是会给人造成麻烦

    [回复]

  2. onling on 6月 4th, 2007

    分析的很不错,你对douban的观察还挺细致的,很多细节,我还真没考虑到,这个系列应该会很不错,期待中~
    关于上面那个加重柱状图的颜色,我感觉从设计角度来说,你的那个改进很不成功~还是灰色协调些~:)

    [回复]

  3. 沈蚊 on 6月 5th, 2007

    我也觉得有些重了。

    [回复]

  4. 沙加 on 6月 5th, 2007

    个人不喜欢柱状图,个人比较喜欢 平均分值/评分人数 的显示方式

    [回复]

  5. emma yu on 6月 6th, 2007

    拉拉君你的柱状图黑压压的,太沉重了吧!
    要我说柱状图是没必要的。

    至于购买链接,一开始豆瓣就是靠这个拿钱的,不是现在才有。但是位置的变化可能会有促进作用。

    [回复]

  6. Ray on 6月 6th, 2007

    柱状图 我去Douban看了一下柱字颜色已经调整成了#DDDDDD,原先是#EFEFEF。现在看上去好多了。

    数字加上柱状图,我认为恰恰符合Don't make me think,我认为在众多不断增多的图书内容后,Douban还是下了很大工夫来改进UX,因为很多情况下用户需要的是快速浏览这些评价,图形的方式大大提高了用户视觉识别的效率。赞

    [回复]

  7. 沈蚊 on 6月 6th, 2007

    dmmt强调的是接近“本能”的反应,而此处评分的目的则是“价值判断”,必然会触及更深层次的思考。

    但柱状图仅能表现比例关系——这也是我为什么在自己的改进中加入“评分总人数”的原因。

    [回复]

  8. 沙加 on 6月 6th, 2007

    我更喜欢这种投票的实现:http://haha.nu/creative/creative-photos-by-chema-madoz

    [回复]

  9. ItTalks on 6月 21st, 2007

    事实上,招聘一个财务人员和盈利与否没什么关系的。倒是和vc很有关系。

    [回复]

  10. 到里斯本看海 on 6月 23rd, 2007

    楼主指出的变化,确实是作为DOUBAN狂热用户的我感受到但没有惊呼的。可见其变化还是相当自然的.以前经常对改版十分反感,就是因为找不到原来的操作键位.

    [回复]

  11. 沈蚊 on 6月 25th, 2007

    呵呵,所以作为普通用户(每周登录1、2次,平均周在线1小时)的我而言,感觉就比较强烈了。

    [回复]

  12. 偶爱偶妻 on 7月 4th, 2007

    这篇文章绝对可以上教科书了!

    [回复]

  13. 南京习习 on 7月 17th, 2007

    来看看我们的分析高手~~~~~~~~~
    果然了得~~~~~~

    [回复]

  14. 蓝皮 on 8月 3rd, 2007

    你的产品角度分析很细节。
    想看下一篇。

    [回复]