恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
从Instagram与Facebook研究Feed的基本功能
0.0°
2017-02-22 原创文章 经验/观点 举报 1493 2 1 0

上文回答了以下问题:
什么是社交,为什么要做社交,什么样的产品适合做社交,社交为什么以Feed的形式进行呈现,有没有更好的方式?,相应文章请点击查看《从零开始做社交功能》


今天来研究Feed的完整流程是怎样的,基本功能到底有哪些?
(此文从Instagram和Facebook出发,还没有涉及到其他APP,只作为一个大体分析,待楼主将市面上多个维度的APP都分析完毕了再发表一篇总结的文章。)


当我们接手一个以前从来没有做过的项目时,应该怎么做呢?最快捷的方式就是查看在这方面做得最好的专家是怎么做的。这个道理也可以运用于对于自身专业的学习。先去了解一个功能最完整的流程是什么样的,做好逻辑整理。再根据项目的实际需求进行战略部署和侧重点的调整。一个成熟的APP和一个简单的APP,一个风格沉稳的APP和一个活泼fashion的APP,他们的目标用户肯定会有一定的区别,而决定这些的区别的因素除了老板对市场的判断,还跟公司的战略目标、资金、资源都是紧密相连的,也就是说一个能产出的APP它的身后都是综合各项因素所能得到的最优解。说到这里也不得不说,作为设计师,在不了解别人项目的集体情况下,就高抬贵手不要任意去评价别人的作品是否优秀吧,说不定,反而会暴漏自己急躁的性格和肤浅的知识面。


Image title 

如果按照一个正常的流程来完成一个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的入口。


Image title


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



2.上传Feed


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


Image title



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上尽量保持一致,是为了减少用户的思考,形成惯性操作。


Image title



5.延伸功能完善


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



总结来说,一个feed的基本功能一定要有以下几个方面的功能进行支撑:
准备feed->上传feed->feed的内容呈现->对单个feed的操作:点赞、评价、分享等->查找feed内容->延伸功能完善:搜索、好友系统、IM、通知系统、#话题组织等等


下期更新内容:发布Feed的页面应该怎样设计


敬请期待~


更多内容请关注微信公众号:Sophia的玲珑阁


更新:2017-02-22

收藏

2人已收藏

Sophia的玲珑阁

从创业公司到大厂,分享实用的互联网设计技巧和职场经验。

  • 142

    作品

  • 389

    粉丝

  • 7

    关注

  • 作为设计师,我是如何一步步找到业务增量的
  • 情绪是魔鬼,但要原谅自己
  • 2020年打工人4条总结出炉
  • 提升屏效可实施性最强的4大方法
相关标签
经验分享UDCUX

    猜你喜欢

      2017-02-22 原创文章 经验/观点 举报 1493 2 1 0

      从Instagram与Facebook研究Feed的基本功能

      0.0°

      你确定要举报从Instagram与Facebook研究Feed的基本功能

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年02月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录