查看更多的三种常见场景总结和分析

第一，定义

ViewObject是页面内部或页面间交互的链接，是获取更多内容的一种方式。

更广泛地查看，以文本、按钮、icon、页面指示器、分页、甚至加载样式，广泛地用于移动端的页面，用于提示用户，点击后显示隐藏的内容。

如下图：

第二，应用场景

一、品类区

在国内APP首屏上，品类区是常见的模块，对于电商平台来说，品类区主要放置商品分类；而提供服务的产品，则主要用品类区来展示所提供的业务范围。

由于手机端首屏空间的珍贵，我们无法一一列出这些品类，而那些无关紧要、使用频率低的品类则被隐藏起来。

当前市场上对“更多品类”的处理方式主要有三种：侧滑式，图标式，折叠式。

1.侧滑型

类目的侧滑使用屏幕的侧向空间来承载内容。

首个屏幕显示用户高频使用的类别，第二个屏幕显示非头部类别，而侧滑的类别区底部通常会有页面显示提示用户滑动，如淘宝和马蜂窝。

好处：相对灵活，可以在当前页面上查看后续内容，交互成本较低；

不足之处：由于品类区大小的限制，无法承载太多信息。

2.图标式

经常放置高频使用的头部类别，通常用最后一个类别图标表示“更多”，适合分类非常丰富的产品。

例如：携程、美团，都属于服务类的，当用户想要获取其他服务，就要通过点击打开更多的新页面，查看服务的全部内容。

此外，有些产品支持用户通过“更多”来定义品类：例如猿题库，点击更多之后，就会跳转到主题选择页面；而熊猫则可以通过“更多”用户根据兴趣来定义品类。

长处：能携带相对丰富的内容。

坏处：用户对内容没有预知，因此不知道新内容是否值得他们等待一个新页面，从而产生犹豫，曝光和点击率低。

3.折叠式

这是一种很少见的形式，它是一个按钮，在品类区下面显示“查看更多”，就像蘑菇街一样，采用了半透明+文本的形式，暗示品类区的后续内容。

好处：半透明的遮盖能让用户看到部分下层信息，用户点击之前就有了预知，能减少用户的不确定性。

坏处：将模块展开后将其推开，前后仅节省半行空间，且展开后没有收回按钮。

据猜测，蘑菇街是为了发现第一个屏幕上模块的图片信息，从而降低了部分品类区的权重。

二、信息流动

应用程序端的内容通常由单个模块构成，每个模块区域都是固定的，因此页面中的“查看更多”基本上是指点击之后跳转到新页面；或者是采用滑牌、更换卡片等衍生形式。

注意：信息下没有其他模块，如标题、app的底部猜你喜欢，通常会以瀑布流的形式，滚动后直接加载更多内容。稍后将单独编写此部分，超出了本文的范围。

2.1标题栏

将“查看更多”放在模块标题的右边是最常见也是最常用的一种显示方式，这在用户的认知中已成为一种习惯，通常包括文本+指示icon，或单个指示icon。

通常情况下，是浅灰色弱化显示，侧重于模块内容，例如掌阅；根据特定产品的需要，如果要突出内容的丰富性/提高页面跳跃等等，也可以使用加粗/加粗/特殊颜色显示，例如自如。

但由于用户对新内容没有预期，点击欲望较低。

豆瓣也在这方面做了优化——增加了数字提示，让用户在点击页面之前了解到网页内的信息，消除了担忧。

此外，还有一些将点击更多指示icon与标题直接结合的产品，用户通过点击标题就可以进行交互。

其适于与标题相关性强的内容，同时留出右侧空间，便于长标题模块使用。

好处：变成了习惯用法，不需要学习费用，节省网页空间。

不足之处：点击区域小，位于顶部，对于超过一屏的内容模块，用户需要向上滑动才能点击。

2.模块底部。

在模块的底部，“查看更多”作为一个按钮存在，因为空间被留白，并且按钮的显示更加清晰，可以点击。这种形式可以在我们增加预期后续内容的曝光时使用。

好处：不会打乱用户从上到下的扫描顺序，可点击性好。

不足之处：浪费页面空间；影响用户对当前内容的关注。

2.3.交换和更换。

对于用户来说，需要打开新页面的“查看更多”具有更高的成本，“换一换”就是由此衍生而来的——用户点击后，不需跳转，直接在当前页面中刷新模块内容。

好处：操作成本低，虽然内容仍然是缺乏预期，但在用户接受度上，还有一个抽盲盒的惊喜。

不足之处：随机感，多用于推荐模块类，不适合排序模块，如列表；而且它仍然局限于模块内部，用户需要依赖多次点击才能看到更多，效率较低。2.

2.4组合

许多APP都会结合使用模块内部的“查看更多”和“交换更多”两种方式，以弥补单一交互的不足。使用者可根据自己的需要选择是更换，还是重新浏览新页面。

常用风格是将两者作为按钮放置在模块底部，共享一行空间，如腾讯动画，此时两者的权重均衡。

如QQ音乐的歌单模块，当有侧重点时，就会通过视觉的大小和空间，突出来替换，弱化更多。

2侧滑卡片

由于纵向空间的限制，很多产品开始使用横向扩展页面空间。

侧滑卡是其中的代表，它通过显示部分内容来暗示用户在此处可以左右滑动，如考拉、爱奇艺等，滑动后会出现n张卡片，引导用户点击下一页。

三、评论区。

3.0内容

以UCG为主打的社交、社区类平台，核心功能位用户输出信息，用户之间的交流，所以有大量的交流数据，同样需要“多看多看”才能对后续内容进行展开。

对于文本描述来说，为了使用户能够预期到所需的信息量，这里的“查看更多”通常具体化为当前信息栏数量——查看所有xx条评论。

以内容为主的产品，如知乎和ins，在内容下方显示浅灰色的“查看更多评论”，“查看更多评论”，我认为这就是为什么知乎和ins的点赞数远远高于评论的原因之一。

(当然，在知乎进入了所有评论页面之后，在楼上的“查看更多”按钮上就会出现)

3.2交互

而且微博客在文字上添加了最新评论用户的ID名，视觉上也用高亮颜色突出，更具导向性。

假如说知乎是一个用户制作内容的社区，那么微博则是在这些头部内容的基础上，围绕着它们发酵成主题的二次讨论，用户之间的互动更加紧密。

3.概述

本论文主要总结了“查看更多”的几个应用场景，分别在品类区、信息流、评论区，以及利弊和适用范围。

如有未总结的内容，欢迎在评论中补充！如有帮助，别忘了点赞哦~。