搜狐白社会 - UCD大社区

迷失白社会 - 纯银的日志 - 网易博客

纯银 — 2009-12-20 20:35:40

翻了翻日志，我写《白社会的四道刀疤》这篇日志的时候，是在5月底，距离现在都半年多了。半年里一直玩白社会，每天停留时间大概在20分钟左右，对不玩游戏的内容型用户来说，也算是半个粉丝吧。看着它一点点发展起来，却始终没能进入sohu的Alexa子域名排名。如果Alexa没错，就意味着白社会的日均PV不高，人气亦不高。

先来回顾一下以前提到过的四个产品缺陷：
1、缺乏强大的起步应用，不能有效截停与感染新用户
2、信息流泥沙俱下，拔苗助长
3、交互文案调侃过甚，体现出小众气质
4、交互设计的本地化不足，不像开心那样能更有效地促进沟通

这四点放到今天来看，除了第一点略有好转，第三点已改善外，其余两点均未掉头。可能白社会不认为这是问题，也可能困于行政或技术上的原因，不易改变。在我的观察范围内，半年来白社会的产品变化不算太大，比如新增转帖组件；比如在池塘边、宠物村、原始人等游戏组件上发力；比如引进明星入驻；比如加强任务运营等等。除了任务运营外，其余均是对开心的跟随，未必无效，但恐怕也并非一条直路。和开心相比，白社会虽然有国内领先的交互与前端设计，却在致命的两点上惜败。

第一是缺乏坚定的设计原则贯彻始终，于近处有利，却祸及长远（我在12月的两篇杂念中有所提及）。

第二是盲目跟随开心，自乱节奏，走得踉踉跄跄。我这里讲的“节奏”，是个玄而又玄的概念。大意是在什么阶段就该做什么事情，乱不得步调。

举个例子。当白社会推出伊始，用户第一时间进入的时候，能留住他们的多半是“新奇有趣”的社交游戏。但那时阳光牧场的游戏主题却是个大路货，在QQ农场和开心花园的夹击下，用户骤来骤去。后来倒是连续推出了绿光森林、池塘边、宠物村、原始人、梦幻城等等，再加上原本的游戏大厅，看起来琳琅满目吧，遭了！

用户的活跃好友本来就少，ABC去玩阳光牧场，DEFG去玩池塘边，HIJK去玩Flash游戏——单单是推荐的小游戏都有18款之多。如果不能在同一个游戏应用里集中足够多的活跃好友，就没法形成化学反应。即便把“游戏”都做到了主导航上面去，我点开一看，当场傻眼。花花绿绿到处都是游戏入口，我玩什么啊？我玩什么都得有人陪我玩啊。那我的朋友们在哪里呢？他们散落在天涯……

作为正面的榜样，开心在每个阶段（大概3个月左右）都有一款焦点游戏，精确地控制着节奏，一款游戏差不多腻味了再更新下一款，制造下一个社交焦点。反观白社会，却显得步伐慌乱。阳光牧场没收到预期效果，紧赶着出绿光森林；绿光森林不好玩，紧赶着出池塘边；池塘边刚刚起到了一点焦点应用的效果，却不集中精力把它给做大做响，不仅推广力度不够，又紧赶着出了宠物村、原始人与梦幻城……用户就跟走马灯一样转来转去。好友聚合的粘度，游戏沉迷的深度都不够，无法兑换成足够的产品品牌认知。

所以说，白社会启程的时候就一步踏偏，游戏应用发力不足。等到醒悟这一点，偏偏又矫枉过正，给用户的选择太多以至参与度被稀释，焦点不能像灯塔一样光芒四射。直到现在，整个产品的功能应用倒是BlaBlaBla的，可品牌形象并未鲜明地建立起来，不能重现开心起家时，以“忠诚用户带动忠诚用户”的盛况。

关键不是你提供了什么样的应用，而是你在用户心目中留下了什么样的印象。

游戏毕竟不是社交产品的全部。用户今天来偷了菜，钓过鱼，之后还能做点什么呢？如果在开心，通常会写记录，写日志，发投票，看转帖。看上去这些热门的信息应用白社会里都有，但我在开心写点什么私事的安全感，白社会有吗？开心feed区的信息纯粹性和清爽的内容版式，白社会有吗？开心对feed过载的严格质量控制，白社会有吗？答案是都没有。那么，如果没有内容动态背后的一整个读写生态交互环境，用户又怎么会进行活跃的读写呢？

结果信息应用无法起到丰富社交生活的作用，只是淡淡的，可有可无的点缀。在我的108个好友中，乐于发布内容的仅搜狐员工不足10人。纯粹游戏用户比例远远超过开心，与社交产品的交流本质渐行渐远，更显得跨两度传播的隐私设置，对信息流的粗暴加速，仿Facebook的feed区风格等国内少见设计不过是拔苗助长。

数据从不说谎，相信白社会也心知肚明。两个月前，也许它指望转帖组件的推出能上演华丽的大逆转，为此不惜将转帖内容的“投票”和“转帖”功能进行强奸式的捆绑（我很恨这一点）。结果也异常惨淡。白社会的交互设计使得直接分享网页极其便利，转帖吃力不讨好，鸡肋不如；又缺乏狂热的产品粉丝，不像开心那样涌现出一大批转帖专业户来。由此痛失了“投票转帖”的绝佳传播渠道，使得信息封闭，无可读之物。未料到当初的先进交互，反而在后来自缚手脚，真是苦笑连连。

看上去，一切都是如此萧条，似乎搜狐的名人资源成为了最大的救星。所以名人专页才被放到最高级别的推广位上去，甚至请到了徐若瑄这样的大明星！话说VIVIAN人美胸挺，我好像还看过她出名前赴日拍的狂野少女AV……

（记忆有点模糊，努力回想中）

多情自古空余恨，不如回家打飞机。理论上来讲，10个徐若瑄级别（白社会粉丝3万余众）的活跃明星用户，或许就能改变产品的运道，但现在“大牌档”的12位大佬里，大明星仅有徐若瑄与周迅二人。人少也就算了，12位中的3位还把门给锁了起来，非得加好友才能看到，哪里是名人专页的做派？再说大佬们的白社会活动无非写很少的日志（多半还从别处转帖过来），偶尔玩两把游戏，关注价值近乎于零。以至于我跑到粉丝3106人，美女头像的作家“上官午夜”家里去，见她每篇日志的评论数平均不到2条，何等凄凉！怕是还不及108位粉丝的区区在下。

这些进驻白社会的名人，并非被产品的人气所吸引，而是BD人员生拉硬扯过来（多半找助理代为管理），所发内容若不是新浪博文转帖，就是无聊的商业推广。基本与发垃圾贴的刷版机器人无异。这动作若说是照搬开心的名人专页呢，则缺乏互利基础，对方只敷衍搜狐一张薄面。若说是照搬新浪微博的名人战略呢，产品形态又不及微博那般简单/纯粹/好玩，使得名人见而生畏，很不活跃。

依我之见，白社会的整个发展轨迹都缺乏一条清晰的脉络，一个坚定的原则，一套系统的思路。大公司病的短期业绩导向压倒了独立冷静的思考，急躁清晰可见，基本上是“谁成功，我学谁”，把别人赖以成名的绝技通通拿过来，岂不犯了兵家大忌？作为产品人员，我们到底是在跟随着用户前进，还是跟随着偶像前进？每一招每一步到底是被我们的用户启发，还是被人家的用户迷惑？

最近我在日志里有过一系列论证，大意是不同类别的产品，用户习惯也截然不同，以此证明做不到“专人专项”的坏处——所谓通用准则，再怎么专业也靠它不住。但如果再参考白社会的案例，就会发现即便是完全同类的产品，如果身处不同的发展阶段，或是有着不同的框架和交互设计，那么用户反应也大相径庭。产品设计的微妙，教条主义的危害，可见一斑。

白社会视觉设计诞生记

Sophie — 2009-12-10 18:21:36

说实话，我还真没在公共场合真正好好说说白社会诞生的过程，她的样子是如何被我们一步一步勾勒出来的。这次，借助UED Blog的即将开张，算是正式的公布出来吧。

在接到白社会设计任务的时候，当时的SNS漫天飞舞的设计样式都是facebook、开心、校内的样式，那时，我们就想，如何突破？如何脱离那随处可见的信息架构、页面布局模式以及视觉元素，让人起码在第一感受上不觉得这是一个市面上千篇一律的SNS的皮。

这其中，我们尝试了很多的创新，情境故事般的界面，苹果的Dock似的导航条，很炫很酷的交互方式，看着简直就像电影《钢铁侠》一般高科技的界面。但一段时间的发散后，我们发现，我们走在一条误区上，视觉设计不是那些表面光鲜亮丽为了炫耀技法的工具，视觉设计应该是通过适合的手法，更好的满足用户的需求，传递信息。所谓视觉传达，是在用户和信息之间搭建的一座桥梁，帮助用户快速、高效、愉快的接受信息，而不是独自一个人翩翩起舞，无视其它。

于此同时，白社会的虚拟用户角色设计也在如火如荼的展开之中，作为参与者，我们也想到了既然虚拟用户角色可以帮助产品设计和交互设计更准确的定位用户需求，那么是不是也能帮助视觉设计在茫茫的大海中寻找目标用户的视觉喜好，满足他们的视觉品味，更有针对性的为他们设计呢？没错！随即我们便开始启动了一个叫做“虚拟用户视觉模型”的项目，为的就是通过模拟目标用户的视觉品味和喜好，将设计风格准确定位。无论是对产品的颜色质地风格，还是对其中文字风格，APP小插件的设计，都能具有一定的指导作用。

我们是这样定义一个视觉模型的：
1. 用户角色视觉模型是在虚拟用户角色卡片的基础上建立起来的，是对用户角色的一个视觉填充。
2. 视觉模型只在用一系列图片说话，进一步丰富用户角色，使其更加直观的得到展现。
3. 通过每张图片所包含的颜色信息、质感表达和氛围烘托，逐渐摸索出用户角色在视觉放面的喜好。
4. 视觉模型会随着人物角色信息的不断完善而完善，形成一个持续填充的库。
5. 模型中也会存在一些主观的意识形态，根据一些建议意见，持续进行修订完善。

以下是我们的视觉模型流程图：

在这个视觉模型库中，我们逐渐找到了感觉。我们的全部视觉元素不是来自于设计师的个人偏好，不是老板的喜好，不来自于任何人的个人主义，而是全部来自目标用户的喜好，他们的期望。

在经过了视觉模型的帮助之后，我们逐渐找到了属于白社会目标人群的一套视觉表达方式，并开始了一系列的设计尝试。
首先，我们发现淡雅的色彩能让白领上班族舒张压力、精神放松，既然白社会是一个白领“生活在别处”的地方，那首先在视觉传递上要让人感到轻松愉悦，以及一些贴心的温暖。在第一版草稿设计的时候，我们尝试用一些小清新的颜色来传递这种感觉，甚至视觉设计师提出了一些像是实时天气、简单轻松的小功能的想法丰富在页面的整体调调中，同时对一些页面的布局也有了不小的改变，比如一句话的位置，导航条的位置等。

但由于第一版草稿很多细节具有局限性，传统的页面布局虽常见，但也不失它的道理在，于是我们根据实际情况调整了一版草稿。这一次，我们还提出了添加白天版和夜晚版的小设计，功能虽小，但能让用户感受到一些贴心的温暖嘛～细心的同学会发现，因为开发时间比较紧张，我们都还没有名字呢，logo都是搜狐SNS呵呵。

这里是白天版：

这里是夜晚版噢。

之前的这一版，还是没觉得表达透彻，于是我们决定换换思路，从白领身边的办公文化下手，接下来的这一版是我们改变比较大的一版，也是在内测时候一直持续使用的一版。这一版的视觉风格会比较重，木纹桌面、折纸便签等，使用久了会让人有些压抑，毕竟深色调还是会容易有些憋着的感觉。同时，这版我们也开始加入了IM，左右APP LIST和IM的面板都做成了收缩的方式。虽然这样扩展了中间的内容区，但操作上还是不够直观方便。

我最喜欢的是白天版照在页面上的那道阳光，就像早晨的阳光照在办公桌上的感觉，让人觉得好有生机呀。

夜晚版的射灯感觉也是我很中意的，温暖的咖啡红，在夜里最有味道了。

在连续对着这版设计一个多月之后，连最开始很喜欢这个设计的工程师某某都会跟我说，他天天对着这个页面有些觉得压抑了。从各方面的反馈来看，这版设计虽然在短时间内比较吸引眼球，但长时间的使用下来却不是让人舒心的。于是在离上线还有一个月的时间内，我们一咬牙，改！全站改！

还是回归了，经过了长时间的压抑后，释放的轻松比原来更轻松，也就是现在大家看到的白社会整体设计。我们添加了很多的释放元素，扩大渲染气氛的logo头图，结合实时天气和手绘logo以及一个显著的NO BOSS小标标，充分的渲染了一种简单轻松的氛围。同时，为了能让右侧的IM面板不和浏览器的右侧滚动条混在一起，有一些视觉空间，我们还添加了一个可爱的老板键，小细节的设置也是为了增强气氛渲染。白天和夜晚版的诠释也更加明显了。

整体页面的视觉层次通过一个小折叠的处理将中间的内容区域明显的突出，让用户轻易的将视觉中心放在feed区域。IM的列表因为有很多脑袋，容易让页面变得花和乱，我们也尽量的减弱了其背景颜色，让他不要打扰用户。在除了首页的其它页面将它收了起来。

之后，我们还有一个彩蛋噢，节能版。

白社会的设计诞生过程就说到这里吧，在短短的时间内，我们的视觉设计团队接受了一次不小的挑战，收获也是很多的，无论是设计方法还是设计流程又或是视觉体验设计等等，当然，我们还在继续，继续优化继续修改，继续为用户带来最好的视觉感受。欢迎大家直接去白社会直接体验看看。bai.sohu.com

也谈谈白社会

xw — 2009-07-06 01:13:47

白社会差不多是搜狐产品团队不到1年的时间开发完成的。上线以后普遍反映都不错，虽然还是有褒有贬。说好的都是从视觉效果和一些小的交互效果来评价，而说不好的一般都是从产品本身设计、策略方面。

对于我来说搜狐白社会是一款产品质量很高的产品，但不是一款好产品。

1、产品定位到底是什么？
如果把白社会单独提取出来，当然来说定位很比较清晰是一个白领社区。但是放到sohu这个大的框架下到底起什么作用呢？对于整个sohu架构，白社会到底处于什么位置呢？这确实是一个很尴尬的问题。

2、过度交互
虽然对于界面的精美和交互的华丽，不少人送来了赞美之词，但是仔细发现其实产品在许多设计上实际上过度交互，说的简单点就是为了交互而交互，不是为了让产品更好用，而是为了看起来更炫酷。一个最简单的例子就是首页的”吼一句”，当单击以后才会自动出现发送按钮。从设计的角度来说这个按钮不会对页面造成空间节省，只是看起来更炫一些。但是这个设计可能会对用户使用产生一个反的作用。譬如但该用户单击输入框的时候才会出现发表按钮，而且是用了缓冲出现。这样很容易就把用户的事先焦点转移到发送按钮上。同时因为发送按钮出现的效果太过于引起用户注意，这就会造成一种心理暗示，就是当我输入完内容以后一定要点击这个按钮才能发送。而弱化了输入以后直接回车发送也是一个很快捷的操作。

3、聊天是最大的亮点
整个白社会产品中最大的亮点，我觉得莫过于在线聊天了。虽然facebook有在线聊天，校内也有在线聊天。不过我觉得他们的产品设计一直都很有问题。而白社会很显然知道了这个问题的关键点，关键点就是～用户习惯。中国用户是很喜欢用IM来沟通的，而把Im放在桌面的右侧，聊天的窗口放在Im主装口的左侧是一个最基本的习惯。很显然白社会的聊天工具抓住了这个点，把整个浏览器看似成桌面，聊天工具放在浏览器的最右侧。第二个点就是把IM做得要像一个IM。虽然校内、facebook也有聊天工具。但是设计的界面和交互方式和普通的桌面IM差距太大了。让用户操作起来很难有IM的感觉。而白社会尽量按照桌面IM的设计方式，设计了界面。同时和网站中的好友管理系统关联。这样就让用户使用起来和桌面IM有了高度的一致性。

无论在怎样，白社会还是一款非常用心的产品。尤其是一些小的地方，设计的非常讨巧和有趣，譬如任务用了团队的自拍照片、说秘密根据各种情景引用了经典的照片作为头像等等～～，这些是非常值得借鉴的。希望白社会可以把和sohu整个产品框架的脉络可以打通，这样才能发出出产品的真正价值。

相关话题：搜狐白社会源地址：http://blog.d8in.com/posts/350.html

[分享]白社会VS开心-对比评测-UI分析

3233 — 2009-06-14 17:16:01

个人主页

1、导航
极赞，且采用了少见的跟随窗口滚动的方式。由于整体配色清淡一致的缘故，这样也不觉得打搅，不过就牺牲了导航常用的深色系，使导航不够醒目，利弊参半。我猜测原因是这样的：为了及时通知消息（当页面拉到较低位置的时候），又要把标签栏走马灯的提示效果让给Web im，只好让导航条跟着滚了。

找人的输入框容易被误解为“找好友”，其实是全站搜索，刚开始有点错愕，适应后也满好。新通知和通知拉层的设计极赞，必引为己用。

白社会导航

开心网导航

2、Banner
其实谈不上是Banner……，或者算是形象版头吧。

视觉上和导航并不统一，但基本忽略了这一点。看见有人说那个大太阳是白社会的天气预报，大笑。Boss圈圈和“生活在别处”都是小众趣味的文艺腔，无视之。音乐播放器的UI极赞，神来之笔，比开心体贴许多，协调又趁手。但经常忍不住去点那个“随便听点什么”，猛点，点它不动。

3、内容版头
一句话发布框是向FB的致敬之作，下面的三个小图标其实很好用，但我很怀疑纯图标会使得点击率下降500%，不及FF直接用文字表述的清晰。右侧的小报/等级/金币/打卡信息简洁紧凑，花絮效果居多，且数字颜色太浅，虽然与整体融合度佳，却削弱了概念上的感染力。

任务模块是神来之笔，把UCH的创造给发扬光大，极赞。但遇到我不喜欢的任务，还关不掉，成天在那里死皮赖脸地挂着。这点开心做得好很多，绝不会在主要界面上设置强奸性的元素。包括等级，积分，也有人“偏生不喜欢”的。白社会的风格化终归不够大气。

4、左侧导航
清爽归清爽了，和谐归和谐了，毛病始终在那里，就是字太纤细，远不及开心的醒目。为了使组件导航条更突出一些，图标没跟着12号字一起瘦身，又使得图标大过文字，进一步削弱了组件标题的视觉权重。唉，白社会就是死要面子活受罪。像开心那样用14号加粗字体又怎么了？丑是丑一些，用起来实在。导航，自然以点击顺手为最高原则。别拿设计人员的美学来摆架子。

在左导航和动态区之间有一个折页效果，是很漂亮，但我不喜欢。过多的立体感会增加整个页面的复杂印象。好的产品设计，应该丰富而不复杂。炫技无益而有害。

5、中央动态区域
对这块似乎褒贬不一，我持整体贬低的态度，可能是因为媒体出身，很强调“通透”“流畅”“统一”这些概念。而白社会强调的是“丰富”“活泼”“快速定位”，完全另一套概念。换句话说，可能无法直接地盖一个“优/良/中/差”这样的印章。得看用户的喜好。比如像我这样的用户，喜欢自上而下的顺序阅读，就很反感，觉得它样式和颜色太多，花，乱，看得头晕。而另一些用户喜欢跳跃性阅读，随便挑着看，有可能就觉得它重点突出，丰富活泼。

我经常大发议论说，用户印象是永远没有错的。用户感受都是对的。只是看我们最终能取悦多少用户，他们是大众还是小众，是否能取悦到我们想要的用户。从这个角度来看，白社会的动态区域UI恐怕放弃面太大，因为我这一类的用户并非少数。这也是我持整体贬低态度的原因，不仅仅出于个人好恶。

具体到细节，将动态类别过滤用下拉菜单的方式放在区域右上角，想法很不错，却又犯了拘泥于图标的老毛病。我觉得那玩意儿挺好用的，就是想不起来去用它。或者说，我看不见它，就算看见了也意识不到这哥们是干什么的。原则上，如果用户没有强烈的主动使用需求，但确实又能有效改善其体验，我们尽可能使用文字链接而不是图标，以引导用户建立这个习惯。白社会的设计师虽然强悍，却有不少美学上的固执。

而把动态过滤的设置链接放在全局右下（这回你终于用文字链接了吧），应用过分高端。既然整个区域是跳跃性浏览，到末尾的时候很容易“跳过去”，此处所受的重视就比顺序浏览更少。此外，30多条动态对吧，也只能跳着看，页面太长了，很难拉到底。拉到底的第一反应不是短暂的停顿，而是快速回弹，怎么看得见右下键浅浅的“设置”两个字。

关于白社会的动态过载，泥沙俱下，我在之前的文章里详细讲过，这就特别需要用户手动来过滤一些不爱的内容，免得被其赶跑，动态过滤设置也就特别重要。结果功能入口被丢在如此冷清的角落里，非常不明智，如韩信在项王帐下，仅一执戟郎中耳。

全局右下的“设置-查看更多新鲜事”，我们部门去年给这种交互效果取了个名字叫“滚筒式”翻页，很好用——就是不好点。TW整条通栏可点击，用起来多舒服。虽然白社会在学FB，可人家略微居中的点击位置顺手不少。不过我喜欢白社会点击更多链接后的loading提示，轻巧顺畅，比FB的更好。

最后说两个花絮，在可回复的动态中，只要有第一个人回复，内容动态下面的窄评论框就会缺省展开，估计是认为这条信息有可能具备讨论价值。取材自FB的引导交流的思路极赞。在白社会中，可赞的交互设计确实多不胜数，看得我又爱又恨。必引为己用。

而用户发布内容后，在自己首页的动态区域内亦可见，也很棒。用户直观地意识到自己的动作被融入了整个社交动态环境之中，确信发布成功，将为人所知；也就更容易树立对整个动态环境的认知度和认同度。同时也便于查看好友对自己发布内容的回复。

6、右栏色带区域
“最近访客”有个算法问题，如果一个人看了我的日志，但没踩我的主页，那么他不会被放到那里边去，这是错的。应该按开心的算法，看了日志（或其他个人内容页）的就算访客。他确实访问了“我的页面”，不应该把访问概念局限在“个人首页”上。这样用户能更快了解自己所发布内容的反馈——比如我在开心刚发了日志，一看最近访客的头像更新，就知道谁先看过了。非常及时。同时也显得那里热闹一些，人多一些，心里比较满足。

“可能认识的人”和“邀请好友”从位置到设计都恰到好处，整个右栏色带区域的内容编排简洁明了，逻辑清晰，赞。白社会在这里倒是能收起卖弄的欲望，清宁流畅。

7、Web im
评价就俩字：“自恋”。我说的不是技术层面，技术上挺好的，社交平台做Web im也不错，但丢那个位置很不能忍。第一，太突出了，其实又不爱用，社交平台的优势在于异步交流，即时聊天只是辅助性服务。第二，好友多的时候在页面右侧会出现双重滚动条——Web im的和浏览器的，极其不爽。第三，我本能地想从这里进入好友首页，但是点小头像，大头像，都是打开聊天窗口，非得“点大头像浮层的姓名文字链接”这么麻烦才能去好友首页——难道白社会就这么肯定，用户互相访问的需求远远小于在线聊天的需求？依我看，恰恰相反吧。不常用操作占据了常用操作的地盘（虽然1024下看不见），我如何不恼？

总之这个模块的权重被设得太高，过分突出。而有新的聊天消息时，浏览器标签栏出现跑马灯效果，更是烦球得很。拜托，“Web im聊天”的内容权重并不高，用户接受不了这种程度的打搅——那叫骚扰好不好？别瞎抄人家开心。在开心里，新消息以“好友对自己所发布内容的回复”为主，这种消息的质量足以抵消标签栏闪烁的干扰。换句话说，用户是否认为消息提示是一种干扰，更多取决于在他心目中消息的质量，而不是其形式。基本上用户对“互动反馈”是有很大期待的，他发布内容，往往就是为了看好友怎么来评论，而Web im上的搭讪闲聊则远逊于此。因此又是一个不重要信息占用了重要信息的地盘，鸠占鹊巢。

有时候觉得白社会的炫技心态严重，突出Web im，可能也源出于此。

8、老板键
524第一次看见的时候，愣了半响，哈哈大笑。白社会的产品团队真的很聪明。

白社会全局居左，在1280的极右侧基本是视线的盲区，适合放一些不常用，又不算全无价值的东西。这个老板键呢，我猜它的目的倒不是真的让用户去跟老板躲猫猫，而是一个用户群定位的暗示：“这产品适合坐办公室的成年人，用我，比用开心更加安全。”简简单单的一个功能，却比啰啰嗦嗦乱七八糟的交互文案更来得亲切友好，印象深刻。

开心、有道、白社会，虾米，亦歌，是国内我很喜欢的五个产品团队。前三者尤好。

9、个人主页
个人主页这里恐怕是有些大问题的，比如开心就把它用“别人怎么看我”的方式给折叠起来了。原因很简单，我去个人主页的概率很低，目的也就是看看自己的页面在别人眼里是什么样子，如果用上了一个独立的导航位，权重放得太高，反而让新用户迷乱：“它干嘛的？我在这里干嘛？”字面上和功能应用上都不容易理解所谓“个人主页”的定义。

在白社会的个人主页里，首先放照片，其次日记，再次新鲜事，要球不得。虽然照片和日记的权重较高，但更新频率太低，容易造成对方头屏无更新的印象。印象相当坏。开心就反过来，新鲜事→照片→日记。通过强调“更新”来促进用户之间的互相访问。

此外，开心的照片模块放最新相片，白社会的照片模块放专辑封面——这更要命，直观可见的更新量那就更低了。唉……这些家伙在想什么哟。

当然，将个人主页的权重提高也不是一无是处。最大的好处就是把一些个人性的东西放进来，让首页更整洁。比如左栏的音乐盒和礼物橱窗，比如右栏的好友列表，比如顶部向虾米致敬的自动简介“我是某地某星座男生”（不！我是怪蜀黍！）。但我用了一年的开心，很难适应在两个个人页面（首页和个人主页）间跳来跳去，更认可单页面中心的产品框架。国内用户总体上低端，产品框架不宜复杂化。任何时候都应该把“好用，顺手，简单”这些指标放在第一位，而不是固执于视觉上的完美或者呆板机械的内容逻辑。

10、其他，以及总结
好友界面的设计很鬼扯，很不好用，操作时页面跳来跳去很烦恼。交互设计师你来连续给10个人分类试试？由于资料分布稀疏，如果不用搜索（我就不爱用搜索），查找好友的效率很低，对好友进行操作的效率更低。设计上的极简主义，放在这里就变成了主观思维的极简偏执。

我的站内信是空的，所以没法评价（谁给我发一条试试）。邀请和设置页面都很好，但设置的下拉菜单一看就很复杂，会吓到人，尤其是新用户，第一印象受此拖累，觉得这玩意儿太复杂，怕是折腾不动。找人页面还有个大的缺陷：不应该把过滤项全部折叠起来，至少把过滤选择链接搞得更醒目一些，否则不容易留意到，也就不容易找到人。

白社会全局采用了棕色的超链接，不难看，但有些抢眼，有些花哨，对比度上对灰色的文字有些压制，不及常规的深蓝色超链接效果。说到灰色的文字，只考虑了整体上的视觉协调，却远不及开心黑色文字的清晰舒适，也属于好看不好用的范畴。基本上白社会配色的对比度偏弱，文字内容不够突出，第一印象固然美，却不适合集中注意力大量阅读。那么，第一印象和大量阅读，哪一个对社交平台更重要呢？

比开心好看，却不如开心好用，考虑设计者的感受比使用者更多，就是我对白社会UI设计的整体评价。而它在交互体验和交互性能上的优势有目共睹，不夸也罢。计划中对白社会的评测有3篇，今晚，或者明天再接着写第三篇“组件快评”。虽评价别家的孩子，也是借这机会来讲我对社交产品的设计理念。一吐为快。

相关话题：搜狐白社会源地址：http://www.tgideas.com/?p=224

值得借鉴的白社会的交互设计

杰西西 — 2009-06-09 21:12:06

一直听说白社会的交互做得很棒，最近两天工作基本上完成了，于是本着学习的态度体验了一下白社会．

进入登录界面，色彩搭配很舒服，一个很明显的视觉元素：ＢＯＳＳ加上阻止的符号（ＢＯＳＳ免进），很明显的体现了整个网站最基本的用户群，除ＢＯＳＳ之外的白领人群．

整个社区很多地方都体验了为满足特定用户人群而设计的功能，着实让人眼前一亮．随便听点什么的音乐播放功能，单击打开一个小窗口，随后音乐自动播放，自动播放的音乐为新歌推荐，而不像其他网站，需自己选择音乐单击播放才能播放．播放器同时也支持用户自动设置歌曲．打卡领工资，白社会小报，说秘密，真心话等很多功能的出现，正符合了被邀请注册的页面那句广告语＂吃喝玩乐，慵懒偷闲。这里绝对是你秒杀疲惫，打发无聊的精神家园。＂

以下是我对其中一些交互设计的想法．

一：非模态提示代替弹出框的模态提示。

1.1按扭的变化

1.2 输入框的变化

复制成功的消息既能被注意到，又不会打断用户正在进行中的任务。

1．3固定位置的提示信息

老板键—非模态的提示信息，放在浏览器最右边，不会打断用户完成其他的任务，但也会注意到。为特定用户人群（除老板外的普通白领）考虑，设想用户可能的遇到情境而提供的帮助，想得很体贴。按F9之后，页面隐藏，显示的是搜索的页面，这个搜索界面的出现，肯定也是经过考虑的，搜索功能是每一个上网白领日常工作的一部分。成功而巧妙地完成了当BOSS在的情况下隐藏的任务；按F9隐藏，而不是像其他软件一样在慌乱中关闭，最后还能返回，整个过程不需要离开社区，这是社区很聪明的地方，唯一不足的不能按F9返回，而必须点右边的链接返回。

1.4响应中的提示：

1.5成功提示：

二：全站的统一链接颜色

链接颜色统一用红色，跟普通文字有很明显的区分，突出重点。红色也起到引导用户点击的作用

三：人性化的提示文案：

遇到错误的时候，一般是很沮丧的，白社会用诙谐的错误提示文案减少用户的挫折感，同时增加了产品的趣味性。

结合当前用户人群最关心的话题而写的文案，很生活化，让人记忆很深刻。

四：评论及回复

整个站点评论和回复列表一致性的设计，将自己发表的评论与别人发表的评论以不同的色块明确的区分开。

五：视觉与交互的衔接

心情的输入跟输出的通过视觉的表现很自然的衔接在一起。

六：信息收集的方式：

把用户的信息的收集作成任务的形式，引导和激励用户填写信息,比起普通的表单性质的信息收集更有作用。

不同色彩的视觉表现已完成和未完成的任务，很清晰。

七：让用户自己设置最关心的话题，考虑到高级用户的需求。

八：搜索与搜索结果的表现

输入与输出很自然的衔接；搜索结果过多时重新搜索的引导。查看好友列表功能，找到他的朋友中我可能认识的人。

九：输入框通过动态的提示信息引导用户

动态显示的提示信息引导用户填写内容。

输入框支持2种提交方式，1是按扭，2是快捷键：回车，考虑到中间用户和专家用户的需求

十：光标启示

鼠标滑过不可点击的对象为“I”启示为不可点击，但能复制，可点击的对象为手形，可拉伸的输入框为双向的箭头形状，并显示窗口边框可以伸缩的方向（纵向为可以向上下拉伸，横向为可向左右拉伸），可以拖移的对象为四角的箭头。（其他的网站都有这样做，不过不可点击的形状还是没被大多数人所意识到。）

十一：不同的内容条目通过不同的视觉表现得很清晰

未完，待续...

搜狐“白社会”会不会成为“白社”（摆设）？

王利杰 Leo — 2009-05-26 09:22:31

以Social Gaming为核心竞争力的SNS（典型的就是开心网）已经逐步成为各大互联网门户必争的地盘。或者可以这么说，“开心网”正在成为互联网门户的标配模块，其他一些标配比如：

1，邮箱（Email）
2，即时通信（IM）
3，博客（Blog）/空间（Space）
4，校友录
5，视频
6，搜索（有些已经技术外包了）
7，新闻（这个是肯定的啦）
8，相册
9，另外一个有潜力的就是Twitter这样的微博客服务

还有一些别的功能……

典型的重复建设嘛，不过软件这玩意，重复建设也是看得见摸不着，都是“软的”，不像移动运营商的基站摆在那里，所以政府也看不见管不着。门户们干得不亦乐乎，但是很少有收购行为，通常以“参考”为主，以“山寨”为辅，这点就比不上美国啦，看看我们国内创业者多苦啊！

想起来说这些，主要是因为最近总是收到朋友们“白社会”的邀请，这搜狐也玩起了“开心网”，而且同样一批用户进来冲场子，邀请同样一批好友，同样的关系网……

我们这些人都是20多个SNS帐号，每个帐号上都几乎差不多一批人……好像大家都来用，自己不用用不体验一下有点过意不去，怎么说也是在道上混的，总的了解一下江湖上的事情吧，所以抱着一百个不情愿就注册了……折腾啊！

用了一下，稍微有些心得，唠叨一下：

搜狐“白社会”无非就是在产品上做了一些升级，体验上搞了些优化，没有本质改变；而社区的本质是“物以类聚，人以群分”，这“群分”直接作用于用户的“归属感”，这“归属感”又直接导致了用户的黏度和活跃度。所以我认为，在用户对开心网没有特别厌恶的时候，集体迁移到白社会的可能性为零；毕竟同一圈人已经在开心网集体活动了，不管是黑社会还是白社会，哪里不是混，老大还是旧的好（出来混，频繁换老大是有“风险”的）。不过也不排除跑过来瞄一眼有什么不同，有没有新的MM，待遇如何，给不给安排住宿，有没有伙食补足，搞不搞特殊服务……看了一圈，不好玩，虽然同一批人里面有些也过来冒泡了，但大家心照不宣，继续回去跟原来的老大混。

不过这种事情在Bebo上发生过，当时很多学生集体迁移到了Facebook。我有个表弟在英国长大，他妈妈（我小姨）就轻烟目睹了儿子和同学们集体从Bebo迁移到Facebook的壮观。我不是他，所以我也很难理解当时他们的“核心动力”，毕竟好像很多同学也都在Bebo上了。我猜测，或许因为标榜了校园SNS的Facebook在学生社会化互动方面做到了极致，而且那个时候的Facebook已经吞下了绝大部分高校市场，从美国席卷而来，英国的很多学校先沦陷，大家觉得逃不掉是要注册Facebook帐号的，否则太Out啦，既然都注册Facebook了，那么Bebo就成摆设了……真为 Bebo感到可惜啊。

扯远了，回到主题，白社会的发展会如何？我想，有点像 www.kaixin.com ，在很多新兴SNS用户市场，白社会估计还是有点收获的，这些人说不定不知道有开心，不知道有校内，但不小心就被拉近了白社会，从此跟着张朝阳老大混。等我们这些进来考察市场的伪用户做的微薄流量贡献以及正在写的这些无聊的博文传播（很多人都写，效果还是很厉害的，一时间铺天盖地）待些时日消沉后，沉淀下来的才是属于白社会真正的“小弟”，他们将会给白社会打上属于他们的烙印。到底是什么烙印，是斧头帮还是猪笼寨，我也不知道，看官们一起静观其变吧！

另外，用过嘀咕的人可能都会有一种预感，越来越多的人用类似于Digu这样的工具，把自己的微博客，博客，视频，相片等从一个入口自动同步到所有正在注册使用的在线服务内，给基本上是同一批人看。因为可能A好友习惯用开心，B好友习惯用校内，C好友习惯用若邻，D好友习惯用Twitter，E好友习惯用海内，F好友习惯用Facebook，G好友习惯用Linkedin，H好友习惯用BrightKite，I好友习惯用饭否，J好友习惯用QQ，K好友习惯用MySpace，L好友习惯用139社区，M好友习惯用滔滔，N好友习惯用叽歪，O好友习惯用做啥，P好友习惯用占座，Q好友习惯用豆瓣，R好友习惯用Friendfeed，S好友习惯用Flickr，T好友习惯用Youtube，U好友习惯用Picasa，V好友习惯用Blogger，W好友习惯用iPai，X好友习惯用Blogbus，Y好友习惯用Plaxo，Z好友习惯用5G……

等嘀咕支持白社会的时候，白社会的小弟们一定也能看到我无病呻吟的Twitter，就像在若邻网，Facebook，Linkedin，海内，校内，饭否，开心，5Gme等地一样的内容……这就是“残酷”的未来，将就着混吧！

其实对于某个人来说，社区不要那么多，每个人能维护的朋友圈平均也就150人；社区只要一个精致/精准的就够了，搞这么多作秀还可以，实在是不实用。也只有像我这样的Freak才会把自己的状态，博文，相片等信息同步的无处不在，不过Geek也好，Freak也罢，都无所谓，这也是一种社会化生活:-)

相关话题：搜狐白社会源地址：http://betashow.blogbus.com/logs/39950701.html

门户网站进入SNS化的拉山头时代

kent.zhu — 2009-05-26 09:15:51

       门户标配的演化
       若邻网的副总裁王利杰说，开心网已经成了门户站的标配，个人觉得这个总结很到位。中午，我在Twitter上戏言了一句“ 白天上搜狐白社会交新浪朋友；晚上到校内玩开心网游泡51美眉”，立刻有人补充说，还有腾讯，是的，目前来看除了网易的SNS化还不是特别明显外，4大门户已经有3个开始大张旗鼓的为SNS摇旗拉山头了。自从非死不可的模式被引入中国后，门户站其实都已经开始过关SNS的尝试，先后在其所属的博客内加入了 SNS的元素。接着在kaixin001对SNS的大力普及下，门户站已经预备好展开一场更大范围的SNS化的拉山头之战。
      存在巨头的状态下通常都是巨头成为某些新趋势的最终受益者，中国的博客化已经证明了这一点，当年正是新浪大张旗鼓的挺进博客，才在实质上让中国真正的进入了一个博客的时代，随后其他巨头跟进，最终划定了中国的博客版图，这次的SNS发展实际上也是在按照这条路在走下去。
      我同意一个说法，“09年将是中国SNS的元年，就像05年是中国博客的元年一样”，09年将是SNS群雄并起的时代，巨头们会纷纷挺进SNS，许多小的SNS最终会被干掉或者被收编，随后会奠定SNS的版图。至于之后巨头们再怎么玩下去，如何挖掘SNS的盈利点，那是后话。
      kaixin001 在实践上完成了中国SNS的普及工作，SNS日渐成为一种趋势，这能够解释为什么SNS在目前并没有明显的赢利点出现的情况下还有如此多的公司去做，还会引来巨头们的争食。而kaixin001的最终结果只能是被收编或者用户被别人偷光而消失，程炳浩发起的这场官司恰恰说明他自己已经对kaixin001 没有了开始的雄心了，开始的时候程炳浩一直认为，是否带001压根不会影响其发展，但是，事实太残酷了。

      有人有枪才能成大事
      于是，马云开始在电子商务界立规，而百度只能慢慢的筑城拉人，B2C的企业们还在满怀希望的期待B2C井喷时代的到来，摸着怀里的子弹数日子。同样的事情也在门户站之间上演，腾讯依据自己巨大的用户群做完QQ校友并没有发力而是在养用户；搜狐迫不及待的推出自己的白社会；新浪也把新浪朋友的鼓点敲的很响；校内网则表现的更明显，直接使用流氓的手段去抢占市场。
       所以，从本质上看，搜狐的白社会其实和某舟做的事情是一样的：抢占SNS的用户资源，先养他食客三千再图大事，只不过手段比某舟绅士了许多罢了。
       逛了一圈白社会之后我仔细的想了一下，基本上SNS核心的几个组件搜狐都有现成的，但是为什么要生造一个系统出来，而且还是跟之前毫无关系的？实际上这是搜狐在试图抓取一些新的SNS用户过来，搜狐之所以不把自己的核心功能引进来直接用，其目的就是要扩大自己的用户群，在做拉山头的事情。利用现有的产品体系去稳定住老用户，利用目前流行的玩意开发一个新系统来吸引新用户，当这两部分人群已经足够大的时候，整合之。

       当然，每个人能够维护的朋友圈子也就在150人左右，大量的社区实际上都是在重复建设。刚到白社会的时候我发的第一句迷博：“以一个SNS为基础，玩其他的SNS就变得特别容易”，我的白社会上的好友大部分是“5G观光团”，大家见面份外眼熟，倒是可以直接解决了SNS里一个很头疼的陌生人问题，哈哈。（这里，必须再表扬一下“5G观光团”，从思贱的虾米网到淘宝的淘江湖到沈总的1912到搜狐的白社会，5G 的观光团成员遍布各地，在第一时间发来第一手的用户体验报告，他们是孜孜不倦的勤奋的刻苦的不求回报的无私的正义的纯正的小白鼠，再次向他们致敬！）但是，网站这玩意重复建设造成的危害小的几乎为零，所以，国内有成千上万的垃圾站，成千上万的垃圾站长们在拾人牙慧每天守在正规站门口等他们更新，然后抄回自己的网站去，甚至已经总结出来一套如何创造伪原创文章的方法与机制。

       单就白社会这个单一的产品而言亮点确实蛮多，也能看出来搜狐的用心程度。Ajax的娴熟运用，在交互的细节上，在UI上他们都很用心，很赞！但是，貌似白社会在刻意的对着UCH来创新，为了避免落下个模仿UCH的话柄，他们很刻意的把原本UCH做的很不错的功能做了不必要的“改进”，这造成了很多原来UCH的用户都不适应。白社会在好友推送机制上的创新可圈可点，这是目前最让我惊艳的地方，而老板键的创新实际上并没有太大的作用，公司一个封网封IP就把这个功能搞的毫无用武之地了。

      最后，几个问题的思考：
       1、SNS里上传的用于日志配图的图片该如何处理？目前UCH的做法是放在默认的相册里，这样带来的结果是一张图片被二次评论，造成信息的碎片化，白社会的做法是放在一个单独的默认不显示的地方存储起来，仅仅做配图之用，是否还有更好的处理方法呢？
       2、白社会的反响为什么会和淘宝淘江湖如此大相径庭？仅仅是因为某一个的产品做的太烂吗？
       3、目前来看，大家都在表扬白社会产品设计的细节上的成功之处，还没有看到哪个人站出来像当年评价kaixin001那样说白社会的某个功能或者webgame让我爱不释手无法自拔。当一波一波的观光潮退去的时候，白社会当如何继续下去？
       4、有人提到白社会的WebIM+feed模式，说这种模式可行？那么，有多少人在用Facebook的chat、校内的校内通、51的挂挂、沈总1912上可以群聊的WebIM、甚至WebQQ？
       5、竞猜一下，新浪的朋友会长成什么样？新浪朋友看到揭开盖头的白社会后会做哪些改动呢？

相关话题：搜狐白社会源地址：http://www.ikent.me/blog/1538

白社会拿什么来和众多SNS干架

keso — 2009-05-26 09:14:24

标题来自搜狐官方公关文章。

搜狐有什么？ChinaRen，同学关系；焦点网，小区关系；搜狐博客，其他在线关系。搜狐拥有的这些资源，是新浪、百度、甚至腾讯都不具备的。不过很可惜，这些关系都没有被纳入白社会。白社会完全是从零开始构建一个用户关系平台，甚至连搜狐自己的通行证都不使用。

所以我不太明白，搜狐希望用白社会来构建一种什么样的用户关系平台？白社会与搜狐其他产品是一种什么关系？或许，白社会的产品人员希望将来将搜狐的其他产品作为外部资源引入，就像FriendFeed所做的那样。但FriendFeed是一个从零起步的创业公司，而白社会不是。

我在白社会上的好友，一大半都是5G的好友。5G观光团，往往会成为一些新产品、新服务的最大的一个观光群体，浩浩荡荡而去，浩浩荡荡离开，留下一堆沉睡的帐号。

我知道，有很多人经常上校内、Facebook、LinkedIn、或者开心网，因为它们都提供了某种不可替代的独特价值。白社会呢？希望我上去做什么？希望拿什么留住用户？新鲜感或许可以维持一周、一个月，但能维持半年、一年吗？

白社会看上去是一种封闭架构设计，既缺乏内部合力，也缺乏外部张力。我非常怀疑这种有它不多，没它不少的设计思路，会对现有的SNS格局产生什么影响。

“白社会”之我见

杨阳 — 2009-05-25 16:09:03

手头事情多，刚好看到“白社会”执行老大来了5G，决定利用中午吃饭的时间来份用户体验报告，就当减肥了。

5G大概在一周前就零零星星的有关于“白社会”的消息传入进来，当然铺天盖地的讨论白社会也是在开放注册的近两三天吧。

注册仍然是需要好友赠送注册码，我找某人要的。注册的问题我就不用多说了，没有印象深刻的地方也代表注册阶段很顺利。

注册之后自然是那进入任何一个sns都必经的第一阶段——完善各种资料。这里就开始发现了“白社会”的可爱之处，在上传头像的时候，不知道大家有没有发现使用摄像头的那个途径说明是“快使用摄像头，哼哼哈嘿”，就在踏入白社会的第一步就感觉到了5Gers都在说的“精致”。而且提醒你完成必须步骤的每一个说明都很娱乐比如“解决面子问题”、“解决身份问题”等等，某猪也上传了相应的图片也是趣味非凡。

ok，那些新手任务我暂时放下不说，因为个人比较不喜欢为了完成任务而完成任务，为了盲目冲级别而发没有营养的东西的行为，只是个人自己不喜欢，大家怎么玩都ok哈，你们别拍我。

回到首页，就看到页面右上角有一个打卡领金币，我觉得这个设计得很好，连声音都设计的很好，嘿嘿。（和某美女姐姐讨论，估计这个是为以后的增值服务打下的伏笔，只是估计。）

然后，就开始了我马不停蹄兵荒马乱的“白社会”生涯。

1、通知

自动更新，随时都在增加数字，给人一种紧迫感（可能我个人有点强迫症，看到新通知就马上去点）。但是消息送达的即时必定是优秀的。但是已经经过页面右边的“你有X个请求没有处理”处理过的消息，仍然会在消息提示中显示，这些已经是无效的消息了。

2、好友推荐好友

刚开始觉得很不错，不用摸瞎到处去扒拉我的5Gers,可是后来就有点招架不住了，出现几个好友推荐同一个用户的情况，这样也属于信息的重复吧。而且有好友推荐的用户的消息之后，还有该被推荐用户自己申请加好友的重复消息。这样造成用户处理消息的繁琐感。

3、滚动屏显

个人认为，如果是为了消息送达及时，那么我满屏都是好友加好友的动态，对于我来说，营养成分极低，造成信息繁琐感。而且，我想点击一个我想看到文章或者消息的时候，屏幕就在那里滚啊，滚啊，我连着点了几次硬是没追上。就像我说的：白社会里面，你们有没有兵荒马乱的感觉？就是打仗了，大家都在逃亡，好不容易在人群里面看到了亲人，两个人互相喊啊喊啊，就是拉不到手。（后来据白老大说，可以设置屏蔽这类消息。可是我不是IT人士，我在没有人指导的情况下，肯定不知道该怎么办。）

4、右边边栏

我用360浏览器，这个浏览器通常会很bt的在右手边显示一串下载提示等工具栏，造成我到今天手动关闭之后才知道白社会页面右边还有机关，当然，这个属于我个人的问题，可是白鸦那24寸的屏幕确实不会最大化。

5、即时在线聊天工具

个人觉得这个很好，在白社会的好友，就能在白社会沟通，其他的地界就管不了了。有这么一个限定前提就好得多，解决了用户进一步跟好友沟通时的步骤与以后不会对即时聊天工具上的好友管理的问题头疼。

6、邮件轰炸

跟蚂蚁一样，有好友申请就必定给你一封邮件到注册邮箱，因为本人一般只开公司邮箱，所以在其他好友反应之后才马上去看个人邮箱，当然，跟你们一样惨不忍睹。

7、F9老板键

我觉得这个问题很多人已经发表了自己的看法，这个问题对于我来说没有什么困扰，因为我们老板一般不会限制上班时候开什么网页。不过我想，如果我是老板，几次看员工的电脑页面都是sogou搜索页面的话也会比较疑惑了，况且要是是几个月都有这样的情况的话。

另外蚂蚁里面几乎是图霸天下的时代，潮人居多。开心里面是游戏独领风骚，大家人人娱乐休闲。虾米，好音乐人人爱，小虾也很勤奋。5G不用说了，据说是IT 人的SNS（不知道为什么我也在这里哈），白社会，你们的精致之后，什么是你们的主要魅力呢？到现在为止，我满屏还是好友加好友的消息在滚动。

以上是我一个非IT人士，电脑小菜鸟进入白社会的一点点所见所想，还请大家担待。