Facebook的架构特点 - UCD大社区

facebook首页改版后的信息流

Raymond — 2009-03-09 16:23:33

当这栋楼里住了越来越多的我不熟悉，但是又不得不天天见面的邻居，我就特别希望保安能把“她们”的消息及时的告诉我，而少说或不说“他们”的消息。

我的facebook好友已经284个（算上小号估计近1000+了），有90%都是因为工作需要加的（做为facebook APP游戏开发者有时得三陪：陪聊、陪骂、陪玩），他们的feed我不关心，我关心的feed找不着，被淹了。

facebook旧版首页，我接受的信息流是按“信息种类和功能”这个维度进行划分的：

    * 好友动态
    * 状态更新
    * 照片
    * 链接
    * 所有动态

说实话，这种架构下，我根本跟不上好友动态更新。

单一的好友信息流已经不能满足用户，在信息流爆炸的年代，feed分组、过滤显得尤为重要（请看下图的蓝色区域）。

facebook新版首页信息流是按“关系”和“功能应用”2个维度进行划分的：
按人和人之间的“关系”划分：全部动态 | 好友 | 家庭 | facebook | 旧金山
你可以利用「好友组别」功能，创建适合自己的feed过滤列表

这种架构让我想起了Google reader。

有许多共通之处吧？

信息流按“应用功能”划分：照片 | 分享链接 | 视频 …… （紫色区域），旧版首页的一些需求也可以得到满足。

在这2种维度下，我们可以更轻松地浏览好友动态，无论是好友feed还是分类feed，从此不再错过。

另外，“个人主页”的工具区（绿色部分）这位二线替补队员，终于经瘦身后，走上首页的首发阵容（不瘦身的话，太胖了，根本走不上台面）。

等等，海内的首页好像半年前就这么做了这个手术了。

赞一下国产山寨。国内其他sns网站都是山寨facebook的形，而王兴是山寨其神，不光照搬，还进行改进，这就是山寨和山寨的区别，区别于对信息的理解、组织和创新。

另外，对于这篇文章表示严重质疑。

facebook和twitter的用户群的信息量，信息维度和重要程度都不等。
facebook的关系更私人，twitter的关系更开放。
facebook在我看来更像是品种繁多的信息盛宴，而twitter呢，则是简单实时的信息快餐。

竟然说facebook要打败twitter？

你听说过五星级酒店将街边儿的KFC当作对手么？我去了五星级酒店，难道我就不去KFC了么 …

不同场景，不同阶段，用户有不同需求。

“既然不能收购Twitter，那就要打败它” —— too sample，sometimes naive！

用交互方法来提升（facebook类）二维度信息浏览的用户体验

mooqii — 2009-02-12 16:00:00

facebook类网站的二维度信息

facebook中如相册、日志这类UGC的APP，其信息导航方式通常是“XXX的... 好友的所有人（最新/最热）的....” 。这些APP的内容也同时属于某个人的个人空间，如XXX的日志 XXX的相册 XXX的miniblog。（关于facebook二维度的信息处理方式更详细的分析可以见臭鱼的这篇 Facebook的特别之处是什么？）

以facebook的某个人的相册为例，如果做面包屑导航的话可以是如下两种情况：

1.XXX的个人空间---->XXX的相册
2.所有人的相册------>XXX的相册

一般来说当我们点击到XXX的相册以后，导航的设计模式就采用第1种情况 “XXX的空间---->XXX的相册”。

我们不妨在这种导航布局上增加一个快速载入第2种导航的快捷键，就是最左上角的小箭头。点击小箭头变成：

利用交互来处理多维度信息的方法有很多，上面的这种只是抛砖引玉，其中的思想就是“为多维度的信息设置多维度的导航，并合适的处理这些导航”，flickr应该就是其中最典型的代表。

facebook模式的SNS架构特点

麦田 — 2008-07-28 03:15:05

SNS不是从facebook始，往近了说myspace也是SNS，往远了说yahoo360也是SNS。但SNS发展到facebook产生了一步关键的“进化”：从单纯的“主体性”视角，发展到“主体性”和“主体间性”相结合的视角；特别是，“主体间性”在前台，“主体性”在后台。这里，“主体性”可以简单解释为“我，我的”；“主体间性”可以简单解释为“朋友，朋友的”。

fb模式的sns架构特点就是“双中心”：feed和profile（个人空间）。而fb模式的SNS面临一个很大的问题就是在“双中心”下，如何进行信息的组织和交互的流转。昨天白鸦的文章，主要谈的就是这点。白鸦提供了他的一些研究视角。不过就我个人的体会，fb无论旧版，还是新版，对“双中心”的问题处理的都不好。当然，新版有了很多突破。

fb没解决好的“双中心”问题，到国内就更没解决好。倒不是我们做互联网的人笨，主要是国内用户特点对“个人空间”更为倚重。也就是说，fb在美国面对的用户，可以使他们在“双中心”中，以“feed”为重点，轻“profile”；但国内环境下，用户重视“个人空间”后，使得“双中心”更加“ 均衡”，也使得处理起“双中心”的问题更为麻烦。

但“双中心”必须解决，只能有一个中心。我认为。否则fb模式sns会一直面临着架构的难点——因为用户只能适应“单中心”，在“双中心”模式下，无论站方怎么努力，用户依旧会困扰。

如何解决“双中心”，就是fb模式sns产品架构最具挑战性的地方。

另外，推荐，今天杭州的张劲松写的《从FACEBOOK改版看SNS社区界面设计》，也挺好的。但是这篇文章确实如白鸦说的，谈的是交互设计；而白鸦的原文试图讨论的是信息架构。

Facebook的特别之处是什么？

臭鱼 — 2008-08-03 21:35:27

为什么在facebook交友会更容易？facebook与传统的BSP（Blog Service Provider）到底有什么不同？是因为它有横竖两个导航吗？是因为它有个主人信息的聚合页面吗？ Facebook为什么成功？又有哪些不足？Facebook商业上的成功使得它混乱的设计成了皇帝的新装，即使觉得看不懂也不敢去说。让我们拨开网页上那些纷繁的视觉表现，来看看藏在网页背后骨架—信息构架（IA Information Architecture），我们将获得一个全新视角，这种种疑问将迎刃而解。

传统的博客服务提供商（Blog Service Provider，简称BSP），比如：Qzone、新浪博客、网易博客…他们提供的博客服务，不仅仅是为每一位注册用户提供了一个属于自己的blog空间，还有用于bloger间彼此交流的平台。也就是说，信息构架是：个人空间+社区平台。

“个人空间+社区平台”是什么样子的？
一个个的blog彼此独立存在，再由一个社区平台将这些blog聚合一起，通过内容聚合在一起。

左上角的第一个表示主人态，主人可以看到BSP提供的所有服务，其中的B、D、E是他自己已经使用了的。
而下面一个个的是其他人的blog，其他人的blog包含的内容各不相同，有的用了相册，有的用了日志，有的用了视频…目前多数的BSP都是简单的把ABCDEF都简单的呈现给客人，不管主人用不用。
图中右半部分是社区平台，以内容为维度，展示内容，进而展示用户。比如，A代表日志，社区平台上会有个日志栏目，其中展示出很多有意思的日志，要看这篇日志，就到达另外一个人的blog了。交流实现了，所谓平台，价值也就在于此。

Blog原本就是一个个独立的，有了BSP提供blog服务后，才出现了社区平台，让用户能更方便的找到其他人。不仅仅是自己写给别人看，更可以用方便的找到志同道合的人，让众多bloger形成一个社区。

这样的结构有好处：
1.结构清晰。这结构我一说，你就明白了。估计我不说，你也能明白。
2.扩建容易。这是针对BSP来说的。要添加一项新的服务，可以分成两个步骤来进行，在个人blog中提供功能是一步，在社区平台上提供交流是另外一步，如果开发资源有限，可以不必同时做。比如，要提供一个视频服务，可以先在个人空间中提供给每个用户上传、展示视频的功能，暂时社区平台上没有视频方面的聚合内容也没关系，等有精力了再做不迟。

这种“个人+社区平台”模式的缺点：
各个blog之间的沟通比较困难。每个blog都属于个人，要从一个blog进入另外一个blog有两条路：
1. 通过blog中的好友、留言作者名称。我在一个blog中留了言，阅读到这个留言的人就可以通过这个留言的作者名进入我的blog。
2. 页面最上面的类似“进入社区平台”的链接。
这两个渠道的能量都很有限。空间中的好友是主人自己添加的。这个空间主人要是人缘差，没好友，没人留言，那第一条路就没了。“进入社区平台”链接只是个链接，点之前啥都看不到，我干嘛要去点？点了能有啥有意思的？

上面说的这种是传统BSP的信息构架。搞清楚了这个我们再来看另外一种比较新鲜的构架—facebook、myspace…的构架。

facebook的构架和“个人+社区平台”有个显著区别：主人信息是打散到社区平台的各个栏目中，因为这个区别，我在这里姑且给这种构架起个名字—“一体式”。

来看看“一体式”的结构：

既然主人页面中有个“日志”，社区平台也有个“日志”，那就合并成一个好啦。“我自己”就没啦，全部的构架就只剩下一个按内容分类的结构了。因为主人的信息是打散到各个ABCD…栏目中，这就需要给主人一个自己有关所有自己的聚合页面—主人的首页。方便用户查看所有与自己有关的所有信息：

真是页面是这样的：

打开网站中的一个栏目，比如，打开C，会显示为：

真实的网页是这样的：

进入到某一个人的空间中，别人的这个空间也不再是一个独立的小网站了，而是只用右侧来显示某个人的信息。左侧的内容分类导航则固定不变：

真实的网页是这样的：

这种信息构架的好处：
优点一.我自己的信息和别人的信息联系的十分紧密，当我查看我的相册时，直接就看到了其他人相册的一些信息。要了解其他人不再需要跳到单独的社区平台上了。这显然增进了互相的交流，所以在类似facebook这样的网站交友更容易。

优点二.提供了专门给主人的主页，于是可以提供更多专门给主人看的信息：谁最近又上传了照片啦，谁要加我为好友啦，谁又和谁成为好友啦…东家长西家短，可以向主人唠叨很多八卦。这些信息显然也有助于用户之间的沟通。

“一体化”模式的缺点：
缺点一.展示其他人的空间信息变得很受局限。
只有右侧栏可以显示当前空间的内容。当前空间（某个客人空间）的信息不能再做页签式的导航了。也就是说，不能显示成下面这样：

因为在左侧已经出现一套ABCDEF了，再在右侧出现当前空间主人的ACD，就混了，“要看这个人的A栏目内容，到底要点哪个A？”
关于这个主人的信息有很多很多，又不能用页签式的导航，要展现这么多信息自然吃力。当前主人的空间的二级栏目就只能加个“返回首页”的链接了，象下面这样：

这种“返回首页”类型的导航没有明确的展示出当前页面在网站中的位置，用的多了，看着就比较晕了。

缺点二.给主人自己的导航比较混乱。
上面提到需要给主人一个首页，用于显示所有和他相关的信息。除此以外，主人还需要知道别人看自己会是个什么样子。Facebook就给这两个页面分别起名叫：home 和 profile ：

看到的效果就是我有两个主页，一个是给我自己用的，另外一个是别人看到的样子。也就是，主人模式首页和客人模式首页。

主人模式或客人模式又有很多共同的功效，比如：有好友在我的相册里写了一条评论，我可以在 home页中查看到，点击后进入相册：

也可以在profile中主动点击进入相册发现这条新评论：

这两个主页再加上上面提到的“返回首页链接而不页签”，实在就是够乱的了。在这里面转经常感觉像是在酒吧中灌下若干喜力后找洗手间的情形：东撞西撞的一眼看到了“洗手间”的牌子走进去就对了。下次再去还是不知道洗手间在什么地方。

对比两类构架：
对比两类比较典型SNS的信息构架模式，可以看出，第一种“个人空间+社区平台”模式，结构简单，但交流不畅。在越来越强调用户间互动的大潮下，这样的结构显得心有余而力不足。第二种 “一体化”模式，个人信息与公共信息浑然一体，在用户交流方法提供了更多的引导，但也是因为这个“浑然一体”，使得导航起来比较痛苦，结构看上去混乱，用起来迷糊。我相信，即便是除去英文这个语言因素，也没有谁敢说自己一上来就能很顺手的使用这个网站，总是得要学一阵子，还不见得能学明白。

相关话题：Facebook的架构特点源地址：http://www.chouyu.com.cn/?p=102

由Mark Zuckerberg一封信看Facebook改版过程

A-宣 — 2008-08-15 03:57:18

刚才登录Facebook，这次没有如往常登录到登录后首页，而是跳出创始人Mark Zuckerberg的一封信，短短几行字间，折射了这个在互联网所有服务中近乎完美改版过程。

我们先来仔细阅读这封信：

Hey -
——————>一切由Hey开始。Mark Zuckerberg开篇的这个称呼，道明了站方和用户之间亲近关系，一种真诚，亲切，不官腔不做作的娓娓道来态度，从这里也折射了产品随用户成长的设计的思想。与其相似的很多优秀互联网服务也类似这个称呼，比如Flickr等等。作为以个人为中心的Web2.0产品，站方与用户之间的关系体现在产品中的每一处，保持站方角色与用户的平等性与一致性是尊重用户的开始。

At Facebook, our goal is to give people the power to share and make the world more open and connected. More than 90 million people across the world have joined this movement and are using the site to communicate and share information with the people they care about most. Today, we’re happy to invite you to check out the next evolution of our product. We’ve been working on it for a while, so we’re really excited to show it to you.

——————>社会化网络的愿景。这段前两句是Facebook俨然已成为“社会化网络”的影响力描述，也是一句话道明了“社交网络 (SNS)”与“社会化网络(Social network)”的结构与区别。由“有源头的信息呈现”组成影响人使用的“有维度的信息获取”，再由信息构成了海量“有针对的信息分享”。社交网络 (SNS)是信息结构化的产品形式，而社会化网络(Social network)是社交网络(SNS)结构化形式进化后的呈现。

We had three goals to improve Facebook in this version. First, we wanted to make everything clean and simple to use. Reducing clutter makes it easier for you to find what you’re looking for and share information with others. Second, we wanted to give you more control over your profile. Everyone should be able to express themselves how they want, which means privacy controls and control over how content appears on your profile. Lastly, we wanted to show the most recent and relevant content. People share so much on Facebook that it’s easier to keep up with your friends by focusing on the newest and most important information.

——————>社交体系的极致进化。此次改动的重点为三个方面：1，让信息更加纯净。2，隐私的控制。3，信息传递的精准。这也是衡量社交体系是否牢固的重要支柱。此外还有我们看到这次改版带来信息架构上的变化，这篇Blog描述的比较详尽。文中的Everyone should be able to express themselves how they want和最后的most important information道明了今天的Facebook源动力，以硬信息(如Blog，图片等)会跟随时间轴的流转与世界变化同步，只要时间在流转，用户就可以任意表达自己希望的信息，以广泛的社交关系接触点和坚固的隐私设置为前提保证，这部分信息就会在Facebook这张关系网中形成有效和精准的信息传递。另外，Open API的F8计划之后，越来越多的人加入到产品设计的阵营中，从Top20中可以看到这些小产品侧重对于隐性信息的表达。综合两个角度，社交网络在时间流转下产生的硬信息表达加上开源计划带来生生不息的软信息接触频率，是Facebook进化后的社会化信息呈现。对比国内的开心网，以插件而兴起代表了它的“Office”用户群喜欢被高高挂起，在街头巷角品头论足。后期再想回过头来发展硬信息的表达，已属极其困难之举。不过因为 Facebook的 F8计划正热火朝天，从Top列表中挑选一些翻译汉化就可以继续维持这群“Office”用户。与之形成对比的硬信息表达则会真正依赖个人表达，随着时间轴的流转不断产生内容以及影响力，比如5g。

You may have seen the preview Page we created a few months ago to get suggestions from the community on the changes we were thinking about making. I want to thank all of you who wrote in and gave us feedback. It’s always great to hear from people using our products all around the world. As you use the new Facebook, please feel free to let us know what you think using the “Send Feedback” link at the top of new pages.

To try out the new Facebook, look for a banner at the top of every page. If you get lost, there are help links available as well as the option to switch back to the older version for a little while. I hope you enjoy this next evolution of the site as much as we do.

——————>与用户沟通的渠道与方式。还记得去年11月豆瓣的改版，改版之快让人措手不及，虽然当时也使用了小规模内部测试的方法。那时刚过100万用户的豆瓣社区是一个重度用户话语权的时代，用户对这样的举措非常不满，甚至“我不喜欢新版豆瓣”小组迅速在一天之内聚集几千用户。不久后的几天，豆瓣Blog中新增了这样一篇文章。文中重点提到低估了改版在使用习惯和视觉上造成的不适，并在改动之前没有通知大家。此外，测试版本中的反馈入口、站务论坛、Fans小组这些聆听用户真实声音的渠道被重视和及时反馈和意见筛选，这些群策群力对用户习惯的把握和引导是即手可得。

由此我们可以看到，Facebook为此次改版做了以下几个方面的“表面功夫”：

1，开通全站新版测试，并随时随地提供旧版切换功能。

2，清晰醒目的反馈提交通道。

3，提前在站务社区等沟通渠道中收集意见与反馈。

至此，从这次改版中，我们可以折射出Facebook更加清晰的轮廓。

1，团队本质里对用户的平等尊重态度，反映在产品的各处细节。

2，对人与人信息交流方式的坚持，对使命的坚持。

3，对信息及关系的维护和过滤成为进化的核心。

4，产品改版过程同产品推出过程同样重要。

5，改版过程中，多条真实有效的聆听渠道可以事半功倍。

最后，谢谢Mark Zuckerberg和Facebook Team，给这个世界带来的不仅仅是一个社交网络平台。

相关话题：Facebook的架构特点源地址：http://www.a-xuan.cn/?p=197

Facebook惊现“开始”菜单?

lishuhang — 2008-09-15 16:12:38

Facebook真的要做操作系统吗？最新改版的Facebook把在线应用程序的菜单拖到了屏幕左下角，这正是Windows系统“开始”菜单的位置。同时聊天和系统通知依然会在屏幕右下角出现，这也相当于Windows的通知区域。甚至在“Facebook开始”按钮旁边，还能设置最常用应用程序的“快速启动”。

看来Facebook迅速拿出了收购在线桌面网站Parakey以后的实际行动。老板Mark Zuckerberg在收购后不久就放言“要做社会化网络操作系统”了。也许开始菜单的外形其实并不会让旧金山的设计师们太感冒，但是Windows拥有的数以亿计的用户却是同样用户上亿的Facebook觊觎的对象。不过有一点担心的是，他们会不会无意间侵犯微软工程师们1997年申请成功的5920316号美国专利呢？

cnBeta编译
新闻来源: Digg