使用滑動手勢替換主頁按鈕的操作會產生一些交互上的困難，但它們很可能會被更大屏幕帶來的好處所克服。

十年前，第一臺iPhone開啟了移動電話的革命。在2009年，當我們發布第一版移動可用性報告時，我們仍然必須說服公司需要注意移動端的存在。在我們發布同一報告的第四版時，移動領域發生了顯著變化：今天它不僅提供了更多的多樣性，而且不出所料的提供了更好的更一致的良好的用戶體驗。

移動設計中最大的障礙之一就是小屏幕：因為只有這么多的信息可以容納，重要信息隱藏在折疊下，導航元素擁擠在漢堡菜單下，用戶難以快速找到他們需要的東西。手機上每一塊額外的屏幕空間都是非常重要的。

多年來，移動設計師們一直在使用手勢來增加更多的功能，而不犧牲屏幕空間。與圖形用戶界面元素不同，手勢不需要視覺表示，從而為內容留出更多的空間。但是手勢很難記住和使用。

IOS應用程序，如從列表管理器清除人物和現已不存在的郵箱應用程序通過手勢實現了全部或大部分功能，幾乎沒有圖形用戶界面元素。

這些類型的應用程序受到設計界的熱烈歡迎，但一般移動用戶身上從未成功過，因為記住手勢（尤其是許多手勢）是困難的。如果你每天都沒有機會使用這些手勢，那么你很可能不會學習它們?；蛘吣銜艞墝W習它們。

iPhone X代表著對使用手勢來最大化移動屏幕內容空間進行了一次大范圍的嘗試。有了這個新設備，蘋果取消了iPhon的主屏按鈕這一特性，這對大屏幕的設備更有利。要訪問手機的主屏幕，用戶必須在屏幕的底部邊緣滑動才行。

與iPhone X包裝的紙質傳單指示用戶在手機底部邊緣刷卡以進入主屏幕

這種變化的含義是什么呢？

一、滑動手勢的模糊性

隨著Home按鈕的移除，它的功能，特別是訪問主屏幕和最近的應用程序列表——需要轉移到別處。多種滑動手勢作為解決方案被蘋果公司所采用。

滑動手勢開始在iPhone操作系統中扮演著一個重要角色，從iOS 7開始：它被用來導航到Safari或郵件等應用程序的前一頁，或者用于調用通知和控制中心。隨著iPhone X的到來，蘋果改變了一些現有的iOS刷卡手勢的含義，并創建了新的。在左邊、底部和頂部邊緣上的擦拭可以有不同的結果，這取決于滑動的三個屬性：

1. 手勢啟動的位置
2. 滑動的長度
3. 滑動的方向

改變用戶已經習慣的設計元素總是不好的。不僅是老用戶不喜歡界面的改變，而且用戶錯誤的風險也會隨著人們偶爾誤用了舊的交互而增長。如果新的設計比舊的設計更好，這些可用性問題最終會消失，因為用戶將逐漸適應新的設計。然而，在蘋果使用的新手勢中設計的改變導致的失誤，是由于未知的標準即每個手勢其后的含義數量變多。因此，用戶適應起來可能會比平時慢。

下表列出了與以前的iPhone相比，同樣的滑動操作對應在iPhonex上的含義。

最近關于移動設備應用程序的兩個視圖：左邊的一個是通過向上滑動到達屏幕中間。右邊的一個是通過向右滑動45度角到達屏幕中間。

消除這兩種滑動設計方案中的一種將大大減少用戶的操作錯誤并增加手勢的可學習性：少即是多。

在底部邊緣水平滑動，翻閱最近的應用程序(左圖)，或者是稍微高于底部邊緣移動到上一頁的Safari瀏覽器（右圖）。兩個截然不同的結果來自兩個幾乎相同的手勢。

真的有手勢滑動方面的問題嗎？我們在分析第一代iPad應用程序的可用性時，記錄了手勢滑動的不確定性。(水平滑動可以根據用戶的滑動位置翻頁或切換輪播頁面）手勢滑動的不確定性意味著用戶必須學會本質上相同的手勢滑動的多種含義—這使得用戶記憶回溯會更費時費力。

自iOS 7發布以來，iOS的所有版本都出現了手勢滑動不確定性的現象。這可能是用戶在使用包含輪播頁面的網頁時，最令人惱火的地方。因為在網頁上水平滑動可能意味著返回，也可能會切換輪播圖。

手勢滑動的不確定性很可能會影響iPhone X處理任務嗎？雖然它會引起很多煩惱，但新式的手勢滑動不確定性，不太可能產生像上面提到的，已經存在的Safari瀏覽器那種滑動不確定性的問題。

比如用戶來到一個從未見過的任意網站上，為了避免滑動的不確定性，用戶必須意識到潛在會出現的問題，并相應地預判他們的手勢移動方式。

遺憾的是，大多數用戶都不是用戶體驗方面的專家，事先沒有對這些設計概念有明確的理解，也沒有分析自己以往的經驗并推斷出可能出錯的原因的能力?，F在你已經在逐漸了解什么是滑動的不確定性，當你遇到滑動不確定性的時候，你可能會比普通用戶遭受更少的痛苦。

在iPhone X上，大多數新的手勢滑動不確定性都涉及到手機的基本功能。用戶將有無數次機會發現滑動不確定性，練習避免它，并且最終學會如何正確地執行不同的滑動。盡管用戶可能會在蘋果的新設計下蒙受損失，但至少他們正在為以后自己能操作便利而受苦，并且用戶最終可能會進入一個不那么痛苦的階段。

相比之下，在你的網站上，由于雅各布的互聯網用戶體驗法則，用戶會花費相對較少的時間，通常不會有機會學到你所設定的各種奇怪的滑動手勢。在個別網站上，用戶在操作方面痛苦，它剝奪了用戶掌握操作方法的權利，卻沒有彌補自己應該對用戶表達的善意和誠意。

與某些手勢滑動相關的新含義也會造成用戶的認知困難。在不同的iPhone上使用相同的手勢意味著，如果您將舊iPhone升級到iPhone X，您將不得不忘記以往的習慣，并創建新的手勢操作關聯。同樣，因為人們將向新設備過渡，這很可能會在一開始就引發問題，但這并不是個很大的問題。最終，只要用戶進行足夠多的重復性手勢練習，他們將克服最初的困難，并學習新手勢滑動的含義。（然而，我同情那些同時擁有iPad和iPhone X的人—他們將不得不忍受不同iOS設備上相同手勢代表不同含義的現狀。）

二、Home線：視覺標志挽救危機

使用手勢進行界面操作的一個主要問題是它們是隱形的，人們很難記住它們和想起去使用它們。古語“看不到就想不到”非常適用于隱藏的UI元素，無論是不是手勢。當Windows 8首次問世時，它依賴于手勢來實現對接口功能的訪問。我們對它進行了測試，是巨大的可用性方面的失敗。（微軟做出的更改出現了更多之后可用的版本）

難道蘋果又走了微軟的老路，重復同樣的錯誤嗎？

我害怕會這樣，但是一個簡單的設計元素解決了這一難題：Home按鈕的視覺標志。出現在屏幕底部的“home線”，即原來“home”按鈕在的位置，用來提醒用戶上滑，這是他們真正需要記住的一個手勢。

事實上人們不需要通過多次的滑動來記住大部分可用的動作。這些行動是用來起增強或加速操作的，對熟練用戶來說很好，但普通用戶不用它們也能使用的很好。他們可以使用手機的設置來訪問控制中心，他們可以通過上滑進入最近的應用程序列表，最不濟可以通過導航回到主頁。

但在微軟的情況下，如果他們不記得如何回到初始的屏幕，或者如何顯示出所謂的“魅力”這個必不可少的界面控制，他們能做的事情就比較少。

屏幕底部的線條用作視覺提示提醒用戶使用滑動手勢可回主頁。這不是一個明顯的指標，但至少它是存在的。然而，在某些情況下（例如右圖），這條線會與內容混合并變得不清晰。

Home線有時由于與屏幕內容融合在一起很難看清。它也不總是存在的，例如，它不顯示在主頁屏幕上。從邏輯上講，不把它放在那里是有意義的：如果你已經在主頁了，你就不必回主頁了。home線不僅是如何回主頁的一個提示，而且是如何訪問最近的應用程序列表。

另外，回主頁可以作為一個逃生艙：在許多用戶研究中，我們注意到人們在他們感到失落或希望重新開始時會按下home按鈕。當其他都不起作用時，按下home按鈕提供了一種具體的物理方法。

例如，如果你在iPhone X上長按一個應用程序時，你將進入主屏幕的編輯模式：應用程序將開始“搖動”，你可以移動它們。但是一旦你完成了，你如何走出這個模式呢？通常，按下home按鈕將退出它。

沒有home按鈕，人們仍然可以做相當于“按下home按鈕”的動作，即在屏幕的底部邊緣上滑動。但是沒有home線暗示他們這個操作。相反，蘋果添加了一個不同的可見UI元素，在屏幕右上角上的小按鈕。

用戶在舊的iPhone操作模式下開始會感到困惑，可能沒有注意到已完成的按鈕，也不知道如何退出編輯視圖。小的線條會提醒你，如果沒有home按鈕，你應該滑動。

右上角的小按鈕對于現有的iOS用戶來說是新的。人們不太可能注意到這一點，當他們進入時可能很難退出這種模式。主頁屏幕上明顯的home線可以防止這種混亂。

三、FaceID：以零交互成本登錄

對以前的iPhone版本來說，主按鈕也兼做指紋認證傳感器。它的效果非常好，并使人們擺脫了在小鍵盤上面輸入密碼的痛苦。

讓我意外的是，Face ID的效果也很好。當用戶拿起手機并沒有直視屏幕時，當在黑暗情況時，或者當臉部被護目鏡或面膜遮擋住時，用戶會遇到一些使用困難，但在大多數實際情況下似乎表現非常好。

事實上，Face ID更接近可用性原則的頂端，零交互成本。有點滑稽的是，可以說是系統中最困難的任務（登錄）現在可能是最簡單的了-用戶不必要做任何事情來驗證或解鎖手機。（好吧，從技術上講，他們還需要向上滑動來進入應用程序視圖）

四、多樣性的iOS體驗

早些年，iPhone的優勢之一就是所有設備的體驗一致性：與眾多廠商生產的Android手機不同，每款手機都有自己的設計理念和想法，所有的iPhone用戶都擁有相同的屏幕尺寸，相同的物理按鈕（獨一無二的按鈕），并運行了幾乎相同版本的iOS操作系統。

但是隨著iPhone5的出現，新的屏幕尺寸也隨之發生了變化。之后，不同的iPhone手機有著不同的屏幕尺寸也變得很普遍了。后來，隨著iPhone6的出現，也帶來了一些差異性：3D 觸摸是舊設備上沒有的操作。

最新的iPhone， iPhone? X讓iPhone的生態系統更加多樣化?，F在，有多種類型的iPhone-一些帶有主按鈕的，一些沒有的（有點像銷售Mac一樣，有些是帶有一個按鈕的鼠標，另一些是帶有兩個按鈕的鼠標）。

在這些iPhone設備上的相同頁面看起來會完全不一樣。iPhone X的狀態欄被現在有名的缺口（劉海）分成了兩個不同的部分。并且iPhone X的寬高比也與其他的iPhone不同。

未針對iPhone X優化的iOS應用會在屏幕的頂部和底部顯示黑色的水平條

五、成本與收益

正如我們上面所暗示的，缺少主按鈕確實會增加可用性成本。

• 首先，現有的iPhone用戶將不得不忘掉他們在先前設備上形成的所有習慣。
• 其次，他們必須記住更多的新手勢和它們對應結果。他們一開始會犯錯，但有了足夠多的經驗后，他們最終也會像使用舊設備一樣熟練。
• 最后但并非最不重要的是，設計師們不得不擔心這種新的外形因素，以及他們的應用在這個設備上的顯示效果。

然而，問題不在于是否存在成本問題，而在于這種設計的成本是否超過了收益。

在這種情況下，有一個潛在的巨大的可用性好處：更多的屏幕空間。

在手機上屏幕的區域非常的珍貴，因此每增加一毫米都會對用戶體驗產生積極的影響。額外的空間可能意味著更少的滾動和看到更多的相關內容的可能。

另外：用戶多久使用主按鈕一次？非常頻繁。但比在應用或網站上面閱讀內容的頻率低。

現在，額外的空間可能看起來并不是那么大，如果你比較iPhone 8和iPhone X上的可見區域，你可以最多只能多看到一行文字。然而，使用手勢來代替可見的按鈕有可能在蘋果公司和其它的設計中開啟更多的用戶體驗方面的改進。

在iPhone X（左側）和iPhone 8 Plus（右側）上看到的NNgroup.com網頁

蘋果公司在推動這種基于手勢的創新方面處于獨一無二的地位，甚至可以超越這一點來創建可供其他應用程序或手機制造商使用的標準手勢規范表，因為蘋果品牌影響力非常強大，所以人們為了使用它的產品需要克服忘記原有的習慣以及學習新系統的障礙。?

一般來說，任何創新（以及現狀的替代）都有成本。用戶確實是討厭改變的，他們必須花費時間和精力學習如何使用新的用戶界面，并放棄他們精通和高效的老用戶界面。

大多數公司都很難推動用戶界面革新。許多桌面應用程序會同時提供新舊兩個版本的界面來防止抱怨并允許人們保持他們原有的生產力。 但是擁有強大品牌和許多用戶的公司現實中更容易推動設計或技術進步 ，因為使用該品牌的感知價值如此之高，它可以彌補最初的可用性障礙。

一旦該品牌的用戶接納了改變，那么它就有可能會成為主流，其他品牌的產品也可能從中受益。微信在中國使用二維碼是一個品牌技術傳播的實例，使該技術從一個品牌傳播到世界各地無處不在。

憑借這種創新力量來承擔巨大的責任 ，確保創新使世界朝著正確的方向發展，而不是為了使一個品牌的產品更獨特而阻擋了設計未來的發展路途。

說到取消主頁按鈕時，我認為我們很安全。

在我們的移動可用性報告第四版中了解更多關于模糊滑動，手勢使用和移動設計的信息。

原文地址：https://www.nngroup.com/articles/iphone-x/

本文由 @兔子翻譯組 翻譯發布于人人都是產品經理。未經許可，禁止轉載

題圖來自 Unsplash ，基于 CC0 協議