1. Facebook 体验分析
从北美校园最 “ I n” 的文化说起
2008. 8. 6 V 0.2

2. AGEN D A
• Section A: 基本介绍
– 概况以及文化背景
• Section B : SN S （ Socia N etworking Softwa ）关
l re
系链特性
– 高黏性，高扩张性，高渗透性的微型社区
• Section C: 体验分析
– 优秀用户体验的六脉神剑

3. Section A: 基本介绍
概况及文化背景

4. 两大校园文化 “ Symbol”
• iPod 2005-2006-2007
– 黑白 iPod
– iPod Photo
– iPod Video
– iPod N ano

5. 两大校园文化 “ Symbol”
2004 校园内流传
the Facebook
2005 学生社会关系网
信息共享
• 无限制的照片共享 (Max: 60/ 相册 )
• 嗜好 （ books, movies, music… ..)
Facebook
2006 群 (Group)
活动的召集 (Events)
2007 Facebook 第三方应用
（ Applications ）

6. the facebook Facebook
• Facebook is a social utility that
connects you with the people around you!
• T ool V.S Utility 工具 设备
• 普通的社交工具 网络社交 “ 设备 ”

7. Facebook 关键字
• Friends / Groups / N etworks
– 建立 , 维护 , 发展这个社交圈
• You & Yours
– Wa / Super Wa
ll ll
• 在你朋友的墙上留言（ Write on your friends' wa )
ll
• 在你朋友的墙上画画 (Graffiti)
• 视频，音乐
– N otes (blogs)
– Applica tions
...

8. Section B ： SN S 关系链的特色
高黏性，高扩张性，高渗透性的微型社区

9. Facebook: SN S 关系链的特色
• 限制用户注册以创建理想在线社区
– 限制登录：验证 “ edu” 邮件地址
– 限制查找：查找或浏览的学生范围仅限于用户所在的大学
• 开放注册以扩张微型社区渗透力
– 定位准确目标用户群： 高校学生
– 跟随现实社区的成长而扩张：高校学生 -> 企业机构
– 绝对针对性的广告投放： Groups

10. Facebook: SN S 关系链的特色
于实体社区以逐步提升在线社区信任度
– 提供实体社区所需辅助服务（课程表， Pa ， M a
rty rketpla ）
ce
– 发布，跟踪线下交际活动 (Events)
. 基于 N etworks 以无限扩张社区覆盖范围
立用户多维度 N etworks属性（类 T a ）
g
散用户的 N etworks属性（如果你有很多好友在某一个 network 里面，那么
你对整个 network 很有兴趣）

11. SN S 关系链的特色
5. 搭建个人及社区的 SN S 成长轨迹
– 情感化设计 : 个人成长 Socia timeline
l
6. 建立安全机制，注重个人隐私
– 可选择的多种信息公开机制

12. Section C: 体验分析
优秀用户体验的六脉神剑

13. Facebook 优秀用户体验的六脉神剑
1. 双剑合璧
2. 我的地盘，我做主
3. 简洁，但不简单
4. 情感化设计
5. 重在参与
6. 细节，无处不在

14. 双剑合璧：结合 web 和客户端的交互
打破界限，取长补短， Web 端交互的类客户端化
• sed pplica ，大量的使用了多种客户端的交互元素
Web-ba a tion
• 网页灵活和表现空间大，一次展现多个元素，最少的页面跳转

15. sed pplica ：客户端的交互元素
Web-ba a tion
客户端能容纳更多更复杂的交互，移植到 web 上能带来更平滑的操控感

16. 页面跳转很少
1 ，全部信息集中在一个页面上
，能看到所有的 friends的动向
2 ，字体小，内容多
准确定位北美学生目标群体

17. 页面跳转很少
类似操作集中在一个页面上，使
用 aa 技术，不需要页面跳转就
jx
能完成很多复杂的操作

18. 我的地盘，我做主
在两个最主要的页
面： homepa 和 profile
ge
中，基本上所有元
素都可以自定义，
用户可以操控自如
红色底色的是可以自定义的区域
蓝色线框是标注自定义界面的操控区域

19. 自定义模块
1 ，除了 profile 之外，其他
模块都是用户的个性化模
块，每个模块可以自己定
义是否显示出来
2 ，活动可以自己定义
是否显示在 minifeed 中
3 ，自己的活动也可
以定义是否公开

20. 简洁，但不简单
操作简单，
1 ，自动批配
2 ，关键字加粗
3 ，匹配人的基本属性
默认情况的时候很简洁，但是
在细节上做了很多贴心的设计

21. 简洁，但不简单
针对最基本的拖放
模块操作，就有４处
操作提示，而且做到
了不同的操作提示也
不同。

22. 情感化设计： Wording
• 简短有趣味表达
• 口语化的语言，符合目标用户的语言习惯

23. 情感化设计
Friends之间不仅仅文本信息和问候，还可以有
很多好玩的动作和工具
– x me
– poke
– Gra ffiti
– gift

24. 重在参与
最大可能性的去诱发用户更多的活动，把活动向外扩张，同时
降低活动的门槛，让每个用户都活跃起来
可以看到朋友的朋友做了什
么，方便的添加更多好友
被人 ta 了，要 ta 一下别
g g
人才能看到内容
把好友按照 network 列出来
，如果你有很多好友在某一
个 network 里面，那么你对
整个 network 很有兴趣

25. 重在参与
参与的越多
得到的越多
每次添加新的 a 就显示在
pp
自己的活动中，同时推荐好
友使用，刺激了更多的交互
方便的导入 email和 im 的联系人

26. 细节，无处不在
D on’t ma me think
ke
恰到好处的用
户教育，配合所
见即所得的设计
，真正做到了“
无需多想”的体
验。

27. 细节，无处不在
查看好友的时候，
如果最近有更新，会
在更新的项目上用底
色 来突出，当跳转到
具体的 profile 页面时，
在用户最关心的地方
也底色突出。

28. 细节，无处不在
• 同样是更新时间，对时间不敏感的项
，只是使用“ j a moment ” “one
ust
minute”“7h”“on fri”这样的表达
• 对时间敏感的项，提示精确时间，而
且还会同时提示“ tomorrow”“a .6”
ug
最微小的细节也是经过认真考虑的

29. 细节，无处不在
精心设计的小动画，总
是出乎意料之外的惊喜

30. 细节，无处不在
800* 600 分辨率也可以完美支持，而且刚好是不显示广告

31. Mark Zuckerberg ：死了都不卖
7.5 亿 --1 0 亿 -- 1 6 亿 -- 60 亿
死了都不卖， why ？
– 高黏性的用户
– 高扩张性的发展趋势
– 精准的广告投放
– 开放 API ，已有成千上万个 a ，
pp
全面的在线生活，几乎不会遇到发
展的瓶颈
– 手机等多平台的支持

32. 体验计划
• 7 月 27 日 V 0.1
• 8月6日 V 0.2
• 8 月 1 0 日 V 1 .0
• 更多更详细… .

33. 谢谢！