編輯導語：現在，下拉重新整理的互動幾乎無處不在，但即便如此也讓人無法輕易忽視它帶來的快感。從QQ到新浪微博，它幾乎存在於你觸手可及的每一個應用當中。下拉除了重新整理外，你還知道有哪些玩法？本文從下拉重新整理的起源開始，詳細地為大家介紹了下拉的各種玩法。感興趣的盆友一起來看看吧。
“下拉重新整理專利由推特擁有，但我想任何人都不用為此擔心。-Loren Brichter ”
據說這種互動是前蘋果設計師L。B。設計Tweetie應用時締造的，現在從推特到QQ，下拉重新整理已經成為普適的體驗，它幾乎存在於你手機裡的每一個APP中。
一、手勢互動：重新整理動作依附使用者直覺
最早在PC時代使用者需要退出頁面重新進入來重新整理內容，2008 iPhone興起時，出現了以按鈕點選重新整理的主流設計。但設計師是會不斷追求更好的使用者體驗，於是兩年後“下拉重新整理”出現了。
專利檔案（2010）
1. 直覺手勢兼具視覺反饋
下拉重新整理是重新整理指示器與下拉手勢相結合的產物，同時藉助下拉動效完善整個互動。下拉重新整理本質上是一種特定的手動重新整理行為，和其他同類操作差異在於採用了更加直覺的手勢。
Andriod系統
二、情感設計：細膩體驗提升產品認同
下拉刷新發展至今除了手勢以外，從下拉到完成重新整理的過程中，畫面、文案、動效都是設計師創造差異化體驗的手段，
任何一種元素，都可能是傳遞調性的最好機會。
1. 圖示動效：加深產品型別印象
韓國的外賣APP（배달의민족）透過有趣生動的食物圖示，讓使用者在下拉過程中具有很強的控制感，透過控制滾輪中的食物圖示進行釋放，完成交替滾動效果的播放。
很好的將產品外賣屬性與下拉重新整理的互動手勢融合，讓使用者將產品“玩”了起來。
배달의민족（外賣民族） APP首頁
2. 隨機文案：持續傳遞知識服務
丁香醫生APP下拉重新整理的載入過程中，將走心的文案融入情感化設計中；給使用者傳遞健康知識的同時以實現與使用者情感層次的交流。拉進與使用者之間的距離，讓使用者能夠持續感受產品帶來的溫度。
丁香醫生 APP首頁
3. 活動宣傳：強化代言人形象連結
SSG MART在下拉過程中，將代言人的形象進行了很好的結合，並透過人物“說”出了一些需要表達的資訊，很好的利用了代言人的形象幫助產品進行品牌心智的傳播。
SSG MART APP首頁
三、工具設計：塑造進階的重新整理心智
在不影響當前內容的前提，下拉出更多相關內容或可對當前頁面進行管理，將下拉重新整理打造成進階工具的心智。
1. 刷出新內容：多維度推薦引導使用者繼續看
抽屜新熱榜APP在下拉重新整理時，結合彈性微動效和震動反饋，像抽屜⼀樣“抽出”更多的內容資訊；同時下拉過程中配合表情和隨機有趣的文案，進一步增強趣味性。
抽屜新熱榜 APP首頁
虎嗅APP透過下拉刷出今日神評論，讓使用者發現每天最有熱度的評論，併產生瀏覽興趣點選進入瀏覽相應的文章，也為產品中的內容起到很好的引流作用。
虎嗅 APP資訊頁
微信讀書下拉進入書城，利用下拉重新整理透出更多內容，推薦更多書籍在使用者心理上過度比較自然，合理利用了空間去進行服務拓展和延伸。
微信讀書 APP書架
2. 刷出多工具：打造固定的管理入口印象
手淘在首頁下拉重新整理操作時，繼續下拉進入二樓，展示常用的應用頻道，使用者也可自由新增編輯，聚焦於使用者的喜好，提供更高的自由度，也使更多元產品能曝光。
淘寶 APP首頁
NAVER在下拉重新整理中也將固定的工具入口進行了結合，為使用者提供了工具化的服務，使用者可在特定場景中快速使用所需要使用的功能解決效率問題。
NAVER APP搜尋頁
Netflix APP則是考慮到使用者繼續觀看影片的需求，於首頁提供了下拉繼續觀看的捷徑，在保證首屏推薦影片佔據大面積曝光的同時，也讓使用者更便捷。
Netflix APP首頁
四、營銷設計：玩出產品花樣新空間
效率總是各大應用首頁的重要考量，在嚴絲合縫的排版裡，
下拉刷新出的空間成為了調性宣傳的新機會。
1. 頁面二樓：品牌活動調性宣傳
餓了麼的二樓設計以生動有趣為目標，展示動態的廣告圖文、影片內容、互動營銷內容。使使用者更有新鮮感，同時也拓展了一個新的業務營銷場景。
餓了麼 APP首頁
隨著商家對品牌營銷的要求提高，淘寶在固定的店鋪框架，提供了下拉進入二樓的功能，作為品牌在商品貨架以外的宣傳空間，可以將影片、H5互動展示給使用者。
淘寶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協議。