为什么在APP设计中 应该慎用左右横滑设计？

常用的内容拓展设计有：Y 方向 List 滑动、Z 方向 3D Touch 、入口式内容折叠等。今天想和大家聊的，是其中的“左右横滑”卡片式交互设计。

所谓的“左右横滑”交互英文名叫做“Horizontal Scrolling Lists”，最早可能起源于 Windows Phone 的横向内容滑动设计。用于在同一个页面的 X 轴方向拓展内容空间，“左右横滑”的交互方式被广泛应用于各类 App 中。

不过，凡事都有两面性。当“左右横滑”的交互把更多内容塞到了页面中时，也产生了诸如可见性差、优先级混乱、内容不突出等体验风险。因此，在使用这种设计时必须有所准备，确保它发挥出最大的效用。

接下来，把我自己设计中遇到的一些“心得”和“坑”分享给大家。

1. 挑选合适的使用场景

单页多维度的信息结构是“左右横滑”最适合的应用场景。传统的 List 适合纵向无限呈现单一属性的内容(比如朋友圈或知乎的回答)，而对于 App 首页等多种信息聚合的页面，就适合横向开拓内容维度。

以最新版的 Airbnb 为例，它将首页分割为 Banner、热门体验、体验、房源、旅游目的地精选等多个维度，每个维度单独占据一整行，并展现并列的内容。再看 iOS App Store，也是将页面分为诸多维度，把不同的应用分类呈现。

设计师们很形象地把这种设计称为“泳道”。