案例分享 | 豌豆荚一览内容阅读的交互设计

【文章摘要】豌豆荚一览的分析。

最近一段时间，豌豆荚出了一个新产品——豌豆荚一览。由于在微博上关注了豌豆荚，所以早早就用上了。一用之后，便不可收拾地喜欢上了这款产品，还一直向公司的同事推荐。目前已经有好几个同事被安利成功。

今天早上更新了最新版，发现没有以前简单直接，不好用了。不过，这丝毫不影响我今天想要说的交互设计。这部分的交互设计没有改，还是非常棒。

在一览里，最棒的一点交互设计是：通过向上滑动和向下滑动关闭内容详情页的设定，实现了内容详情和内容列表之间的无缝衔接，能够让用户通过无脑的刷刷刷来不断获取内容，操作简单粗暴不需思考和学习。

让我们来看一下这种设计是如何运作的？

1.如果你打开一览，你会发现首页就是一个内容列表，这个内容列表是根据你订阅的app来抓取的。

2.你可以通过上下滑动来浏览内容的标题或缩略图。如果你发现了自己感兴趣的内容，只要一下点击，就可以打开内容详情（动画也很酷炫），可以通过上滑来查看更多的内容。

3.你看了一眼内容，觉得不感兴趣，直接一个下滑就可以关掉内容详情界面。当然，点击起关闭作用的叉也可以，但下滑操作起来更顺畅和舒服。

4.若你看进去了，但看到一半发现内容太长，想要退出来，一个下滑就可以呼出关闭的叉，点击就可以关闭。当然，这时候一直下滑到最顶端，然后关闭也可，但显然此时用关闭功能更加好用。

5.假如你真的看完了所有的内容，到达了详情页的底部，只要继续上滑就可以关闭掉内容详情页，继续查看内容列表。

6.以上步骤循环起来，让一览的阅读体验加分不少。

以下是我录制的视频，更直观一些。