交流系统——同城、小组、友邻
同城:页面左边从上到下分别列了全站读书、电影、音乐各十大排行,排行根据站内用户对产品评分动态调整。右上方是“直达链接,提取成员主要分布的十个国内城市名和已有居民数,点击去到相应城市页面。右下方是“国家和地区,是站内所有用户所在国家和地区提取,点击去到相应地区页面。
十个“直达链接的城市页面架构一样,左上方是“我住在XXX,用户点击后豆瓣就记录其为该城市居民,以后用户进入“同城就直接进入该城市页面,想撤消状态就在该页面再按一次“搬家。“我住在XXX以下依次是“二手交换和该城市读书、电影、音乐各十大排行。“二手交换是豆瓣该城市居民发布的交换信息最新列表,排行则是根据该城市居民对产品评分动态调整,因此这个排行在各个城市/地区都有差异。右上方是“XXX新成员,列出4个新加入该城市的居民,显示图像和名字,即时更新。下面依次是“XXX的成员喜欢去的小组,列12个,显示图像、名称、人数,按人数降序排序,提取是从所有小组里随机,每15分钟更新一次。最下方是“最近发生,,显示12项最新该城市用户对产品的标识,是即时变动的。
用户加入某城市后,登陆后点击“同城会直接进入相应城市页面。
小组:用户登陆前,首页左上方是“最受欢迎的小组,显示15个人数最多的小组,按人数降序排列,提取内容是图像、名称、人数,按实际动态调整。左下方是“所有小组的最新话题,是对站内所有小组新发话题的提取,显示的是话题标题、小组名、发帖人名、回应数和最后回应时间,即时更新。
页面右上方是搜索功能,可以搜索站内所有小组,该项是固定的。往下依次是“新成立,显示10个最新成立的小组,提取名字和人数,即时更新。最下面是“合作媒体,提供合作方《书屋》、《书城》、《天涯》这三本读书类杂志在豆瓣的官方读者小组快速入口,该项固定。
用户登陆后,左上方是 “我参加的小组,是用户所有参加小组的列表,显示图像、名称、人数。下面接着的是“我所在小组的最近话题,是对用户所有参加小组新发话题的提取,最下面是“所有小组的最新话题,与登陆前一致。
右边页面在用户登陆后在原来页面基础上增加了两个板块,搜索下增加了“创建一个新的小组功能,用户只有加入一个小组后才有创建小组的权利,创建过程很简单,只需填写小组名称、介绍、标签(不超过5个)。再下面也是新增的“15分钟名组 ,是小组按豆瓣算法的随机提取,显示图像、名称、人数,按人数降序排序,每15分钟更新一次。
单个小组页面功能有论坛、成员列表、小组收藏、成员常去的其他小组列表,成员主要的交流方式是论坛讨论。
我的友邻:登陆前进入注册页面,登陆后进入用户交友管理页面。
该页面提供用户站内搜索和邀请(站外邮件邀请)功能,用户站内交友状态栏(已加和被加友邻)。网站推荐“人的信息,包括即时性的网站新成员显示和豆瓣通过用户已有行为计算出的兴趣相仿用户——“豆瓣认为和你口味最像的。这些用户列在豆瓣“我的友邻页面右下角,用户可以详细浏览他们看过的书和电影,决定是否将其列为自己的友邻。一旦这些成员成为友邻,用户可以很方便了解到他们的动态信息:比如他们正在看的书、想看的书,添加的书评等。用户间的联系方式主要是通过“豆邮,类似碰碰“小纸条的站内信息交互方式。
“同城、“小组、“友邻,从交友来说,这是一个范围逐渐缩小的过程。豆瓣在这之上加入了共同爱好“物这个媒介,交友纬度增加了,使得豆瓣相对于一般交友网站或者QQ更有针对性。
基于SNS建立的网站大多是交友类型的,但豆瓣中的交友功能只能算附属品。首先网站在交友服务上比较薄弱,小组(群交友)只有论坛,友邻(单对单)只有豆邮,用户交互方式需要拓展;其次网站“物的体现压倒了“人,用户个体的关注点在“物,“友邻的作用更多地体现在帮助用户找到“物上。
总括来说,豆瓣目前提供的服务有:特定用途的检索(书、电影、音乐,还有本站内的用户)、购买渠道推荐(“在哪里买)、特定商品的比价(“一网打尽10多家网店)、资料的存储和共享(“我的豆瓣和“别人眼里我的主页)、站内线上交互(“小组讨论和“豆邮)、SN(“友邻和“同城)、“二手交换,还有“豆瓣推荐(“猜你会喜欢和“豆瓣认为和你口味最像)。
产品原则
在用户引导上,豆瓣强调用户参与原则,用户参与的越多,收获也就越多。如用户只有加入一个小组后才有创建小组的权利,需要用户有9个以上的收藏并且给出了评价之后,豆瓣才会向其推荐成员,让其拥有二手交换发布和推荐豆列的权利。这是豆瓣基于计算模型需要作出的约定,但同时却令用户有不断发现的惊喜。
在用户路线上,豆瓣采分散集中的原则,产品线上的是分散,功能键都设置到相应的产品页面上,是过程的体现;用户管理是集中,集中用户在站内的行为,是结果的体现。这种类似购物网站的设置给用户的体验就是方便,而且路线清晰。
在产品设置上,豆瓣采核心需要原则,豆瓣为保证站内用户使用网站的专注,没有贴图,也没有通常社区网站为增加访问量而设的积分和升级系统。这种做法一方面保证了网站垂直运作的专业性,对网站氛围营造起到推波助澜的作用,但另一方面也巩固了网站的“小众,局限了用户基数的扩展。用户不仅增长缓慢,而且缺少对老用户的激励,一旦市场上出现同类型资源雄厚网站,而网站本身用户积累未达规模,豆瓣的抗击力就很令人担忧。
四、 豆瓣设计
中国用户第一次看douban.com,都有一种登录外国网站的感觉。而事实上,豆瓣简约素雅的界面风格,灵感确实来自于著名的图片网站flickr,学习的还包括它的分享概念。使用这种设计风格,与豆瓣网的产品思维相关,也与豆瓣建站宗旨服务读书人群,与该人群审美喜好吻合。douban.com的网站设计具体做法如下:
1、页面技术:采用div+css的页面技术,从《网站重构》一书翻译以来,此种布局方式已经开始深入人心,可说web2.0必备。
2、整体用色:通过色块底色来突出整块内容,重要颜色有浅粉、浅蓝,和白色底结合起来,非常清爽。
3、图片大小:douban.com的核心是书籍、音乐、电影和用户(小组),都采用缩略图,用户(小组)的缩略图小一些。前三者网上的图片一般都比较好看,也必须要大一些,后者因为可以上传,由网站压缩成统一尺寸,所以设计成更小的图,能使得图片显得好看。
4、图片数量:豆瓣网对图片的使用极其吝啬,几乎没有,连用户发评论、发帖都不可发图片。
这样好处是非常明显的,一方面能够使用户专注在文字上,而图片部分都和网站核心相关,不会产生无关的东西。这样的限制与网站用户群锁定喜好阅读人群,较容易接受以文字为主的页面呈现方式相关,对网站独特的用户氛围建立也有帮助。另一方面,这种做法使网站访问速度非常快。
5、网站布局:不管什么页面都是采用相同布局。布局采用上中下方式:最上面为导航;中间为2列方式,左边为页面核心内容,右面为辅助、相关功能及信息;下面是站务导航。所有导航同样没有一张图片。
6、样式用色:样式表使用上豆瓣网也匠心独运,链接选的都是深蓝反白,点上是橙色,删除是深红反白,书籍/音乐/电影使用深红反白,功能说明和站点书签 icon是绿色,推荐的星星是红色,剩下的就是永恒不变的黑色了。整个颜色围绕蓝色和红色色系以及绿色展开,这个和豆瓣网的logo相符,非常协调。
7、按钮设置:button使用得很少。
8、页面长度:每个页面非常短,一般两屏,不超过三屏。
太长的页面会使用户失去耐心,事实上, 3屏以下的页面,用户注意力到达率偏低。因此网站页面长度,2-3屏是最好的选择。长页面只不过是门户网站想多几个广告位置或片面求大求全的做法,并不是每个网站都需要这样。
9、广告设置:豆瓣不同于其他网站,不提供花哨的广告位,目前只有google文字广告和“读书、“读者的文字广告在站内一两个页面零星出现。
估计这种克制投放的文字链接广告会是豆瓣网的长期做法,如果提供了传统的图片、flash广告,并在站内广泛分布,势必破坏整个网站苦心经营的人文氛围,整个站点都会变样。
10、用户路径:只做页面跳转,不使用弹出窗口。