如何正确的设计内容型App信息流?

在当下社会的快餐文化中,人们的很多习惯都在发生改变,人们越来越不愿意将时间花费在长时间的阅读上,用户已经习惯了快节奏,运用碎片化的时间来阅读。作为内容型的App,如何第一眼抓住到用户的眼球,吸引用户去阅读,这将是我们需要深度思考的问题。

到目前为止,国内用户使用频率最高的社交应用中,具有信息流的App有很多,比如国内:今日头条、微信朋友圈、QQ、微博、知乎。国外:Facebook、Twitter、Instagram、Tandem、Airbnb。尤其是已Facebook为信息流鼻祖,衍生出来很多值得其他互联网公司学习的榜样,今天我会针对信息流的设计,为大家讲解一下如何设计信息流,以及信息流的优势。

什么是信息流?

信息流有广义和狭义两种。广义指在空间和时间上向同一方向运动过程中的一组信息,它们有共同的信息源和信息的接收者,即由一个信息源向另一个单位传递的全部信息的集合。狭义指信息的传递运动,这种传递运动是在现代信息技术研究、发展、应用的条件中,信息按照一定要求通过一定渠道进行的。

通俗易懂的解释就是系统主动退给你的信息,你是被动接受的一方,信息流一般会以纯文字、图文、图片、视频、链接、语音、广告的方式推送给你。

信息流的几种类型

现在的信息流一共包括二种交互,第一种是以Facebook为代表的信息流,我们把它称作为卡片式交互信息流。第二种是以Twitter为代表的信息流,我们把它称作为时间轴的交互信息流。


卡片式信息流可以放更多的内容,一行的文字可以展示的更多,单张图片区域更大,同时也可以展示多张图片,即使在没有点击放大的情况下,图片内容还是能够看的清楚,用户可以快速浏览图片信息,视觉焦点大多会集中在图片上,然后才去看文字,适用于图片社交类App、娱乐性陌生人社交类App。最为典型的App有Facebook、Instagram。

时间轴信息流突出文字内容,突出头像,由于左边会有1/5的留白,所以图片区域会小很多,整个流都会紧凑一些,目的是让用户更加聚焦于文字阅读。最为典型的App有微信朋友圈、Twitter。

信息流的基本内容

一个完整的信息流,从上到下依次分为三大块:1、个人信息区    2、内容展示区   3、用户操作区  

个人信息区主要有头像、昵称、与个人荣誉相关的勋章、个人介绍、发帖时间。

内容展示区主要有语音、视频、图文、纯文字、图片、链接、广告、分享的卡片、地址信息。

用户操作区主要有评论、点赞、分享、收藏等,但不局限于这些操作。

信息流的设计

在开始设计信息流的时候,我们可以深入了解下产品,了解产品的定位、用户群体,需要弄明白属于什么信息流类型,针对不同的类型设计不一样的信息流交互。

结合以往设计经验,我总结出来如下几点:

如果你是第一种类型,你可以在头像、昵称、个人介绍处理上适当的偏小一点,图片加大处理,突出图片内容,减少不必要的干扰,操作区域图标突出表达,使得用户更好的互动。

如果你是第二种类型,你可以把头像、内容文字加大处理,图片适当的偏小一些,目的是主要的突出字体,让用户更加聚焦在文字上。

在这里需要特别强调的是图片展示逻辑,我建议大家在单张图片的情况下采用9:16的比例去设计图片区域。


图片展示最大范围可以根据设计要求来做,如遇到图片超过图片最大展示范围的情况,应该截取中间部分展示,如图片比图片最大展示范围要小,可以按照实际大小展示,如图片是长图的情况下,处理办法也是相同。

除了考虑图片展示的情况下,还要考虑语音与文字,文字与链接,链接与语音,视频与文字,视频与语音等多种组合的情况。

总结

1、信息流是一种信息展示方式,你是被动接受的一方,他会通过各种方式推送给你。

2、信息流分为卡片式交互信息流与时间轴交互式信息流

3、一个完整的信息流包括个人信息区、内容展示区、用户操作区

4、信息流的设计可以通过产品定位去选择是否用卡片式交互信息流或者时间轴交互式信息流

5、信息流的图片展示分为单张图与多张图,单张图可以按照9:16的比例去设计,多张图可以统一都为正方形

6、设计信息流还要考虑多种信息组合的情况,它有纯文字、图文、图片、视频、链接、语音、广告。

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

推荐阅读更多精彩内容