最近十几年,整个互联网都在从文字向多媒体转型:文字论坛换成了图文社区、图文社区变成了视频平台、视频平台被短视频取代……
就看我周围的情况,很多公众号主都转型做抖音、视频号了。
尤其是最近这一两年,很多人一提到文字内容,就一副看“夕阳行业”的表情。
但是,这里有一个容易被忽视的问题:
即便图片、视频类内容再火,文字内容也将长期存在。
例如网文,依旧有很大一批受众,即便增长放缓最终变成存量市场,也不会消失。
视频内容虽然看着爽,但是因为成本高、制作周期长、信息量获取效率低……等等问题,并不能完全取代文字内容。
起点阅读 APP 设计时就遇到了这样的问题:社区升级 | 起点读书发现页改版设计总结
原文里讲的内容比较多,我挑出些重点内容整理给大家:
瀑布流适合文字内容吗?
瀑布流是主流的 C 端 APP 常用的内容展示形式,例如淘宝、小红书都是这样:
上图来源:一篇文章帮你分清流式布局 - 瀑布流、Feed流、卡片流、列表流
起点读书 APP 的发现页之前也“跟风”采用瀑布流的内容展示形式,但是发现用户对此的接受度不高。
后续增加了列表模式的切换功能后,用户反馈反而逐渐提升了。
观察发现两种模式的数据几乎各占一半,所以干脆保留两种方式。
文字内容图片展示
瀑布流并不是要去除,而是要优化,因为一般的图片展示规则并不适合文字内容。
观察一下起点读书 APP 发现页的瀑布流,你就会发现一个问题:
图片质量不太高,至少和小红书、大众点评之类其它 C 端娱乐产品相比是这样。
我随手截的图
这是因为起点读书 APP 的定位更像是文字论坛,在上面发内容的人,更注重的是文字而非配图。
而瀑布流里的图片很多不是专门配的,而是从书封、专栏封面、插图等各种图片截取而来,不光品质不太稳定,尺寸也五花八门。
品质问题不是设计师可以干预的,而尺寸问题却可以提供解决方案。
为了更好地展示这些形态各异的图片,起点读书 APP 置顶了一套图片裁切规则,保证瀑布流中只会出现 4 种比例的图片:
为文字内容设计瀑布流
瀑布流这么受欢迎的内容展现形式,之所以在起点阅读 APP 不受用户待见,主要原因是:文字内容更适合用文字来展示。
虽然知名的网文也会搭配精美又符合主题的图片,这毕竟不是文字内容的强项。
对很多读者来说,阅读才能更加对文字内容做出判断。
所以即便是瀑布流,也不好做纯图片的样式,于是起点阅读 APP 就设计一套「文字海报」,可以放在瀑布流阅读。
首先是选取了 3 个配色作为随机背景,以确保整体的视觉调性。
然后根据线上的内容,设计出排版规则和长度限制。不论标题有无、内容多长,也能有较好的展示效果。
结果怎么样?
这一轮改版后,UGC(User Generated Content 用户原创内容)内容果然在点击量上有了明显提升,其他推荐包括书单、游戏、专栏等,均较旧版有成倍的提升。
当然,这些提升并不一定全部来自瀑布流的改版,起点读书 APP 也做了不少运营相关优化,例如:
增加首屏内容曝光
增强运营动效
引导内容发布
但是这些运营优化措施很常见,很多 APP 都做过。
所以总体来看,我认为最大的改进还是在瀑布流内容展示这一块。
总结反思
很多设计团队公开案例时,喜欢报喜不报忧,只展示成功的一面。
所以我还是很赞赏阅文体验设计 YUX 能够不遮掩自己走过的弯路,让我们这些读者切实学到有用的经验。
看了起点读书 APP 这个改版案例后,我有几点思考和大家交流一下:
1. 不要盲目追赶潮流
虽然现在整个行业的产品设计都越来越同质化了,尤其是 APP 这一块。
但是大家都在用的,也未必适合自己。
在借鉴成功案例时,也不要忘记思考一下,自己的情况真的和对方相似度高吗?这个方案真的能满足自己用户的需求点吗?
起点读书 APP 虽然还在用瀑布流,但已经是重新设计过后的版本,而且目前也主要用来展示图片贴或周边产品的非纯文字内容。
2. 用数据说话
起点读书 APP 的用户究竟是更接受瀑布流还是列表流,这个之前谁也猜不出来,数据分析后才发现原来是一半一半。
遇到不确定的重要问题,瞎猜是没有意义的,最好还是通过埋点或调研,进行可靠的数据分析。
3. 不要强行统一
前面提到,为了解决图片质量参差不齐的问题,起点读书 APP 制定了一套图片尺寸裁切规则。
但这并不是他们的第一次尝试,最开始时,采取的做法是采用统一尺寸的卡片对齐展示,这样整个页面看起来就不至于太乱。
可是后来发现,这样会导致偶尔出现的几张好看的图片,都因为统一的尺寸裁剪,而无法很好地展示出来,让整个页面看起来更平庸了。
于是才改用适配规则,给出了 4 种不同尺寸。
加老D私人微信,朋友圈更多精彩