SlideShare a Scribd company logo
1 of 14
FACEBOOK新消息流的变化
kinas
13年3月13⽇日星期三
之前官⽅方的⼀一些总结
• 告别杂乱⽆无章,聚焦在你感兴趣的内容
• 相同的消息流内容,展⽰示新⻛风貌
• ⼿手机、平板、⺴⽹网⻚页的⼀一致体验
• 更⼤大、更明亮、更干净
• ⽀支持内容属性和来源的筛选(图⽚片、游戏)
• http://www.facebook.com/newsfeed
13年3月13⽇日星期三
新形象
13年3月13⽇日星期三
新的信息架构
新的GraphSearch顶导
内容筛选区
应⽤用通知区
Page和好友推荐
优化后的消息流样式
新的左导
优化后的IM
优化后的⼲⼴广告样式
系统通知区
13年3月13⽇日星期三
新⾸首⻚页的⼏几⼤大模块
• 新的Graph Search搜索框
• 优化后的系统消息区
• 新的左侧整合导航
• 优化后的左侧WEBIM
• 原来的发布器
• 优化后的Feed和Card
• 优化后的⼲⼴广告Feed
• 新的内容筛选区
• 配置好的右侧栏(当然有
⼀一些新模块)
• 原来的右侧⼲⼴广告
13年3月13⽇日星期三
新的GRAPH SEARCH栏
• 提供各种⼊入⼝口
• ⽀支持社交化的搜索
• ⽀支持即时匹配⼈人物或者
Page
• 还可以搜索Bing
• P.S.当前测试帐号并没有开
通GraphSearch的灰度
13年3月13⽇日星期三
新的左导
• 将应⽤用导航与群组导航默认收起,
可通过点击『查看更多』展开
• 可伸缩的交互,⿏鼠标悬浮将向右伸
出
• 默认放出了『消息』、『活动』、
『博客』、『照⽚片』等官⽅方应⽤用;
⼀一个使⽤用较多的应⽤用和⼀一个较多使
⽤用的群组(只是⼀一个⼈人)
• BigPipe
13年3月13⽇日星期三
新的FEED筛选⽅方式
• 默认智能排序
• 放出来的另外两项是:我的朋友们和
⼀一个最常使⽤用分组
• ⽀支持我关注的⼈人、群组筛选
• ⽀支持同⼀一个学校、同⼀一个公司、同⼀一
个地区、点头之交等智能分组筛选
• 照⽚片、游戏、⾳音乐作为特殊选项筛选
• 其实还保留了按照『最近更新』筛选
13年3月13⽇日星期三
⼀一个新的CARD
简称⼤大⼤大Card
13年3月13⽇日星期三
为啥叫⼤大⼤大CARD
• 更⼤大的头像(60*)
• 更⼤大的标题字号(中⽂文15号,英⽂文13号)
• 更⼤大的Card,⻓长度增加了70,宽度增加了50+,直观的感觉更加间接
• 赞和评论的交互区域加⼤大(⼿手机端最近也在改造)
• 图⽚片的Card更⼤大(⾜足可以吓死⼈人的程度)
• 相应的⼲⼴广告Card也更⼤大了。。。
• 新发现:Feed区加⼊入了悬浮式的更新提醒
13年3月13⽇日星期三
神奇的超⼤大型图⽚片
原图的尺⼨寸(610*460),作为对⽐比:
微博图⽚片展开后(440*330)
之前最⼤大的解析(440*550,微读书)
13年3月13⽇日星期三
13年3月13⽇日星期三
各种⻚页⾯面的右侧栏配置
⻚页⾯面 右侧栏内容
⾸首⻚页 应⽤用通知、你可能认识的⼈人、推荐Page、推
⼲⼴广⼲⼴广告
我的朋友 好友简单管理、建议将未加地点的照⽚片加上
地点
群组Feed 群组⼈人员建议、地点点评建议、可能喜欢的
游戏、应⽤用点评建议
照⽚片Feed 好友最新Cover图、建议将未加地点的照⽚片加
上地点
游戏Feed 我的游戏、你可能喜欢的游戏、建议
⾳音乐Feed 你喜欢的⾳音乐⼈人Page、⾳音乐⼈人Page推荐、建议
将未加地点的照⽚片加上地点
分组Feed 当前分组名单、快捷加⼊入分组
13年3月13⽇日星期三
感谢@张天壹
13年3月13⽇日星期三

New Facebook Newsfeed