个性化推荐改变无轮播设计，可以成为移动产品设计趋势

在移动APP亲子商城改版优化过程中，参考其他应用时发现一个现象，就是很多主流应用都被下架了主页的轮播 明白了！现在，这种设计形式逐渐开始普及，越来越多的移动产品开始采用无轮播的图像模式。以下是我最近看到的一些首页没有轮播设计的手机应用：

• 电商应用：京东、淘宝、苏宁易购、网易精选、闲鱼
• 外卖应用：美团外卖、你饿了吗
• 阅读应用：掌上看书、微信读书、番茄小说
• 运动音视频应用：KEEP、QQ音乐、蜻蜓FM

为什么越来越多的应用将移动应用标记为轮播？如何从主页中删除“匹配”功能？我有以下猜测：

1.个人推荐机制已成为主流

图片轮播是老牌手机APP的产物。当时轮播图的设置告诉用户，我们推荐的这个是非常好的和重要的。来看看！但随着大数据和用户画像技术的成熟，个性化推荐逐渐成为内容与用户匹配的主要机制。通过大数据获取用户行为偏好，利用首页信息流向用户智能推荐其他他们喜欢或喜欢的内容。比如淘宝、京东APP。

轮播一般采用正式的内容推荐机制，即运营者决定将哪些内容放到轮播上展示给用户（可能有人会说，轮播上的内容也可以采用私有推荐机制来创建） ，这包括运营成本的问题，这个问题将在第二个问题中讨论）。

一般轮播图一屏只能显示一项内容，通过左右滑动切换可以显示更多内容。相比轮播图，其他形式（如卡片/盒子样式）可以利用设计策略同时展示多个产品，因此轮播图等在首页占据较大面积的内容有些无用。

2。个人推荐轮播的运营成本非常高

当然，个人推荐机制可以用在轮播、卡片区、信息流等各种场所，但相比卡片/图块区，流媒体信息和图片轮播对显示内容的图像和标题文字的高度有更多要求。如果使用低质量的图片或文字，整个界面的美观度就会大打折扣，也不利于用户点击甚至购买内容。

因此，对于轮播展示的内容，需要为每个内容制作合适的图片（例如改版前淘宝轮播展示的图片是定制图片，而不是普通的商品图片） ）），只有这样我们才能利用个人推荐的技术，将数千个内容推荐给数以万计的用户，APP界面才会有更好的展示效果。

这样一来，运营成本就会大大增加。另外，轮播图本身的点击率和转化率低于其他位置，轮播图投放的ROI较低。因此，没有必要在轮播图位置上花费大量资金。 ，甚至去掉轮播图，给另一个位置另一个曝光机会，效果可能会更好。

3。更合理的存在方式

其实这个主流APP并没有把首页的轮播去掉。有些APP采取了变体设计，将轮播图从传统的页面顶部位置移至金刚区域下方的卡片/盒子区域，将轮播图作为卡片或盒子使用。具有个人推荐、APP界面好、运营成本降低三大优势。下图红框为淘宝APP卡片轮播图：

可以看出，这张轮播图中的内容是根据我最近查看和购买的商品（我最近买了男鞋和变形金刚玩具）推荐的商品，而且其中一些图像的质量不高。例如，图中的T恤商品使用了常规的商品图片，但并不影响页面的整体美观。想象一下这个图像在上面的轮播图像中是什么样子。肯定会非常难看。

此外，无需支付额外的运营成本，这也是这种形式的优点之一。

4。其他位置的视觉比例增加，有效提高转化率

有学者对移动电商网站轮播的交互效果做了研究分析，得出23%的用户点击轮播。图像中的内容中，第一个图像中的内容有 54.1% 发生了变化，第二个图像中的内容有 15.7% 进行了处理，并且位于较靠后的内容的光照水平较低，呈现线性下降。回头看，它正在下降，甚至下降到可以忽略不计的程度。

去掉轮播图后，金刚区域和下方卡牌区域的视觉权重得到了很大的提升。此外，这些位置的点击率和转化率均高于轮播图片。用户关注个性化推荐内容。这时可以更多地关注内容，从而增加用户对内容的专注度，从而提高职位的转化率。

如果运营成本保持不变，转化率就会提高，收入会增加，投资回报率也会提高。

5。用户体验存在缺陷

1。 大而复杂的图片导致APP性能差、加载速度慢

常见的轮播图片携带了大量的图片信息，尤其是高分辨率的轮播图片，大量的图片信息会对加载速度产生很大的影响。加载时间每增加一秒，就会流失更多用户。用户和搜索引擎更喜欢加载速度更快的网站和应用程序。

2。用户对自动切换感到沮丧

“固定的静态横幅图像比自动更改的横幅图像可以带来更高的有效点击率。如果您不够了解用户，几乎不可能提供 100% 符合他们期望的内容。此时看来，提供更多的内容选择=更多的点击率=更多的销量。这不是真的。 ” Depesh Mandalia

网络可用性大师 Jakob Nielsen 也对自动切换轮播进行了可用性研究。结论表明自动切换轮播会分散用户注意力并导致他们进行切换。很容易被忽视......

这种设计看起来很常见：在固定区域内，每5秒自动切换显示一张图片，看起来很方便，也增加了其他内容的曝光度，但现实中并没有多少用户会看着图片等待对于未知的内容耐心等待5秒，这是非常低效的，而且他们的目光都跑到了别处，扰乱了用户的阅读过程，让用户失控、沮丧、恼火。最重要的是，自动切换的图像会看起来更像广告，而不是APP，而不是标准图片。应用程序的一部分。

由于一个移动终端屏幕上的内容有限，用户会向下滚动以阅读其他内容，而不会停留太久。 “自动切换”之类的互动方式不但不能获得更多曝光内容的作用，反而影响体验。一个好的做法是保持页面稳定，让用户左右滑动通过进度指示点查看更多内容或者隐藏部分内容。

上面解释了手机APP中删除轮播图的几个原因主页。什么情况下轮播图还比较合适？保留轮播图设计的推荐场景包括以下两种：

（1）内容少、无用的内容 个人推荐

一些移动应用的内容不够丰富，达不到大公司的内容规模淘宝、京东、美团。内容无法支持个人推荐机制的使用，或者缺乏个人推荐的技术。如果无法为用户提供个性化推荐，在这种情况下，轮播图像仍然可以保存。如果无法达成个人推荐，将采用正式的联合推荐表。特别适合促进某些行业的品牌新产品上市。 “嗨茶”和“瑞幸咖啡”就采用了这样的推广机制：

去除上图轮播图的应用，大部分都是展示大量内容的电商应用。至于小而美的应用，只关注重点即可。相反，放大首页图片，利用大图片烘托活动或新品的氛围，突出产品的优势和特点，引导用户购买焦点区域的热门产品。

（2）品牌宣传，向用户传递品牌价值

对于需要向用户传递品牌价值的场景，通过持续曝光在用户心理上形成品牌形象，可以采用轮播图，空间需要更大，才能通过图形向用户传达品牌的价值。

或多或少。仅选择能够表达您的品牌内容的图像，以给用户带来身临其境的体验。用户的注意力会更加集中，他们可能会获得更多的信息。当然，你也可以添加一层文字描述，以更好地描述信息。此外，该图像或文本可以根据您的目的随时更改。

在某些情况下，图片可能不足以表达需要表达的信息，或者您认为短视频更有利于提高APP的用户体验和转化率，那就使用短视频。不同的表达形式也会引起表达角度的变化。使用短视频特征向用户讲故事或做产品课程是一个很好的内容主题。

例如APP通过视频的形式传达商城“科学、优质、安全、实惠”的品牌价值。右下角的“了解更多”号召性用语按钮允许用户在感兴趣时点击了解更多信息。细节。

本文最初由@CowboyBeethoven 发表于《人人都是产品经理》