谋杀你的时间- feed流设计

拿起你的手机,看看微博,知乎 ,今日头条  ,微信朋友圈....... 谋杀我们多少时间?它们为什么有这样的魔力?让我们来一探究竟吧。

从结构来看,这些社交和资讯类app中,都使用了feed流feed流是一个信息出口,想要与他人或资讯建立连接,只需要刷新这一个动作,即可获得大量所需,并且不断在更新,可谓杀时间好手,令人沉溺。想要设计好feed流页面,对feed流的概念,模式进行了解是十分必要的。


什么是feed流呢?

Feed,源自早期的RSS。

是一种呈现内容给用户并持续更新的方式,用户可以选择订阅多个资源,网站提供feed 网址 ,用户将feed网址登记到阅读器里,在阅读器里形成的聚合页就是feed流。

2006年 Facebook重新定义了feed,叫News Feed,我们如今广泛使用的模式和这个类似。它有几个特点:

订阅源不再是某个内容,而是生产内容的人/团体。订阅中通常夹杂非订阅内容,比如热门推荐,广告。

内容也不再严格按照timeline,广泛使用智能feed排序。新的feed流刻意不再需要主动搜索,而是主动呈现琳琅满目的内容。它对我们了如指掌,给我们想了解的,让我们不停的刷新沉溺于此。

对于用户来说这样一个超简单高效的了解内容方式,对于设计者来说,却是绞尽脑汁。


Feed流的主要模式

推(Push)

拉(Pull)

推拉结合(Hybrid)


以微博来举例:

1. 推模式:

当一个用户触发行为(比如发微博),自身行为记录到行为表中,同时也对应到这个用户的粉丝表,为每个粉丝插入一条feed。但是对于粉丝过万的大V,为每个粉丝插入一条feed对存储数据成本很大。


2. 拉模式:

当一个用户(特别是关注了很多人的)触发行为的时,拉取自己动态,检索用户的关注表,然后根据关注表检索新发的feed。如果一个用户关注过多的时候,查询该用户的关注列表也是有很大数据成本。


3. 推拉结合模式(结合方式多种,举两个列子)

在线推,离线拉:

大V发动态,只同步发布动态给同时在线的粉丝,离线的粉丝上线后,再去拉取动态。来完成推与拉。


定时推,离线拉:

大V发动态之后,以常驻进程的方式定时推送到粉丝动态表。


feed流智能排序

智能排序基于趋势trending、热门hot、用户生产UGC 、编辑推荐PGC、相似Similarity等等因素综合考虑,随着技术的进步智能算法将会更加懂得用户的喜好。

就像现在的Feed流广告,软到已经不难么讨厌甚至有些安利你愿意吃下,就像原生内容。能够很好的减少用户的信息过载问题。比如新浪微博。

本文不做技术性的展开。主要讨论设计方面,下面根据这些应用的feed流界面设计来探讨下用户在什么情况的诉求是什么,设计者想要推行什么。


下面用四款应用来分析看看他们如何运用feed流页面的:

1. 微信朋友圈

Timeline,是Feed流设计中最基础的一种的形式呈现。

根据去年官方数据,朋友圈基本还是已展示个人情况为主,65%的朋友圈为原创,而浏览朋友圈也不是强目的性的。

微信朋友圈有私密性,不会像微博或者新闻一样follow特别多的人。用户更关注的人而不是内容,内容是好友的,优先级按时间,也就是纯Timeline形式。

对于微信的广告,因为其庞大的基数而得天独厚,但是用户接能明显感觉到是广告,比较生硬。

对于公众号的生产者而言,像微信这样的熟人社交平台,用户访问往往只局限在热门的10%左右的内容,只有那些最热门的,得到了很高转发的内容,才能得到更多的曝光。一些冷门的内容可能会永远沉在数据库中,没有被人发现。


2. 新浪微博

产品定位

Slogan:随时随地发现新鲜事。

新浪微博一个基于兴趣的社交媒体平台。作为中国的头号微博,拥有其他同类产品望尘莫及的大V资源:包括明星,行业大佬,社会和草根名人等等。它的用户基数和实效性,也是很多事件的第一传博途径。

用户需求

微博用户可以用大V,小V,普通用户来简单分层,每层的需求有所不同,对于大小V来说营销的需求更高,例如广告,增加影响力等,普通用户则是娱乐社交需求更高,例如追星,交友等。

首页设计

热门板块和关注并列,从原来的“发现”板块下挪到了“首页”的“关注”旁边,入口更浅了。因为热门是用户除了关注最多使用的板块。

左边的相机icon是发图博和视频,这个位置很难单手操作,在底部导航栏中间有功能更全面的发微博等操作功能。我觉得是因为发图博的入口越浅越容易抓住瞬间世界,因此左右大拇指点击,右手拍照,也算比较快的。

右侧扫一扫不多说,下面的打车功能曾经让我不太理解,莫非是典型用户喜欢边走边刷微博,然后打车也不想中断?后来我发现QQ,微博,微信,支付宝,58同城,360......各种主流应用都有打车功能,原来是去年滴滴与400多家APP合作开通打车功能。这个应该是主要因素,不中断用户使用这点也有考量吧,结合发现中的同城,房产,美食等生活化分类,明白了微博对于随时随地的解释,生活的方方面面。

在刷新时有未读提示,一次刷新推15-30条内容,符合一次浏览的统计中位数,不会看没耐心看完,也不至于很无聊。但是未读池的实效是3天,所以Timeline更乱。还记得自己莫名其妙被关注别人了吗?出了运营目的,也是为了防止刷新半天出来两条消息的这样的尴尬。这一点应该是微博最大喷点之一了。

首页第一列是直播。一列头像+名字,可能是某微博的头像和名称都变动性高,这里可以适当介绍一下在直播的是什么领域的人,或者基于什么推荐原因推荐的。随意点进去发现是在直播吃火锅,饥肠辘辘的我秒退了。

在2013年,微博开始采用智能而不是按纯Timeline。用户会发现有时第一条消息是3个小时前的,第五条消息一分钟前的,如果刚好是在说一场球赛,那更让人错乱了。

为什么要这样呢?

去年官方数据显示,微博62%的用户基本不贡献原创内容,专注于互动和转发。意味着许多微博用户更加乐于传播内容,不能带来很高质量的UGC。此外,微博发现用户错过的消息中,对用户价值极高的很少,所以决定将质量高的消息提升,质量低的消息下沉甚至不展示,这样来提高整体内容质量,而且还可以保持一定的可运营性和可拓展性,让广告更容易插入。(用户对广告中插播的微博,表示情绪稳定....哈哈)这一结构Facebook也类似。

打开个人主页出现的是这个人的热门内容。而不是最新。必须切换微博标签,这个页面提供可以筛选原创的功能,这也是因为原创量远低于转发量。第一条微博下面会推荐可能感兴趣的人,这个功能对于新用户或者对某一块领域很感兴趣的用户很对口味。但是也会有用户觉得反感。


3. 知乎

产品定位

Slogan:与世界分享你的知识、经验和见解。

知乎是一个社会化问答社区,和知识付费电商。

知乎就像在各种场合倾听别人的谈话:

凑近自己感兴趣的话题(关注问题

对于自己不明白的问题,征询过来的人建议(提问

表达自己的认同反对(赞同

发表自己的感想(评论

对特别有益的表示(感谢

答案记在心中(收藏

传播自己的想法(分享

解答自己的问题(回答

这样一个很流畅自然的过程。括号里就是知乎页面里的大部分功能,也能一一对应。


用户需求

知乎的典型用户在25-35岁,是各行各业的从业人员。可以按照内容生产和消费关系来分成三类:专业的生产者,普通生产者+消费者,普通消费者。

对于专业生产者而言,需求主要是扩大影响力和知识变现或者获得满足感。

对于普通生产者和消费而言,除了学习知识,结交朋友,更能接触专业生产者。


首页设计

顶部操作栏整体作为与内容产生交互的入口,中间是内容,底部导航栏为发现内容和内容消费的入口,结构非常清晰。

搜索栏置顶,作为问答社区,搜索问题频率最高,搜索无果可以提问。

搜索栏右侧是私信,以前这里是知乎live,后来应该是由于付费产品丰富起来,整体收纳在商店里。私信放在这里的用意,莫非其实知乎社交主要靠私下勾搭?和豆瓣的豆邮一样?看着空空的信箱我陷入沉思......我在看了看知乎的定位,原来这个功能主要是为内容生产者和高频使用者。优秀的内容生产者和高频使用者很多人想认识,想请教,有很高的私信收发频率。

第一个标签是提问,提问过后可以邀请回答,邀请有两个问题:1.推荐回答的用户可能与此话题无关  2.用户不知道该邀请谁。只有简单的头像名字和签名。建议加上擅长领域的标签。

第二个标签是回答,作为专业生产者的话,搜索完毕可以回答,回答分为推荐,最新,热门,邀请四个类别,其中推荐和最新需要绑定擅长标签。热门问题包罗万象,而个人领域是有限的,可能翻了很长都找不到能回答的问题。从顶部搜索的问题如果要回答需要搜索,进入话题,点击问题标题,添加回答四个步骤,层级较深。建议搜索栏分为搜问题和搜回答。选择搜回答的问题,在搜索列表展示回答标签。

第三个标签是分享。这里的分享是分享经验的意思,图标是笔和纸,但是图标和标签都和分享到其他社交软件容易混淆。以前这里叫写文章,可能处于对于语意和排版上改掉了,建议再优化这个地方,用一支笔做图标,或者分享改为写作。

来自关注的话题,热门话题,关注的人的动态,自家产品推广,原生广告。在广告方面,知乎给人的感觉比微博要更自然。


存在多次刷新热门问题依然置顶的情况,对于没有关注并且没有兴趣的话题反复出现,用户是反感的,还好可以屏蔽,并且可以屏蔽同一规则内容。对于手滑党容错性佳,可以撤销。

在内容里有“上次看到这里,点击更新”的功能,但是这个功能并不是真正定位到上次看的地方,而是停留在刷新后的第十条。大多用户以碎片时间来看或者用户中途流失率高,适合这样做一个标记。网易新闻等资讯类都有这个设置。

不过我对这个功能保怀疑态度,在智能feed通常会推热门和广告,热门通常范围各不相同,在这十条之中有多少是看一眼忙别的了,然后继续看觉得很重要的?如果很重要,是不是记得关键词?

这个标签还有促使用户刷新的含义,刷新之后,之前的看的内容就不断下沉,这才是真正的难以寻找了。


4. 今日头条

产品定位

Slogan:你关心的,才是头条 。

今日头条是一个通过使用人工智能分析根据用户需求而推荐信息的新闻APP。对于消费者而言,大众都有利用碎片时间快速获得个性化信息的需求,新闻的来源和报道内容同质化,用户并不是很关注在什么平台获取,而是是否是自己感兴趣的。今日头条通过智能算法生成用户感兴趣的信息。

用户需求

依然可以按照生产者和消费者两类划分。

今日头条的男性用户几乎是女性的一倍,主要为30-35这个年龄段。使用2000元内手机用户最多,男性最关注社会,娱乐,本地资讯,女性最关注娱乐,社会,时尚资讯。

对于生产者而言,特别是非大V级别的生产者,没有粉丝基础流量是很难获取的,新人出非有过硬的实力和运气,或者蹭热点搏出位等,才有可能快速获得人气。造成大V越来越大,新人总是小透明的情况。今天头条会把新人文章推在首页,如果阅读数据好,逐级扩大推荐范围,并不区分是否大V,这样等于大家在同一起跑线上。

当然也有投机者用擦边球博取阅读量,一定程度造成整体内容质量下降。而且用户可能心里对内容,对平台都评价低。

首页设计

顶部是个人资料,搜索栏,搜索栏和大部分资讯类一样,有最新热点词汇,历史搜索等。



搜索栏下面是频道标签,横向滑动,几乎是不限制的,最多可以增加30个左右标签,标签右边是频道筛选,归类十分全面。

首页每次更新15条以内。内容有图片,视频,文字。来源有专业媒体和作者和广告。由于首页栏目众多,除了热点新闻以外文章时效性不是很强,内容也五花八门,特别适合广告插入。

当然,广告和新闻一样都可以用“不感兴趣”来屏蔽。“不感兴趣”,能让算法筛选到用户感兴趣的东西,而且在用户感兴趣的主题里,筛选过多相似信息的问题。

过去是用户主动获取新闻,看事实,看娱乐,看体育,现在feed流新闻根据用户喜好主动呈现。在首页的推荐内容里是根据用户推荐排列的,会出现一些不一样领域的内容,可以激发用户一些不是很“刚需”的需求。

之前说在推送上大V和新人平等,但是大V的文张有点赞,评论,转发的快速入口。其他文章需要在详情页操作。


在看了几家feed流案例之后,你对feed流设计有哪些想法呢?

总的来说,对于用户体验而言,有两个关键点永远是优化方向:

给用户展示什么内容

如何排列内容优先级



如果你喜欢我的分享记得给我留言或者点赞哦,

也可以把你的问题写在下面的评论区。

更多相关的文章记得去我的主页查阅哦。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容

  • 社交红利阅读笔记 书名:社交红利(修订升级版) 作者:徐志斌 出版社:中信出版社 正文前笔记: 推荐序1摘要 社交...
    凫水阅读 8,864评论 4 26
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,056评论 25 707
  • 6月21日,夏至节气,一大早四点就起床去镜湖拍日出,结果刚刚霞光微露就踪影全无, 幸好湿地深处荷花绽放,就随手拍几...
    我爱苹果丝阅读 429评论 2 1
  • 红尘滚滚, 瑟瑟发凉。 心中有殇, 但要坚强。 风中凌乱, 美中不足。 即使忧伤, 也要笑笑。 喝醉了酒, 我们不...
    阿俊xi阅读 181评论 0 0