隨著iPhone X將Home鍵去掉，手勢在交互導航中的作用更加重要了。今天我們來研究一下Google Material Design規(guī)范和iOS人機設計規(guī)范中對于手勢的介紹。

Material Design Guidelines

手勢導航讓用戶可以使用劃動手勢在同級或者上下級頁面之間切換。支持的手勢包括：按住水平拖動、按住上下拖動。

手勢一般建議用在如下情況：

自然排序的關系，比如表示日歷里連續(xù)天數(shù)的多個頁面；

包含較少下一級頁面的頁面；

包含類似內容類型的頁面。

比如下面這個例子：

在這個例子中，用戶按住頁面的同時向下拖動，將這個頁面收起，從而回到上一級頁面。

iOS Human Interface Guidelines

在iOS系統(tǒng)中，邊緣劃動手勢起到了全局操作的作用。其中，從屏幕左邊緣向右劃動，可以返回上一級頁面；在iPhone X之前的手機，從底部邊緣向上劃動，可以劃出控制欄；從頂部邊緣向下劃動，可以劃出消息/控制中心浮層。用戶通過從底部邊緣劃動的操作，可以呼出系統(tǒng)級的控制頁面，或者返回上一級頁面。

需要額外說明的一點是：對于H5頁面，如果從屏幕左邊緣向右滑動，會直接退出H5頁面，不論你當前處在H5這個系統(tǒng)里的哪一級頁面中。所以當我們在設計H5頁面時一定要注意，盡量防止用戶因為使用返回手勢而退出了H5頁，導致流失率的上升。

對于iPhone X而言，由于這款機型取消了經典的蘋果手機的home鍵，蘋果給出了使用手勢替代原來點擊home鍵的操作：從屏幕底部向上劃動，可以退出當前應用（相當于單擊home鍵）；從屏幕底部上劃后停留，則進入多任務狀態(tài)（相當于雙擊home鍵）。

其實安卓手機在多年前，就出現(xiàn)了沒有home鍵的機型，而安卓系統(tǒng)是提供了虛擬按鍵，來代替home鍵的功能。蘋果的設計，則是使用手勢來替代原來的點擊home鍵，操作上十分流暢，且不容易誤操作，因此是一個偉大的創(chuàng)新。

另外，對于底部邊緣這種系統(tǒng)級的手勢的運用，有一點需要注意：當我們在設計比較沉浸的應用時，比如游戲，有可能會需要使用定制這些屏幕邊緣劃動的手勢，也就是當用戶進行了從屏幕邊緣劃動的操作時，不執(zhí)行系統(tǒng)的控制面板或者返回上一級頁面等操作，而是執(zhí)行游戲里需要的操作。在這種情況下，蘋果的規(guī)范建議：

第一次進行屏幕邊緣劃動時，執(zhí)行應用自身的設計；

第二次進行屏幕邊緣劃動時，執(zhí)行系統(tǒng)級的設計，即出現(xiàn)系統(tǒng)的控制面板或者返回返回上一級頁面等操作。

另外，在iOS系統(tǒng)里，如果是iPad設備，則還有一個系統(tǒng)級手勢：四個手指向中心捏攏，以返回到桌面。這個手勢是天然適應于iPad的大屏幕的，也是手勢能表現(xiàn)執(zhí)行的操作效果這個理念很好的例子。

今天介紹了安卓和iOS系統(tǒng)里，關于使用手勢來進行導航操作的部分。其中，安卓系統(tǒng)中，可以通過按住頁面并向下拖動，關閉一個二級頁面，回到一級頁面。另外在安卓系統(tǒng)中，用戶隨時都可以使用底部的虛擬按鍵返回上一級頁面；而iOS中可以在任何二級、三級…頁面中通過從屏幕左邊緣向右劃動返回上一級頁面。相比較而言，iOS的做法會更容易操作一些。

#專欄作家#

沐風，微信公眾號：“沐風與體驗設計”。人人都是產品經理專欄作家，2017年度作家評選最佳人氣獎。愛奇藝Phone和PC端交互團隊負責人。留德海龜，曾任職騰訊微生活、網易、宜信。6年交互設計經驗，專注設計領域，歡迎關注。

本文原創(chuàng)發(fā)布于人人都是產品經理。未經許可，禁止轉載。

題圖來自 Unsplash，基于CC0協(xié)議。