从 Instagram 与 Facebook 出发,浅析 Feed 需要的 5 个基本功能

上一篇文章分享了:什么是社交,为什么要做社交,什么样的产品适合做社交,社交为什么以 Feed 的形式进行呈现,有没有更好的方式?今天来研究 Feed 的完整流程是怎样的,基本功能到底有哪些?

从Instagram与Facebook出发,浅析Feed需要的5个基本功能
此文从 Instagram 和 Facebook 出发,还没有涉及到其他 APP,只作为一个大体分析,待楼主将市面上多个维度的 APP 都分析完毕了再发表一篇总结的文章。
当我们接手一个以前从来没有做过的项目时,应该怎么做呢?最快捷的方式就是查看在这方面做得最好的专家是怎么做的。这个道理也可以运用于对于自身专业的学习。
先去了解一个功能最完整的流程是什么样的,做好逻辑整理。再根据项目的实际需求进行战略部署和侧重点的调整。
一个成熟的 APP 和一个简单的 APP,一个风格沉稳的 APP 和一个活泼 fashion 的 APP,他们的目标用户肯定会有一定的区别,而决定这些的区别的因素除了老板对市场的判断,还跟公司的战略目标、资金、资源都是紧密相连的,也就是说一个能产出的 APP 它的身后都是综合各项因素所能得到的最优解。说到这里也不得不说,作为设计师,在不了解别人项目的集体情况下,就高抬贵手不要任意去评价别人的作品是否优秀吧,说不定,反而会暴漏自己急躁的性格和肤浅的知识面。
如果按照一个正常的流程来完成一个 feed,应该会有以下步骤:
准备 feed-> 上传 feed->feed 的内容呈现 -> 对单个 feed 的操作 -> 查找 feed 内容 -> 延伸功能完善

1. 准备 feed

a. 入口:

当你想要发一个 Feed 的时候首先要找到发 Feed 的入口,一般都有两个:

一个是 Feed 首页的快捷入口。
一般是顶部,可能是在页面的最上面,可能是在 Header 的左右两边,目的就是让用户能够快捷的发布内容,这个位置一定要显眼,UI 要清晰明朗,眼睛看到大脑不用思考就能知道是干什么用的。有的 APP 也在底部 Tab bar 的中间设计一个“+”号,比如新浪微博。
另一个入口一般放在个人的 Profile 页面。
为什么在这个地方也需要放置一个入口?Profile 页面是用户对自己内容的一些列管理,包括个人资料、粉丝、Feed,甚至“设置功能 Setting”等等。在这个地方用户拥有相对较多的控制感,是个人信息的产出地。
如果将 Feed 流的主页当做是 APP 所有用户呈现的公共页面的话,那用户的身份就是芸芸众生其中的一位,拥有归属感;而在个人的 Profile 页面就是用户的私密空间、个人的小天地,用户拥有操纵感,用户可以在这里进行产生内容也可以删除内容。所以两个入口的设置都会提高用户的参与度,让用户更快捷找到发布 Feed 的入口。

b.Feed 的内容:

Feed 的发布内容,有文字、图片、视频,或者几者兼容,或者其中任意一种
,Facebook 是三者都兼容,而 Instagram 则是必须有图片或者视频,文字描述不做硬性要求,以前也用过 Twitter 发布的 Vine,它偏重于只发视频和描述性文字。
Feed 的内容呈现是社交的核心模块,也是各大 APP 的竞争优势所在。每个公司都会根据自己的实际情况,来决定到底支持哪种内容,重点偏向于哪种内容比较合适。
在发布 feed 的同时,还有一些功能,如签到、感受 / 活动、提及好友、分享对象、相册分类、发布完成后会提示编辑建议等等完善性的功能,这些功能每一个拿出来都可以细说很久,篇幅原因,楼主在这篇文章侧重的是 Feed 最基本的功能,所以先不做细说,待涉及到这块内容设计时再整体进行说明,敬请期待。

2. 上传 Feed

准备好内容后就要开始上传了,点击类似“发送”的按钮后 APP 会跳转到 Feed 主页,将用户的注意力引导到 Feed 的内容页上
,一是为了确保用户将内容上传成功,因为这个会在上传 Feed 过程中显示一个进度条,提示用户进程已经到哪里了。而 Facebook 在考虑到用户在上传视频时等待时间过长,还有设计了一个快速上传,让视频以低质量的形式上传节约时间 ~
长传完成之后:等待用户停留在 Feed 的内容页,让用户继续跟着内容进行操作,产生好友间或者与偶像间的互动,模拟出现实生活中的社交场景。而一个好的社交平台就是悄无声息地将用户线下的社交状态转移到网络上
,让人与人之间产生一种新型而又熟悉的社交方式。

3.Feed 的内容呈现与对单个 feed 的操作

Feed 内容的呈现,主要是依赖用户与好友间的产生的 UGC
,即自发产生的内容来进行互动。为了活跃 Feed 的内容,公司也会组织一些活动去激发用户的热情,也有点类似于运营
同学说的促活。还有一些就是根据用户的数据,去给用户推荐
好友以及他们可能感兴趣的内容。这些做法都是为了让 Feed 里面更热闹,用户在 Feed 所花的时间更多。当然还有一些就是成果类的,比如广告
等。
对于单个 feed 的操作,有点击查看详情、点赞、评论、分享、查看地点、小组、翻译、more 等等功能,知识要点也不少,具体页面再分析吧。

4. 查找 feed 内容

当发送完一系列的 feed 的时候,和查看完 feed 主页后。会出现两个问题,怎样查找 feed,这个查找 feed 包括查找自己的 feed 和查找别人的 feed
。查找自己的 feed,前文有提及,放在了用户自己的 Profile 页面,那个属于用户自己的小天地。在那里,除了对自己资料的管理,包括好友,发送 feed 的入口,设置等等,最大篇幅的呈现就是属于自己的 feed 内容。再次强调一遍,feed 的内容才是社交的核心所在,现在也能明白为什么不管是在 Feed 的首页还是在 Profile 页面都将它以最大的空间进行呈现了。
而关于查找别人的 Feed,一般采用的方法类似于查找自己的
,也就是进入到别人的 Profile 页面进行查看。不同的是,用户对别人的 Profile 页面只有查看权利而没有编辑权(个别特殊的 APP 案例不在讨论范围内)。这也比较好理解,即人的本质是自私的,每个人都是关注自己比较多的,对于别人,用户想看到的是别人产生的对自己有利的消息,所以很多时候就侧重于好友列表呈现和 feed 呈现了。另外,还需要提及的就是查看别人的 Profile 页面要与查看自己的 Profile 页面 UI 上尽量保持一致
,是为了减少用户的思考,形成惯性操作。

5. 延伸功能完善

纵观全局,再来看看,可以支撑以上各功能的前提下,需要有搜索功能和好友系统,以及相应的 IM 系统、通知系统、话题组织
等等来支撑。到现在为止一个完整的 Feed 才呈现在我们面前。而每一个拆分开来都是一个需要深挖的点,你懂的 ~

结尾

总结来说,一个 feed 的基本功能一定要有以下几个方面的功能进行支撑:
准备 feed-> 上传 feed->feed 的内容呈现 -> 对单个 feed 的操作:点赞、评价、分享等 -> 查找 feed 内容 -> 延伸功能完善:搜索、好友系统、IM、通知系统、# 话题组织等等。
下期更新内容暂定:发布 Feed 的页面应该怎样设计,敬请期待 ~
 
作者:Sophiallg,微信公众号:Sophia 的玲珑阁 微信号