隨著iPhone X移除主頁(yè)按鈕，手勢(shì)在交互式導(dǎo)航中的作用變得更加重要。今天我們將介紹Google Material Design規(guī)范和iOS HMI中手勢(shì)的介紹。

　Material Design Guidelines

手勢(shì)導(dǎo)航允許用戶使用滑動(dòng)手勢(shì)在兄弟姐妹或下級(jí)頁(yè)面之間切換。支持的手勢(shì)包括：水平按下和拖動(dòng)，上下按下和拖動(dòng)。

通常建議在以下情況下使用手勢(shì)：

自然排序的關(guān)系，例如表示日歷中連續(xù)日期的多個(gè)頁(yè)面;

包含較少下一級(jí)頁(yè)面的頁(yè)面;

包含類似內(nèi)容類型的頁(yè)面。

例如，以下示例：

在此示例中，用戶在按住頁(yè)面的同時(shí)向下拖動(dòng)，頁(yè)面折疊以返回到上一頁(yè)。

　　iOS Human Interface Guidelines

在iOS系統(tǒng)中，邊緣滑動(dòng)手勢(shì)充當(dāng)全局操作。其中，從屏幕左邊緣向右滑動(dòng)，返回上一頁(yè);在iPhone X之前的手機(jī)中，從底部邊緣向上滑動(dòng)以繪制控制條;從頂部邊緣向下滑動(dòng)以繪制消息/控制中心浮動(dòng)圖層。通過從底部邊緣滑動(dòng)，用戶可以調(diào)出系統(tǒng)級(jí)控制頁(yè)面或返回上一頁(yè)。

另外需要注意的一點(diǎn)是，對(duì)于H5頁(yè)面，如果從屏幕左邊緣向右滑動(dòng)，您將直接退出H5頁(yè)面，無論您當(dāng)前在H5系統(tǒng)中使用哪個(gè)頁(yè)面級(jí)別。因此，當(dāng)我們?cè)O(shè)計(jì)H5頁(yè)面時(shí)，我們必須注意防止用戶因使用返回手勢(shì)而退出H5頁(yè)面，從而導(dǎo)致流失率增加。

對(duì)于iPhone X，由于此型號(hào)取消了經(jīng)典Apple手機(jī)的主頁(yè)按鈕，因此Apple使用手勢(shì)代替原始主頁(yè)按鈕：從屏幕底部向上滑動(dòng)以退出當(dāng)前應(yīng)用程序（相當(dāng)于單個(gè)命中主頁(yè)按鈕）;從屏幕底部劃線后，您將進(jìn)入多任務(wù)狀態(tài)（相當(dāng)于雙擊主頁(yè)按鈕）。

事實(shí)上，很多年前，Android手機(jī)出現(xiàn)了一個(gè)沒有主頁(yè)按鈕的模型，Android系統(tǒng)提供了一個(gè)虛擬按鈕而不是主頁(yè)按鈕。 Apple的設(shè)計(jì)是使用手勢(shì)代替原來的單擊主頁(yè)按鈕，操作非常流暢，并且不易被誤操作，因此它是一項(xiàng)偉大的創(chuàng)新。

此外，為了在底部邊緣使用系統(tǒng)級(jí)手勢(shì)，需要注意的一點(diǎn)是：在設(shè)計(jì)更多身臨其境的應(yīng)用程序（如游戲）時(shí)，可能需要自定義這些屏幕邊緣的手勢(shì)，即用戶何時(shí)當(dāng)執(zhí)行從屏幕邊緣滑動(dòng)的操作時(shí)，不執(zhí)行系統(tǒng)的操作面板或執(zhí)行返回到前一頁(yè)面的操作，并且執(zhí)行游戲中所需的操作。在這種情況下，Apple的規(guī)范建議：

第一次刷過屏幕邊緣時(shí)，執(zhí)行應(yīng)用程序自己的設(shè)計(jì);

當(dāng)?shù)诙嗡⑦^屏幕邊緣時(shí)，將執(zhí)行系統(tǒng)級(jí)設(shè)計(jì)，即系統(tǒng)的控制面板出現(xiàn)或返回上一頁(yè)。

此外，在iOS系統(tǒng)中，如果它是iPad設(shè)備，還有一個(gè)系統(tǒng)級(jí)手勢(shì)：四個(gè)手指被夾到中心以返回桌面。這種姿勢(shì)自然適應(yīng)了iPad的大屏幕，它也是手勢(shì)可以執(zhí)行執(zhí)行操作效果的概念的一個(gè)很好的例子。

今天我介紹了使用手勢(shì)導(dǎo)航的Android和iOS系統(tǒng)。其中，在Android系統(tǒng)中，您可以通過按住頁(yè)面并向下拖動(dòng)來關(guān)閉輔助頁(yè)面以返回到第一級(jí)頁(yè)面。另外，在Android系統(tǒng)中，用戶可以隨時(shí)使用底部的虛擬按鈕返回上一頁(yè);在iOS中，屏幕可以從屏幕的左邊緣滑到任何二級(jí)，三級(jí)和右邊的右頁(yè);頁(yè)。 。相比之下，iOS方法更容易使用。

專欄

新設(shè)計(jì)青年，微信公眾號(hào)：新設(shè)計(jì)青年。每個(gè)人都是產(chǎn)品經(jīng)理專欄作家，愛奇藝高級(jí)互動(dòng)設(shè)計(jì)師。德國(guó)海龜曾為騰訊微生活，網(wǎng)易，信貸和其他公司工作過。

這篇文章最初發(fā)表。未經(jīng)許可，禁止復(fù)制。

該地圖來自u(píng)nsplash，基于CC0協(xié)議

« 寄宿家庭推動(dòng)了“9.9”國(guó)際婚禮節(jié)，觀眾充滿了驚喜 | 9元體驗(yàn)騰訊云間站服務(wù)小程序可免費(fèi)建設(shè) »