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

十年前，第一臺(tái)iPhone開啟了移動(dòng)電話的革命。在2009年，當(dāng)我們發(fā)布第一版移動(dòng)可用性報(bào)告時(shí)，我們?nèi)匀槐仨氄f服公司需要注意移動(dòng)端的存在。在我們發(fā)布同一報(bào)告的第四版時(shí)，移動(dòng)領(lǐng)域發(fā)生了顯著變化：今天它不僅提供了更多的多樣性，而且不出所料的提供了更好的更一致的良好的用戶體驗(yàn)。

移動(dòng)設(shè)計(jì)中最大的障礙之一就是小屏幕：因?yàn)橹挥羞@么多的信息可以容納，重要信息隱藏在折疊下，導(dǎo)航元素?fù)頂D在漢堡菜單下，用戶難以快速找到他們需要的東西。手機(jī)上每一塊額外的屏幕空間都是非常重要的。

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

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

這些類型的應(yīng)用程序受到設(shè)計(jì)界的熱烈歡迎，但一般移動(dòng)用戶身上從未成功過，因?yàn)橛涀∈謩荩ㄓ绕涫窃S多手勢）是困難的。如果你每天都沒有機(jī)會(huì)使用這些手勢，那么你很可能不會(huì)學(xué)習(xí)它們?；蛘吣銜?huì)放棄學(xué)習(xí)它們。

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

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

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

一、滑動(dòng)手勢的模糊性

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

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

1. 手勢啟動(dòng)的位置
2. 滑動(dòng)的長度
3. 滑動(dòng)的方向

改變用戶已經(jīng)習(xí)慣的設(shè)計(jì)元素總是不好的。不僅是老用戶不喜歡界面的改變，而且用戶錯(cuò)誤的風(fēng)險(xiǎn)也會(huì)隨著人們偶爾誤用了舊的交互而增長。如果新的設(shè)計(jì)比舊的設(shè)計(jì)更好，這些可用性問題最終會(huì)消失，因?yàn)橛脩魧⒅饾u適應(yīng)新的設(shè)計(jì)。然而，在蘋果使用的新手勢中設(shè)計(jì)的改變導(dǎo)致的失誤，是由于未知的標(biāo)準(zhǔn)即每個(gè)手勢其后的含義數(shù)量變多。因此，用戶適應(yīng)起來可能會(huì)比平時(shí)慢。

下表列出了與以前的iPhone相比，同樣的滑動(dòng)操作對(duì)應(yīng)在iPhonex上的含義。

最近關(guān)于移動(dòng)設(shè)備應(yīng)用程序的兩個(gè)視圖：左邊的一個(gè)是通過向上滑動(dòng)到達(dá)屏幕中間。右邊的一個(gè)是通過向右滑動(dòng)45度角到達(dá)屏幕中間。

消除這兩種滑動(dòng)設(shè)計(jì)方案中的一種將大大減少用戶的操作錯(cuò)誤并增加手勢的可學(xué)習(xí)性：少即是多。

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

真的有手勢滑動(dòng)方面的問題嗎？我們?cè)诜治?a target="_blank" rel="noopener">第一代iPad應(yīng)用程序的可用性時(shí)，記錄了手勢滑動(dòng)的不確定性。(水平滑動(dòng)可以根據(jù)用戶的滑動(dòng)位置翻頁或切換輪播頁面）手勢滑動(dòng)的不確定性意味著用戶必須學(xué)會(huì)本質(zhì)上相同的手勢滑動(dòng)的多種含義—這使得用戶記憶回溯會(huì)更費(fèi)時(shí)費(fèi)力。

自iOS 7發(fā)布以來，iOS的所有版本都出現(xiàn)了手勢滑動(dòng)不確定性的現(xiàn)象。這可能是用戶在使用包含輪播頁面的網(wǎng)頁時(shí)，最令人惱火的地方。因?yàn)樵诰W(wǎng)頁上水平滑動(dòng)可能意味著返回，也可能會(huì)切換輪播圖。

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

比如用戶來到一個(gè)從未見過的任意網(wǎng)站上，為了避免滑動(dòng)的不確定性，用戶必須意識(shí)到潛在會(huì)出現(xiàn)的問題，并相應(yīng)地預(yù)判他們的手勢移動(dòng)方式。

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

在iPhone X上，大多數(shù)新的手勢滑動(dòng)不確定性都涉及到手機(jī)的基本功能。用戶將有無數(shù)次機(jī)會(huì)發(fā)現(xiàn)滑動(dòng)不確定性，練習(xí)避免它，并且最終學(xué)會(huì)如何正確地執(zhí)行不同的滑動(dòng)。盡管用戶可能會(huì)在蘋果的新設(shè)計(jì)下蒙受損失，但至少他們正在為以后自己能操作便利而受苦，并且用戶最終可能會(huì)進(jìn)入一個(gè)不那么痛苦的階段。

相比之下，在你的網(wǎng)站上，由于雅各布的互聯(lián)網(wǎng)用戶體驗(yàn)法則，用戶會(huì)花費(fèi)相對(duì)較少的時(shí)間，通常不會(huì)有機(jī)會(huì)學(xué)到你所設(shè)定的各種奇怪的滑動(dòng)手勢。在個(gè)別網(wǎng)站上，用戶在操作方面痛苦，它剝奪了用戶掌握操作方法的權(quán)利，卻沒有彌補(bǔ)自己應(yīng)該對(duì)用戶表達(dá)的善意和誠意。

與某些手勢滑動(dòng)相關(guān)的新含義也會(huì)造成用戶的認(rèn)知困難。在不同的iPhone上使用相同的手勢意味著，如果您將舊iPhone升級(jí)到iPhone X，您將不得不忘記以往的習(xí)慣，并創(chuàng)建新的手勢操作關(guān)聯(lián)。同樣，因?yàn)槿藗儗⑾蛐略O(shè)備過渡，這很可能會(huì)在一開始就引發(fā)問題，但這并不是個(gè)很大的問題。最終，只要用戶進(jìn)行足夠多的重復(fù)性手勢練習(xí)，他們將克服最初的困難，并學(xué)習(xí)新手勢滑動(dòng)的含義。（然而，我同情那些同時(shí)擁有iPad和iPhone X的人—他們將不得不忍受不同iOS設(shè)備上相同手勢代表不同含義的現(xiàn)狀。）

二、Home線：視覺標(biāo)志挽救危機(jī)

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

難道蘋果又走了微軟的老路，重復(fù)同樣的錯(cuò)誤嗎？

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

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

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

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

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

另外，回主頁可以作為一個(gè)逃生艙：在許多用戶研究中，我們注意到人們?cè)谒麄兏械绞浠蛳Ｍ匦麻_始時(shí)會(huì)按下home按鈕。當(dāng)其他都不起作用時(shí)，按下home按鈕提供了一種具體的物理方法。

例如，如果你在iPhone X上長按一個(gè)應(yīng)用程序時(shí)，你將進(jìn)入主屏幕的編輯模式：應(yīng)用程序?qū)㈤_始“搖動(dòng)”，你可以移動(dòng)它們。但是一旦你完成了，你如何走出這個(gè)模式呢？通常，按下home按鈕將退出它。

沒有home按鈕，人們?nèi)匀豢梢宰鱿喈?dāng)于“按下home按鈕”的動(dòng)作，即在屏幕的底部邊緣上滑動(dòng)。但是沒有home線暗示他們這個(gè)操作。相反，蘋果添加了一個(gè)不同的可見UI元素，在屏幕右上角上的小按鈕。

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

右上角的小按鈕對(duì)于現(xiàn)有的iOS用戶來說是新的。人們不太可能注意到這一點(diǎn)，當(dāng)他們進(jìn)入時(shí)可能很難退出這種模式。主頁屏幕上明顯的home線可以防止這種混亂。

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

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

讓我意外的是，F(xiàn)ace ID的效果也很好。當(dāng)用戶拿起手機(jī)并沒有直視屏幕時(shí)，當(dāng)在黑暗情況時(shí)，或者當(dāng)臉部被護(hù)目鏡或面膜遮擋住時(shí)，用戶會(huì)遇到一些使用困難，但在大多數(shù)實(shí)際情況下似乎表現(xiàn)非常好。

事實(shí)上，F(xiàn)ace ID更接近可用性原則的頂端，零交互成本。有點(diǎn)滑稽的是，可以說是系統(tǒng)中最困難的任務(wù)（登錄）現(xiàn)在可能是最簡單的了-用戶不必要做任何事情來驗(yàn)證或解鎖手機(jī)。（好吧，從技術(shù)上講，他們還需要向上滑動(dòng)來進(jìn)入應(yīng)用程序視圖）

四、多樣性的iOS體驗(yàn)

早些年，iPhone的優(yōu)勢之一就是所有設(shè)備的體驗(yàn)一致性：與眾多廠商生產(chǎn)的Android手機(jī)不同，每款手機(jī)都有自己的設(shè)計(jì)理念和想法，所有的iPhone用戶都擁有相同的屏幕尺寸，相同的物理按鈕（獨(dú)一無二的按鈕），并運(yùn)行了幾乎相同版本的iOS操作系統(tǒng)。

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

最新的iPhone， iPhone? X讓iPhone的生態(tài)系統(tǒng)更加多樣化。現(xiàn)在，有多種類型的iPhone-一些帶有主按鈕的，一些沒有的（有點(diǎn)像銷售Mac一樣，有些是帶有一個(gè)按鈕的鼠標(biāo)，另一些是帶有兩個(gè)按鈕的鼠標(biāo)）。

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

未針對(duì)iPhone X優(yōu)化的iOS應(yīng)用會(huì)在屏幕的頂部和底部顯示黑色的水平條

五、成本與收益

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

• 首先，現(xiàn)有的iPhone用戶將不得不忘掉他們?cè)谙惹霸O(shè)備上形成的所有習(xí)慣。
• 其次，他們必須記住更多的新手勢和它們對(duì)應(yīng)結(jié)果。他們一開始會(huì)犯錯(cuò)，但有了足夠多的經(jīng)驗(yàn)后，他們最終也會(huì)像使用舊設(shè)備一樣熟練。
• 最后但并非最不重要的是，設(shè)計(jì)師們不得不擔(dān)心這種新的外形因素，以及他們的應(yīng)用在這個(gè)設(shè)備上的顯示效果。

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

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

在手機(jī)上屏幕的區(qū)域非常的珍貴，因此每增加一毫米都會(huì)對(duì)用戶體驗(yàn)產(chǎn)生積極的影響。額外的空間可能意味著更少的滾動(dòng)和看到更多的相關(guān)內(nèi)容的可能。

另外：用戶多久使用主按鈕一次？非常頻繁。但比在應(yīng)用或網(wǎng)站上面閱讀內(nèi)容的頻率低。

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

在iPhone X（左側(cè)）和iPhone 8 Plus（右側(cè)）上看到的NNgroup.com網(wǎng)頁

蘋果公司在推動(dòng)這種基于手勢的創(chuàng)新方面處于獨(dú)一無二的地位，甚至可以超越這一點(diǎn)來創(chuàng)建可供其他應(yīng)用程序或手機(jī)制造商使用的標(biāo)準(zhǔn)手勢規(guī)范表，因?yàn)樘O果品牌影響力非常強(qiáng)大，所以人們?yōu)榱耸褂盟漠a(chǎn)品需要克服忘記原有的習(xí)慣以及學(xué)習(xí)新系統(tǒng)的障礙。?

一般來說，任何創(chuàng)新（以及現(xiàn)狀的替代）都有成本。用戶確實(shí)是討厭改變的，他們必須花費(fèi)時(shí)間和精力學(xué)習(xí)如何使用新的用戶界面，并放棄他們精通和高效的老用戶界面。

大多數(shù)公司都很難推動(dòng)用戶界面革新。許多桌面應(yīng)用程序會(huì)同時(shí)提供新舊兩個(gè)版本的界面來防止抱怨并允許人們保持他們?cè)械纳a(chǎn)力。 但是擁有強(qiáng)大品牌和許多用戶的公司現(xiàn)實(shí)中更容易推動(dòng)設(shè)計(jì)或技術(shù)進(jìn)步 ，因?yàn)槭褂迷撈放频母兄獌r(jià)值如此之高，它可以彌補(bǔ)最初的可用性障礙。

一旦該品牌的用戶接納了改變，那么它就有可能會(huì)成為主流，其他品牌的產(chǎn)品也可能從中受益。微信在中國使用二維碼是一個(gè)品牌技術(shù)傳播的實(shí)例，使該技術(shù)從一個(gè)品牌傳播到世界各地?zé)o處不在。

憑借這種創(chuàng)新力量來承擔(dān)巨大的責(zé)任 ，確保創(chuàng)新使世界朝著正確的方向發(fā)展，而不是為了使一個(gè)品牌的產(chǎn)品更獨(dú)特而阻擋了設(shè)計(jì)未來的發(fā)展路途。

說到取消主頁按鈕時(shí)，我認(rèn)為我們很安全。

在我們的移動(dòng)可用性報(bào)告第四版中了解更多關(guān)于模糊滑動(dòng)，手勢使用和移動(dòng)設(shè)計(jì)的信息。

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

本文由 @兔子翻譯組 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

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