移動(dòng)設(shè)備設(shè)計(jì)最大的問(wèn)題之一是屏幕小，而手勢(shì)不需要視覺(jué)表示，因此可以為內(nèi)容留出更多空間。iPhone X代表了一種大規(guī)模的使用手勢(shì)，來(lái)最大化移動(dòng)屏幕上的內(nèi)容空間的嘗試。

一、簡(jiǎn)介

大屏幕可以緩解，用滑動(dòng)手勢(shì)替換HOME鍵會(huì)產(chǎn)生的一些用戶(hù)體驗(yàn)方面的困擾。

十年前，第一代iPhone掀起了移動(dòng)革命。2009年，當(dāng)我們發(fā)布了第一版的移動(dòng)可用性報(bào)告時(shí)，我們需要讓公司相信他們?nèi)匀恍枰苿?dòng)設(shè)備。當(dāng)我們發(fā)布這一報(bào)告的第四版時(shí)，移動(dòng)的領(lǐng)域發(fā)生了巨大的變化——今天它不僅提供了更多的多樣性，而且令人驚訝的是更好，更一致的用戶(hù)體驗(yàn)。

移動(dòng)設(shè)備設(shè)計(jì)最大的問(wèn)題之一是屏幕小，因?yàn)橹挥心敲创蟮钠聊豢梢栽O(shè)計(jì)，基本的信息被隱藏在下拉菜單中，導(dǎo)航元素被擠在漢堡包菜單下，而用戶(hù)很難快速找到他們需要的。每一塊額外的屏幕空間，都能在移動(dòng)設(shè)備上產(chǎn)生影響。

多年來(lái)，移動(dòng)設(shè)計(jì)師考慮使用手勢(shì)，為了在不犧牲屏幕空間下集成更多的功能。與圖形用戶(hù)界面元素不同的是：手勢(shì)不需要視覺(jué)表示，因此可以為內(nèi)容留出更多空間。但是，手勢(shì)是很難記住和使用的。如：待辦事項(xiàng)列表管理器清除，待辦事項(xiàng)和現(xiàn)已停用的郵箱應(yīng)用程序，通過(guò)手勢(shì)實(shí)現(xiàn)了其全部或大部分功能。

這些類(lèi)型的應(yīng)用程序已經(jīng)被設(shè)計(jì)界的熱情所接受，但是對(duì)于一般的移動(dòng)用戶(hù)來(lái)說(shuō)，從來(lái)沒(méi)有取得過(guò)成功，因?yàn)橛涀∈謩?shì)（尤其是很多手勢(shì)）是很難的。如果你沒(méi)有機(jī)會(huì)每天使用這些手勢(shì)，那么你很可能不會(huì)學(xué)習(xí)這些手勢(shì)，或者你可能放棄學(xué)習(xí)它們。

iPhone X代表了一種大規(guī)模的使用手勢(shì)，來(lái)最大化移動(dòng)屏幕上的內(nèi)容空間的嘗試。有了這個(gè)新設(shè)備，蘋(píng)果取消了iPhone的定義特征——即Home鍵，轉(zhuǎn)而使用更大的屏幕，用戶(hù)必須在屏幕的底部向上滑動(dòng)進(jìn)入主屏幕。

與iPhoneX一起打印的小冊(cè)子指示用戶(hù)在手機(jī)的底部邊緣向上滑動(dòng)以進(jìn)入主屏幕

這個(gè)變化有什么意義？

二、滑動(dòng)手勢(shì)歧義更明顯了

隨著取消了Home鍵，它的功能特別是訪(fǎng)問(wèn)主屏幕和最近應(yīng)用程序的列表，需要放到其他地方輕掃手勢(shì)及其多種選擇一直是蘋(píng)果公司選擇的解決方案。

從iOS7開(kāi)始，輕掃手勢(shì)在操作系統(tǒng)中扮演重要的角色。在Safari或Mail等應(yīng)用程序中用于導(dǎo)航回到上一頁(yè)，或者調(diào)用通知和控制中心。

在iPhone X上，蘋(píng)果改變了一些現(xiàn)有的的iOS的滑動(dòng)手勢(shì)的含義，并創(chuàng)建了新的手勢(shì)根據(jù)滑動(dòng)的三個(gè)屬性，左側(cè)、底部和上部邊緣上的滑動(dòng)可能會(huì)有不同的結(jié)果。

1. 手勢(shì)發(fā)起的位置
2. 滑動(dòng)的長(zhǎng)度
3. 滑動(dòng)的方向

改變用戶(hù)已經(jīng)習(xí)慣的設(shè)計(jì)元素總是不好的，用戶(hù)界面的變化不僅不受現(xiàn)有用戶(hù)的歡迎，而且用戶(hù)錯(cuò)誤的風(fēng)險(xiǎn)，隨著人們有時(shí)錯(cuò)誤地使用舊的交互而增加。如果新設(shè)計(jì)比舊的設(shè)計(jì)更好，這些可用性問(wèn)題最終會(huì)消失，因?yàn)橛脩?hù)將逐漸適應(yīng)新的設(shè)計(jì)。

然而就蘋(píng)果的新手勢(shì)而言，設(shè)計(jì)更改的錯(cuò)誤傾向，被認(rèn)為是決定許多手勢(shì)含義的無(wú)形標(biāo)準(zhǔn)所放大。因此，用戶(hù)的適應(yīng)速度可能會(huì)比平時(shí)慢。

下表提供了與iPhone 8/8P相比，iPhone X上的手勢(shì)輕掃的含義表格。

最近的應(yīng)用程序的兩個(gè)視圖：左邊的是通過(guò)向上滑動(dòng)到屏幕中間，右邊是以45度角向上滑動(dòng)到右邊消除。這兩個(gè)設(shè)計(jì)變型需要人用戶(hù)思考的更多，以減少用戶(hù)錯(cuò)誤和提高手勢(shì)的可學(xué)習(xí)性：少即是多。

在底部邊緣水平滑動(dòng)翻轉(zhuǎn)最近的應(yīng)用程序（左），但在邊緣上方滑動(dòng)一點(diǎn)移到的Safari瀏覽器（右）的上一頁(yè)，從兩個(gè)幾乎相同的手勢(shì)產(chǎn)生了兩個(gè)截然不同的結(jié)果。

許多滑動(dòng)有問(wèn)題嗎？

當(dāng)我們分析第一代iPad的程序應(yīng)用的可用性時(shí)，記錄我們了滑動(dòng)手勢(shì)歧義（在這種情況下，水平滑動(dòng)根據(jù)用戶(hù)在哪里滑動(dòng)來(lái)實(shí)現(xiàn)轉(zhuǎn)動(dòng)頁(yè)面或移動(dòng)輪播圖）。

滑動(dòng)手勢(shì)歧義意味著：用戶(hù)必須學(xué)習(xí)與基本相同的動(dòng)作（滑動(dòng)）相關(guān)的多種含義，這使得對(duì)手勢(shì)的記憶檢索變得更加費(fèi)力和緩慢。

在iOS 7以后的所有iOS版本中都出現(xiàn)了輕掃模糊的情況，這可能是網(wǎng)頁(yè)上，包含嵌入式傳送帶的最?lèi)廊说姆绞?，其中橫向輕掃可能意味著返回或可以移動(dòng)輪播圖。

在iPhone X上，滑動(dòng)手勢(shì)歧義可能是一個(gè)交易破壞者嗎?

雖然它會(huì)引起煩惱，但是新的滑動(dòng)手勢(shì)歧義類(lèi)型，不太可能像上面提到的已經(jīng)存在的Safari歧義那樣有問(wèn)題。在一個(gè)他們以前從未見(jiàn)過(guò)的隨機(jī)網(wǎng)站上，為了避免重復(fù)的歧義，用戶(hù)必須意識(shí)到潛在的問(wèn)題，并相應(yīng)地規(guī)劃他們的動(dòng)作。

遺憾的是：大多數(shù)用戶(hù)并不是UX專(zhuān)家，他們對(duì)這些設(shè)計(jì)概念或分析經(jīng)驗(yàn)的能力沒(méi)有明確的理解，并推斷出可能出錯(cuò)的地方?，F(xiàn)在你已經(jīng)知道了，在遇到滑動(dòng)手勢(shì)歧義的時(shí)候，你可能會(huì)比普通用戶(hù)少受一些影響。

在iPhone X上，大多數(shù)新的滑動(dòng)手勢(shì)歧義都涉及手機(jī)的基本功能。用戶(hù)將有無(wú)數(shù)的機(jī)會(huì)發(fā)現(xiàn)滑動(dòng)手勢(shì)歧義，實(shí)踐回避它，并學(xué)習(xí)如何正確地執(zhí)行不同的滑動(dòng)。用戶(hù)可能會(huì)受到蘋(píng)果新設(shè)計(jì)的困擾，但至少他們正在遭受苦難，最終可能會(huì)遭受更少的痛苦。

相比之下，在您的網(wǎng)站上，由于雅各布的互聯(lián)網(wǎng)用戶(hù)體驗(yàn)法則，用戶(hù)將花費(fèi)相對(duì)較少的時(shí)間，通常沒(méi)有機(jī)會(huì)學(xué)習(xí)您使用的任何奇怪的手勢(shì)。在個(gè)別網(wǎng)站上，用戶(hù)痛苦只是一種讓人無(wú)法彌補(bǔ)的痛苦。

與一些滑動(dòng)有關(guān)的新的含義也會(huì)造成一些困難，在不同的iPhone上以不同的方式使用相同的手勢(shì)意味著——如果您將較舊的iPhone升級(jí)到iPhone X，則必須取消習(xí)慣的行為并創(chuàng)建新的關(guān)聯(lián)。再次，這可能會(huì)導(dǎo)致一開(kāi)始就出現(xiàn)問(wèn)題，因?yàn)槿藗儗⑥D(zhuǎn)向新的設(shè)備，但不是一個(gè)致命的缺陷。最終，重復(fù)的次數(shù)將足夠高，人們將克服最初的困難，并學(xué)習(xí)新的含義。

但是，我同情擁有iPad和iPhone X的人——他們將不得不忍受不同iOS設(shè)備上手勢(shì)的不同含義。

三、一個(gè)視覺(jué)指示器節(jié)省時(shí)間

使用手勢(shì)進(jìn)行界面操作的一個(gè)主要問(wèn)題是：它們是不可見(jiàn)的，人們無(wú)法記住它們并記住使用它們?！把鄄灰?jiàn)心不煩”這句老話(huà)不遺余力地適用于隱藏的用戶(hù)界面元素——無(wú)論是否是手勢(shì)。

當(dāng)Windows 8第一次出現(xiàn)時(shí)，它很大程度上依靠手勢(shì)來(lái)啟用對(duì)接口功能的訪(fǎng)問(wèn)。我們測(cè)試了它，這是一個(gè)可用性的巨大失敗（微軟公司做出了改變，導(dǎo)致更多可用的后續(xù)版本）。

蘋(píng)果是否僅僅是踏入微軟的腳步而重蹈覆轍？

我擔(dān)心如此，但是一個(gè)簡(jiǎn)單的設(shè)計(jì)元素可以節(jié)省時(shí)間——主頁(yè)按鈕的視覺(jué)指示器。出現(xiàn)在屏幕底部的“home line”（Home鍵曾經(jīng)是提醒用戶(hù)執(zhí)行向上滑動(dòng)）是他們真正需要記住的一個(gè)手勢(shì)。

事實(shí)上，人們不需要記住大部分通過(guò)滑動(dòng)的變體可用的操作。這些操作是增強(qiáng)或加速器——對(duì)于高級(jí)用戶(hù)來(lái)說(shuō)是不錯(cuò)的，但是普通用戶(hù)沒(méi)有他們可以用的很好。他們可以使用手機(jī)的設(shè)置訪(fǎng)問(wèn)控制中心，他們可以通過(guò)向上滑動(dòng)來(lái)獲取最近的應(yīng)用程序列表，或者在最壞的情況下通過(guò)導(dǎo)航回到家中。

但在微軟的情況下，如果他們不記得如何導(dǎo)航回到開(kāi)始屏幕或者如何公開(kāi)所謂的“魅力” ——基本的界面控制，他們就不能做太多的事情。

屏幕底部的home line作為視覺(jué)提醒，使用輕掃手勢(shì)回到主頁(yè)。這不是一個(gè)明顯的指標(biāo)，但至少在那里。但是，在某些情況下（例如：正確的屏幕截圖），該行可能與內(nèi)容混合并變得不太可見(jiàn)。

home line有時(shí)難以看到，因?yàn)樗谌肓似聊粌?nèi)容，它也不總是存在。例如：它不顯示在主屏幕上。從邏輯上講，不要在那里展示它，如果你已經(jīng)在主頁(yè)，你不需要回到主頁(yè)。

home line不僅提醒如何回到主頁(yè)，而且還提醒如何訪(fǎng)問(wèn)最近的應(yīng)用程序列表。另外，回到主頁(yè)可以作為一個(gè)逃生出口。在許多用戶(hù)研究中，我們注意到當(dāng)人們感到迷失時(shí)，按下Home鍵，并希望從一個(gè)干凈的石板開(kāi)始。當(dāng)沒(méi)有其他的工作時(shí)，按下Home鍵提供了一個(gè)具體的物理的方式。

例如：如果您長(zhǎng)時(shí)間按下iPhone X上的應(yīng)用程序，則會(huì)進(jìn)入主屏幕編輯模式。應(yīng)用程序?qū)㈤_(kāi)始“搖動(dòng)”，您可以移動(dòng)它們。但是一旦你完成了，你如何擺脫這種模式呢？

通常情況下，按Home鍵將退出。如果沒(méi)有Home鍵，用戶(hù)仍然可以執(zhí)行相同的Home鍵動(dòng)作——在屏幕的底部邊緣向上滑動(dòng)，但是home line并沒(méi)有提醒他們這個(gè)選擇。相反，蘋(píng)果添加了一個(gè)不同的可見(jiàn)UI元素——在左上角或屏幕上的一個(gè)小的完成按鈕。

老款的iPhone型號(hào)用戶(hù)起初會(huì)感到困惑，可能不會(huì)注意到完成按鈕，并不知道如何解除視圖。小酒吧可以提醒你，在沒(méi)有Home鍵的情況下，你應(yīng)該滑動(dòng)。

右上角的小完成按鈕，是現(xiàn)有iOS用戶(hù)的新增功能。人們不太可能注意到這一點(diǎn)，當(dāng)他們降落到它的時(shí)候可能會(huì)有困難離開(kāi)這個(gè)模式，主屏幕上可見(jiàn)的home line可以防止這種混淆。

四、以零交互成本登錄

對(duì)于之前的iPhone版本，Home鍵作為指紋認(rèn)證傳感器。它運(yùn)行得非常好，從而避免了在小型軟鍵盤(pán)上輸入密碼的麻煩。

令我驚訝的是，F(xiàn)aceID的效果相當(dāng)好。當(dāng)用戶(hù)在黑暗中，或者當(dāng)臉蒙上護(hù)目鏡或面罩時(shí)，它確實(shí)會(huì)遇到一些困難，或者當(dāng)臉被護(hù)目鏡或面罩遮住的時(shí)候，但在大多數(shù)實(shí)際情況下似乎都能工作得很好。

事實(shí)上，F(xiàn)aceID與可用性零交互成本的圣杯更接近。有些諷刺的是：可以說(shuō)是系統(tǒng)中最難的任務(wù)（登錄）現(xiàn)在可能是最簡(jiǎn)單的，用戶(hù)不必做任何事情來(lái)驗(yàn)證或解鎖手機(jī)（從技術(shù)上說(shuō)：他們應(yīng)該向上滑動(dòng)以進(jìn)入應(yīng)用程序視圖）。

五、異構(gòu)的iOS體驗(yàn)

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

但隨著iPhone 5推出新屏幕尺寸，情況發(fā)生了變化。之后，不同的iPhone具有不同的屏幕尺寸是很常見(jiàn)的。后來(lái)隨著iPhone 6S的出現(xiàn)，又出現(xiàn)了另一種不同：3D Touch——一種舊設(shè)備上無(wú)法使用的手勢(shì)。

最新的iPhone，iPhone X使iPhone生態(tài)系統(tǒng)更加多樣化?，F(xiàn)在，有多種類(lèi)型的iPhone——有些帶有Home鍵，有些則沒(méi)有（有點(diǎn)像用一個(gè)按鈕的鼠標(biāo)和其他有兩個(gè)按鈕的鼠標(biāo)來(lái)銷(xiāo)售一些mac），相同的頁(yè)面在這些設(shè)備上看起來(lái)完全不同。

iPhone X的狀態(tài)欄被劃分成兩個(gè)不同的部分，iPhone X的屏幕寬高比與其他iPhone是不同的。

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

六、成本與收益

正如我們上面已經(jīng)提過(guò)的，缺少Home鍵會(huì)導(dǎo)致可用性成本。

• 首先，現(xiàn)有的iPhone用戶(hù)將不得不忘記他們?cè)谝郧暗脑O(shè)備上形成的所有習(xí)慣。
• 其次，他們將不得不記住更多的手勢(shì)和相應(yīng)的結(jié)果，他們一開(kāi)始就會(huì)犯錯(cuò)誤，但是經(jīng)歷了足夠的經(jīng)驗(yàn)之后，他們最終會(huì)像舊裝置一樣精通。
• 最后，但同樣重要的是，設(shè)計(jì)師們需要擔(dān)心這個(gè)新外形的因素以及他們的應(yīng)用將如何看待這個(gè)設(shè)備。

然而，問(wèn)題不在于是否有任何成本，而在于這種設(shè)計(jì)的成本是否超過(guò)了收益。在這種情況下，有一個(gè)潛在的巨大的可用性好處：更多的屏幕空間。

屏幕上的房地產(chǎn)在手機(jī)上非常昂貴，所以每增加一毫米都會(huì)對(duì)用戶(hù)體驗(yàn)產(chǎn)生積極的影響。這個(gè)額外的空間可能意味著：更少的滾動(dòng)和更高的實(shí)際看到相關(guān)內(nèi)容的機(jī)會(huì)。（另外：用戶(hù)多長(zhǎng)時(shí)間使用一次Home鍵？通常比閱讀應(yīng)用程序或網(wǎng)頁(yè)上的內(nèi)容要頻繁。）

現(xiàn)在，額外的空間可能看起來(lái)并不慷慨，如果您比較iPhone 8 Plus和iPhone X上的可見(jiàn)區(qū)域，您最多可以看到一行文本。然而，使用手勢(shì)而不是可見(jiàn)的按鈕，有可能在蘋(píng)果和其他設(shè)計(jì)公司中提供更多的用戶(hù)體驗(yàn)改進(jìn)。

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

蘋(píng)果在推動(dòng)這種基于手勢(shì)的創(chuàng)新方面處于獨(dú)一無(wú)二的地位，甚至可以超越這一點(diǎn)來(lái)創(chuàng)造一個(gè)可供其他應(yīng)用程序或手機(jī)制造商使用的標(biāo)準(zhǔn)手勢(shì)詞匯表，因?yàn)樘O(píng)果品牌如此強(qiáng)大，克服學(xué)習(xí)新系統(tǒng)的障礙，為了使用產(chǎn)品而忘記學(xué)到的東西。

一般而言，任何創(chuàng)新（以及現(xiàn)狀的替代）都有成本。用戶(hù)是不愿意改變的，他們不得不花費(fèi)時(shí)間和精力去學(xué)習(xí)使用新的用戶(hù)界面，而放棄他們熟練和有效的老用戶(hù)界面，大多數(shù)公司很難推出創(chuàng)新的用戶(hù)界面（許多桌面應(yīng)用程序?qū)⑼瑫r(shí)保留兩個(gè)版本的界面，新舊版本以防止用戶(hù)抱怨，并使人們能夠保持高效。）

但是擁有強(qiáng)大品牌和用戶(hù)眾多的公司上，更容易推動(dòng)設(shè)計(jì)或技術(shù)進(jìn)步——因?yàn)楦兄獌r(jià)值。品牌的使用率如此之高，它可以彌補(bǔ)最初的可用性障礙一旦該品牌的用戶(hù)采用創(chuàng)新，有可能成為主流，其他品牌的產(chǎn)品也可能從中受益。（微信在中國(guó)使用二維碼，就是一個(gè)從一個(gè)品牌傳播而來(lái)的技術(shù)的例子。）

這種創(chuàng)新的力量帶來(lái)了巨大的責(zé)任，確保創(chuàng)新使世界朝著正確的方向前進(jìn)，而不是為了使一個(gè)品牌的產(chǎn)品更獨(dú)特而關(guān)閉有希望的設(shè)計(jì)途徑。

當(dāng)談到刪除Home鍵，我認(rèn)為我們是沒(méi)問(wèn)題的。在我們的移動(dòng)可用性報(bào)告的第四版的擴(kuò)展中了解有關(guān)滑動(dòng)手勢(shì)歧義，手勢(shì)使用和移動(dòng)設(shè)計(jì)的更多信息。

由于水平有限，翻譯中難免存在疏漏和不當(dāng)之處，望讀者見(jiàn)諒并指正。

原文作者：Raluca Budiu

原文鏈接：iPhone X：手勢(shì)的崛起

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

題圖來(lái)自Unsplash，基于CCO協(xié)議