用好的交互设计来管理复杂－“查看更多”

“查看更多”按钮像一个链接标签的拐杖，在各类网页及App中被通用，网站现在已经大量使用这个通用的标签链接。作为一个独立的标签，“查看更多”按钮，直接描述所表达的含义，用以帮助用户从下一页了解所期望的内容。

现在的很多网站及App设计，越来越弱化不太重要的信息内容。也就是说，标签及按钮描述都会选择简短精致的措辞，以保证用户易于扫描，方便消化。当用户决定他们想要更多的信息的时候，他们可以挖掘一个链接或展开抽屉页面信息，从而获得不太重要的内容。无论是点击“查看更多”还是上拉加载都是获得更多收起来信息的方式之一。

“查看更多”按钮的三类变形

• 变形1：使用描述链接目的地的关键字
• 变形2：保留了解更多的格式并添加描述性的关键字
• 变形3：将前面的段落转换成唯一的链接

如下图案例：

由于“查看更多”会产生不确定性，用户不知道他们会期待什么，如果他们点击，或者所得到的内容是否会是值得等待一个新的页面等等，这一系列不确定性的感觉会导致用户犹豫，不确定性和认知压力对用户体验产生了负面影响，并转变成一种认知紧张状态，有些人可能会采取常驻在页面以评估不清楚的联系。

在移动端，无论是App抑或是Wap，由于其移动屏幕要小得多，而列表项目将占用一个相对很大一部分的屏幕，那么通常只有两到三个项目被显示在列表视图布局中，所以用户将不得不在移动设备上进行交互（即滚动）或者点击。

对比网页分页处理，App的用户更加不愿等待页面重新加载，所以产品设计的时候，应该尽量避免分页。实验证明，在移动端，无限滚动是非常有效的获得更多内容展示的方式。较长的产品列表在App上通常通过自然的上拉行为，加载更多的数据，加载过程根据产品定位变形给类的动画，以降低用户等待过程中的焦虑感，提高用户对产品的体验认知。

如下图：

如果加载信息模块底部会有其他模块展示，处理“查看更多”的行为时，最好的解决方案是在产品列表的结尾处有一个单一的大的“加载更多”按钮，让用户选择是否在当前界面展开并加载更多数据。基于移动端的屏幕小的问题，我建议在显示“加载更多”按钮之前，在移动设备上加载15到30条数据为最佳。

“多”并不是困难的来源，在产品设计过程中，能把“多”的内容管理好，把复杂的内容处理好，是可以完善用户体验的。心理学生来说，复杂的事物更容易理解，简单的事物反倒令人困惑。适当的把复杂的东西，让用户操作，也是一种简单化的产品设计方式。

系列文章：

用好的交互设计来管理复杂－“筛选器”

用好的交互设计来管理复杂－“个人中心”

用好的交互设计来管理复杂－“Tab”

作者：Mandy权，微信公众号：Q产品，一名快乐的产品经理！～

本文由 @Mandy权 原创发布于人人都是产品经理。未经许可，禁止转载。