盡管用滑動(dòng)手勢(shì)替換過(guò)去的 Home 鍵會(huì)產(chǎn)生一些困難，但我們終將通過(guò)更大的屏幕獲得更好的體驗(yàn)。

十年前，第一代 iPhone 橫空出世重新定義了手機(jī)，到今天它不僅提供了更多的多樣性，而且毫無(wú)疑問(wèn)，也提供了更出色、更一致的易用體驗(yàn)。

移動(dòng)交互設(shè)計(jì)中最大阻礙就是屏幕空間的有限：如此多的信息需要適配，必要的信息、擁擠在漢堡包菜單下的導(dǎo)航元素，令用戶難以迅速找到想要的內(nèi)容。

多年來(lái)，交互設(shè)計(jì)師致力于在不犧牲屏幕空間的情況下，僅通過(guò)調(diào)整手勢(shì)的方式來(lái)實(shí)現(xiàn)更多功能。與 GUI 元素（如按鈕）不同的是，手勢(shì)的交互方式并不需要視覺(jué)上的展現(xiàn)，從而可以為其它內(nèi)容騰出寶貴的空間。

但衍生另一個(gè)問(wèn)題：新的手勢(shì)有一定的記憶和學(xué)習(xí)成本。

諸如 ToDo list App ：Clear 以及已經(jīng)停止服務(wù)的 Mailbox ，都是通過(guò)手勢(shì)實(shí)現(xiàn)了全部或大部分功能。值得注意的是，這一類(lèi)的 App 在設(shè)計(jì)交互等社區(qū)倍受推崇，但對(duì)于普通用戶而言卻顯有成功，手勢(shì)/交互或許是問(wèn)題所在。

iPhone X 大規(guī)模嘗試手勢(shì)的交互方式來(lái)達(dá)到最大化屏幕空間的使用效率。借助這款新設(shè)備，iPhone 取消了 Home 鍵，要訪問(wèn)主屏幕，用戶必須從屏幕底部邊緣向上滑動(dòng)。

這種變化的嘗試會(huì)帶來(lái)什么影響呢？

輕掃手勢(shì)/滑動(dòng)(swipe）在 iPhone 中起到了重要作用，從 iOS 7 開(kāi)始，它用于返回應(yīng)用中的上一頁(yè)或調(diào)用控制中心。在 iPhone X 中，Apple 改變了現(xiàn)有部分手勢(shì)以及重新定義了一些手勢(shì)。根據(jù)輕掃/滑動(dòng)的三個(gè)屬性：左側(cè)、底部、頂部會(huì)有不同的響應(yīng)。

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

改變用戶已經(jīng)習(xí)慣的設(shè)計(jì)元素總歸是不友好的，如果新的設(shè)計(jì)比舊的更好，用戶將逐漸適應(yīng)新的方式，上述的易用性問(wèn)題最終會(huì)消失。

在屏幕底部邊緣左滑是切換 App，而在屏幕邊緣左滑是返回上一頁(yè)，同樣的交互手勢(shì)卻出現(xiàn)不同的結(jié)果。這樣的交互是否會(huì)有問(wèn)題呢？

當(dāng)我們?cè)诜治龅谝淮?iPad 的 App 時(shí)有一個(gè)詞：滑動(dòng)模糊 Swipe ambiguity（即根據(jù)用戶滑動(dòng)的位置來(lái)決定是翻頁(yè)操作還是其它）。這意味著用戶必須學(xué)習(xí)相同動(dòng)作的多種含義。

在 iPhone X 上，大部分的滑動(dòng)模糊都涉及手機(jī)的基本功能，用戶將有無(wú)數(shù)的機(jī)會(huì)去發(fā)現(xiàn)、實(shí)踐、避免它，并最終學(xué)會(huì)如何正確區(qū)分滑動(dòng)模糊的情況。

當(dāng)然，新的交互方式會(huì)給用戶帶來(lái)一些困擾，在不同的 iPhone 上使用不同的手勢(shì)意味著如果你將舊 iPhone 升級(jí)為 iPhone X 你將不得不放棄某些已經(jīng)習(xí)慣的操作并開(kāi)始學(xué)習(xí)新的（不過(guò)，可憐了那些同時(shí)擁有 iPad 和 iPhone X 的用戶們，他們必須忍受相同手勢(shì)在不同設(shè)備上的不同含義）。

新手勢(shì)的主要原因是其不可見(jiàn)，老話：看不見(jiàn)就想不到 說(shuō)的就是這個(gè)問(wèn)題，所以 iPhone X 采用了視覺(jué)指示器的方式——即出現(xiàn)在屏幕底部以前 Home 鍵所在位置的一條粗線。

它用于提醒用戶這是一個(gè)上掃的操作，這是唯一需要用戶重新記憶的手勢(shì)。事實(shí)上，大部分用戶無(wú)需記住大量復(fù)雜的滑動(dòng)操作，對(duì)于高級(jí)用戶來(lái)講，這些操作可以更加高效或快捷，但對(duì)于普通用戶來(lái)講，沒(méi)有這些操作也不影響正常使用手機(jī)。

當(dāng)然這條粗線也有自己的問(wèn)題，比如融入屏幕內(nèi)容之中而無(wú)法看清。它也不都是一直存在——比如在主屏?xí)r（不過(guò)從邏輯是講的過(guò)去的，如果你已經(jīng)在家了，還需要回家嗎？）。

還有，如果你長(zhǎng)按 iPhone X 上的 App，會(huì)進(jìn)入主屏編輯模式：App 開(kāi)始晃動(dòng)，你可拖拽它們到任何地方，可一旦完成呢？如何返回主屏或退出編輯模式呢？之前我們都是按 Home 鍵退出，可現(xiàn)在沒(méi) Home 鍵了。即使沒(méi)有 Home 鍵，由于頁(yè)面上也沒(méi)有粗線的視覺(jué)提示，那么可以用屏幕底部上滑返回嗎？

相反，Apple 在主屏幕添加了一個(gè)可見(jiàn)的視覺(jué)元素——屏幕右上角的完成按鈕。這時(shí)使用較舊型號(hào) iPhone 的用戶可能會(huì)困惑，因?yàn)楦咀⒁獠坏接疑辖堑耐瓿砂粹o，也不知道如何退出編輯模式。

右上角的完成按鈕是 iOS 的新功能，用戶會(huì)在進(jìn)入編輯模式后比較困惑，不知所措，而如果主屏幕上依然保留那條粗線，倒是可以避免這種困惑。

FaceID：零交互成本

對(duì)于之前的 iPhone 版本，Home 按鈕外加指紋識(shí)別運(yùn)行的堪稱完美，并且避免了用戶在小型鍵盤(pán)上輸入密碼的痛苦。令我驚奇的是，F(xiàn)aceID 的效果也相當(dāng)棒。事實(shí)上，F(xiàn)aceID 接近于零交互成本，不得不承認(rèn)以前系統(tǒng)中最困難的操作（登陸輸入密碼）變成了最簡(jiǎn)單的方式。

早年前，iPhone 的優(yōu)勢(shì)之一就是所有設(shè)備的體驗(yàn)唯一性：與眾多 Android 設(shè)備不同，每款設(shè)備都獨(dú)一無(wú)二，所有的 iPhone 設(shè)備都擁有統(tǒng)一的尺寸，相同的物理按鍵，并且運(yùn)行著相同版本的 iOS 系統(tǒng)。

但當(dāng) iPhone 5 發(fā)布后有了新的屏幕尺寸，之后不同的 iPhone 擁有不同的尺寸變的越來(lái)越普遍，后來(lái)，iPhone 6S 有了另一項(xiàng)重大差異——3D Touch——舊設(shè)備上沒(méi)有的手勢(shì)。

而最新的 iPhone 讓 iOS 生態(tài)更加多樣化。這些設(shè)備上的相同頁(yè)面會(huì)出現(xiàn)不同的現(xiàn)象，iPhone X 的頂部狀態(tài)欄被著名的“劉?！狈指舫蓛蓚€(gè)不同的部分，同時(shí) iPhone X 也有著與其它 iPhone 不同的屏幕尺寸。

未針對(duì) iPhone X 做出優(yōu)化的 App

成本與收益

正如上面所提到的，沒(méi)有 Home 按鈕會(huì)導(dǎo)致易用性成本，首先現(xiàn)有的 iPhone 的用戶不得不忘記他們以前在設(shè)備上的使用習(xí)慣，其次他們必須記住更多的手勢(shì)。然而問(wèn)題的根源不在于成本是否提高，而是這種設(shè)計(jì)的成本是否有超過(guò)所獲得的收益。

在這種情況下，一個(gè)潛在的巨大收益就是更大的屏幕空間。屏幕空間在手機(jī)上顯的異常寶貴，因此每增加一毫米都會(huì)帶來(lái)積極的影響。額外的空間意味著更少的滾動(dòng)與可實(shí)際查看到的更多的內(nèi)容。比較來(lái)看，多出來(lái)的空間也并不是足夠富裕，如果比較 iPhone 8 與 iPhone X 的可見(jiàn)區(qū)域，多出了兩行文本的高度。

Apple 公司在推動(dòng)這種全新的交互方面處于比較有利的位置，甚至可以創(chuàng)建出以便所有 App 與公司使用的標(biāo)準(zhǔn)交互方式。因?yàn)樘O(píng)果的感染力如此強(qiáng)大，以至于用戶會(huì)忽視學(xué)習(xí)新系統(tǒng)帶來(lái)的阻礙甚至為了體驗(yàn)它們的產(chǎn)品而需要忘卻一些舊的使用習(xí)慣。

大多數(shù)公司都難以推出革命性的交互方式及視覺(jué)體驗(yàn)，但像 Apple 這樣擁有強(qiáng)大的品牌及龐大的用戶體量的公司實(shí)際上可以更加輕松的推動(dòng)進(jìn)步，因?yàn)橐坏┧挠脩艚邮苓@種改變，那么隨后將變成主流，當(dāng)然其它跟隨品牌也會(huì)從中獲益（二維碼就是一個(gè)例子，因?yàn)槲⑿诺脑颍沟盟F(xiàn)在在世界各地?zé)o處不在）。

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

#專(zhuān)欄作家#

孟大偉，微信公眾號(hào)：iThinkBigger，人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。前百度高級(jí)產(chǎn)品經(jīng)理，從用戶需求（在一大堆很酷的設(shè)想中砍掉當(dāng)中的絕大一部分）到產(chǎn)品定義（有價(jià)值且符合公司戰(zhàn)略發(fā)展），從產(chǎn)品原型到視覺(jué)設(shè)計(jì)，從交互到動(dòng)效。

本文由@孟大偉 翻譯發(fā)于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。

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