APP信息流内容属性如何主导UI设计?
来源:    发布时间: 2019-07-02 05:04   20 次浏览   大小:  16px  14px  12px
APP信息流内容属性如何主导UI设计?

  不同特征的产品所用的信息流形式都是不一样的,有用图片流的、也有用列表流的、也有用Feed流,更有根据场景组合使用的。文中,笔者就介绍了他们的特征以及如何使用。

  几乎所有APP都是信息流的设计形式,通过信息流内容属性的不一样,可以分为三种流:图片流、列表流、Feed流。

  之前看到过卡片流,其实卡片流只是一种设计形式,我们今天探讨的是根据内容属性分出来的三种流,所以文章会些许深入。下面我们就开始探讨三种信息流的奥秘。

  下图是典型的三种信息流的产品:花瓣(图片流)、饿了么(列表流)、今日头条(feed流)。

  顾名思义图片流更侧重图片的展示,典型案例有花瓣APP:自适应图片的高度,强调图片的表现性。

  产品定位和目标用户侧重点都是图片,所以强调图片的表现性是产品的重要属性。

  目标用户的行为是收集图片、找素材、找参考,用户都是基于有目的找的一种状态,所以设计形式上重点强调图片,弱化辅助元素。

  图片流的设计要点是基于用户有目的找的状态,展示更多图片并且要强调图片的表现性,弱化干扰元素。

  因为花瓣侧重UGC模式(用户产生内容),所以板块中的用户头像可以点击,引导关注,提高用户忠实度,这也是很多产品都有社交属性的重要原因。

  根据500px产品内容属性分析,上图设计其实并不是图片流,而是feed流,先不解释,带着这个疑问继续往下看。

  列表流对比图片流,列表流中的图片不会重点强调,或直接就没有图片、列表流用户的使用状态带有明确目的,也是一种找的状态。

  开篇我们讲到了,卡片流这种物种是不存在,卡片只是一种设计形式,不能以卡片定义一种信息流。

  支付宝“服务提醒”板块目的为用户快速找到用户需要的功能入口,设计中强调识别功能的图标,能够帮助用户快速找到功能入口,符合内容属性的功能需求。

  用户使用中也是一种有明确目的找的状态,所以根据功能属性和设计形式,支付宝的“服务提醒”板块属于列表流。

  列表流的设计形式一般不希望用户一直往上滑页面,因为用户不能快速识别找到需要的板块,就直接影响用户体验。

  京东手机商品的列表流,产品图片没有着重强调,而是侧重强调了手机价格、品牌、型号、屏幕、内存、评价数量等等,其实这些信息才是用户产生购买的重要元素。

  例如购买衣服用户会更关注衣服的款式和细节,所以要符合用户的关注点需要强调图片展示。

  京东APP聪明地做到了搜索不同的产品自动使用不同的信息流,搜索衣服京东会自动使用图片流,注重图片并缩减标题为一行展示,辅助信息空间占比缩小,搜索手机就会用列表流展示用户会重点关注的配置元素。

  京东APP为了能够使产品灵活展示,页面的右上角有列表流和图片流切换按钮,其实产品已经为用户做了最舒适的体验方式,所以这个按钮是个不常使用按钮。

  同样地,通过对用户的研究分析,搜索酒店的用户更看重性价比、位置、价格、品牌,选择民宿的用户,关注点一般就不一样了,所以设计形式也就有差异。

  为什么会有这样的一个结果导向?首先分析一下选择酒店的用户和选择民宿用的心理需求:

  选择酒店人群一般是追求效率和便捷的商旅用户,他们很大程度上关注性价比,地理位置以及价格。

  多数人对酒店有清晰的概念,酒店图片用户一般不会着重关注,用户会根据地理位置、性价比而买单,所以酒店选择适列表流设计形式。

  选择民宿人会更关注房屋的图片,满足他的个性需求体验,一张精美的房屋图片会大大增加民宿的转化力,所以民宿适合图片流设计形式。

  细心你的可能看到了上图酒店里也有民宿,原因是为了推广民宿,因为携程的DNA决定了想住民宿的用户一般不会想到携程,所以要引流推广。

  feed流产品现如今大行其道,我们首先来定义下feed流:一般来讲,持续更新并呈现内容的信息流,并且用户操作状态是没有明确目的的浏览状态。

  feed流内容排列方式,主流的形式分为两种:一种是时间轴排列,例如微信朋友圈;另外一种是通过智能算法排列,例如今日头条、抖音产品。

  智能算法feed流一般是一种千人千面形式,通过内容属性分析大概分为三种:文字feed流、图片feed流、视频feed流,其中三者存在相辅相成形式。

  例如今日头条重点要强调标题文字,所以是文字feed流;但是会在重点强调文字的基础上,增加图片或视频辅助元素,图片feed流和视频feed流当然也会有文字辅助元素。

  feed流设计首先要分析产品强调的是什么、用户关注点是什么,切不可喧宾夺主,基于用户没有目的的浏览状态,交互上要体现更直接快捷的交互方式。

  当然技术上的智能算法是非常重要的,之前当朋友用我手机刷抖音时,一会就没兴趣了,原因是还没有给他的心理模型建立好推荐机制,从而推荐了一些他不感兴趣的内容。

  结合上文,因为500px首页设计形式有feed属性,例如点赞、转发、评论、分享、引导关注,用户使用过程是浏览状态,所以他是feed流设计形式产品。

  微信朋友圈具有重社交属性,用户刷朋友圈心理上其实会通过发动态的人,来判定是否会着重关注他发的内容。

  虽然用户刷的是内容,但是重社交属性内容建立在熟人身上。比如一个陌生人发的官宣,你不会刻意关注;如果是你好朋友,你可能会有些许激动,从而点赞评论互动。

  轻社交产品有微博、西瓜视频等等,有社交属性但是设计形式都是轻社交形式,这是跟产品定位有关。轻社交人当然也很重要,但产品的核心是要产生更多好的内容,所以设计中要侧重内容的表现。

  feed流用户更多的是浏览状态,平台是希望用户能长时间停留在产品上,满足feed流里面的广告变现,实现商业目的。

  从设计角度将广告内容加入到feed信息流当中展现给用户,广告的展现形式与feed信息流保持了相同的设计格式,较为合理。

  这样feed流广告能够提高用户接受度,提高产品的使用体验,并且可以让用户对广告感知低的情况下,筛选出能够商业转化用户。

  图片流:强调图片的表现性,基于用户有目的找的一种状态去设计,设计形式上重点强调图片,弱化辅助元素。

  列表流:强调用户关注的元素,用户操作产品中有清晰的目的且找的一种心理状态,所以设计中要帮助用户快速完成目的。

  feed流:文字、图片、视频feed流,需明确用户的关注点再去设计,用户操作时是一种没有明确目的的浏览状态,要体现更直接快捷的交互方式,能够持续保持更新产出内容。

  产品定位和用户需求,需要找到平衡点,例如与内容形式一样的广告,这就是平衡点;充分了解产品的用户就可以找到合适的设计形式。

  UI设计从来都是从产品出发,助力产品,我认为这是一种更高级的UI设计意识。

  最后还是重复本篇文章的核心观念:产品定位影响内容属性,内容属性主导设计形式!