查看原文
其他

起点APP设计上的失败经验,值得反思

The following article is from 体验进阶 Author 设计师ZoeYZ

最近十几年,整个互联网都在从文字向多媒体转型:文字论坛换成了图文社区、图文社区变成了视频平台、视频平台被短视频取代……

就看我周围的情况,很多公众号主都转型做抖音、视频号了。

尤其是最近这一两年,很多人一提到文字内容,就一副看“夕阳行业”的表情。

但是,这里有一个容易被忽视的问题

即便图片、视频类内容再火,文字内容也将长期存在

例如网文,依旧有很大一批受众,即便增长放缓最终变成存量市场,也不会消失

视频内容虽然看着爽,但是因为成本高、制作周期长、信息量获取效率低……等等问题,并不能完全取代文字内容

起点阅读 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 的用户究竟是更接受瀑布流还是列表流,这个之前谁也猜不出来数据分析后才发现原来是一半一半。

这种没有明确答案的问题还有很多,例如横导航和左导航哪个刚好诸如此类:用左导航还是顶导航?B端必看!

遇到不确定的重要问题,瞎猜是没有意义的,最好还是通过埋点或调研,进行可靠的数据分析。


3. 不要强行统一

前面提到,为了解决图片质量参差不齐的问题,起点读书 APP 制定了一套图片尺寸裁切规则。

但这并不是他们的第一次尝试,最开始时,采取的做法是采用统一尺寸的卡片对齐展示,这样整个页面看起来就不至于太乱。

可是后来发现,这样会导致偶尔出现的几张好看的图片,都因为统一的尺寸裁剪,而无法很好地展示出来,让整个页面看起来更平庸了。

于是才改用适配规则,给出了 4 种不同尺寸

也就是说,不要因为一些人不好好梳头就强制所有人剪短发,一刀切的统一规则弊大于利


推荐阅读


2022年值得关注的9个视觉设计趋势

B端产品设计总结

2022年,B端设计的趋势有哪些?



在看是最好的肯定与鼓励

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存