刷淘宝下拉（淘宝商品页面下拉是刷新吗）

原来下拉除了刷新，还能这么玩

编辑导语：现在，下拉刷新的交互几乎无处不在，但即便如此也让人无法轻易忽视它带来的快感。从QQ到新浪微博，它几乎存在于你触手可及的每一个应用当中。下拉除了刷新外，你还知道有哪些玩法？本文从下拉刷新的起源开始，详细地为大家介绍了下拉的各种玩法。感兴趣的盆友一起来看看吧。

专利文件（2010）

1. 直觉手势兼具视觉反馈

下拉刷新是刷新指示器与下拉手势相结合的产物，同时借助下拉动效完善整个交互。下拉刷新本质上是一种特定的手动刷新行为，和其他同类操作差异在于采用了更加直觉的手势。

抽屉新热榜 APP首页

虎嗅APP通过下拉刷出今日神评论，让用户发现每天最有热度的评论，并产生浏览兴趣点击进入浏览相应的文章，也为产品中的内容起到很好的引流作用。

虎嗅 APP资讯页

微信读书下拉进入书城，利用下拉刷新透出更多内容，推荐更多书籍在用户心理上过度比较自然，合理利用了空间去进行服务拓展和延伸。

微信读书 APP书架

2. 刷出多工具：打造固定的管理入口印象

手淘在首页下拉刷新操作时，继续下拉进入二楼，展示常用的应用频道，用户也可自由添加编辑，聚焦于用户的喜好，提供更高的自由度，也使更多元产品能曝光。

淘宝APP店铺二楼品牌Zone

2. 页面地下室：产品附属心智传递

支付宝作为金融属性为导向的功能聚合平台，二楼设计可能对于用户的使用场景的稳定性有干扰，所以支付宝通过一种新的交互创意方式，滑动页面置于底部引出“地下室”的场景，也是另一种二层楼设计的延伸概念。

支付宝APP首页地下室

五、体验延伸：下拉结合主心智交互

前面的案例都是在“下拉到放开”之间或之后，呈现更多内容或信息来给到用户更多选择的体验，是在产品主要心智外提供附属的功能。

其实还有一种交互，是将产品主要心智与下拉手势结合，培养用户下拉习惯来提高APP体验流畅度。

1. 下拉触发主操作：使用核心功能更方便

Clear将下拉手势与“新建”操作结合，用户通过控制下拉的力度进入不同页面，得到不同的功能反馈。

整个产品的设计理念的也很大胆，页面中除了卡片list没有任何多余的元素，所有功能都是通过下拉和滑动的手势去控制完成。

Clear APP下拉结合左右滑动：提供更多主要功能

Google Chrome浏览器认为用户操作页面关键目的“新开/刷新/关闭”，三者可以与下拉刷新结合对用户的心智会更为自然，操作只要“1步”，比Apple Safari进行同样的3个功能要“5步”来得更为快捷。

Google Chrome APP

从简单的手势到进入有趣的空间，我们可以看到在这10年间许多巧思不仅仅停留在简单的下拉交互，其中蕴含着从情感、工具到营销空间等等不同设计巧思。

相信下拉刷新的设计会持续发展各种丰富且细腻的体验，也让我们期待接下来还会有什么有意思的设计吧！

作者：你宇老师 Hales；公众号：淘宝设计

原文链接：https://mp.weixin.qq.com/s/obY-p5xgNOn8yfZOA-9HxQ

本文由 @淘宝设计 授权发布于人人都是产品经理。未经许可，禁止转载。

题图来自 pexels，基于CC0协议。