編者按：靈動(dòng)島作為蘋(píng)果發(fā)布會(huì)的一大亮點(diǎn)，讓無(wú)數(shù)人有了購(gòu)買(mǎi)iPhone 14的理由，本文詳細(xì)分析一下靈動(dòng)島的功能設(shè)計(jì)。

蘋(píng)果的發(fā)布會(huì)經(jīng)常會(huì)被視作為「科技春晚」，而如果你看過(guò)幾次，大體上還是能夠看出一些套路的。最近幾年的發(fā)布會(huì)，基本上都會(huì)讓最小的 Apple Watch 系列先來(lái)暖場(chǎng)，然后才會(huì)上諸如 iPhone 和 Mac 這樣的重頭戲。

在 Apple Watch Ultra 為整個(gè)發(fā)布會(huì)打出一波小高潮之后，新的 iPhone 14 從造型、配色到芯片上的「擺爛」，讓人感到蘋(píng)果的9月特別活動(dòng)開(kāi)始進(jìn)入了一種疲軟的情緒。

直到 iPhone 14 Pro 出現(xiàn)，全新的打孔屏替代了劉海，「靈動(dòng)島」在交互上的突出表現(xiàn)，透出了屏幕，iPhone 14 所帶來(lái)的疲軟氛圍一掃而空，以設(shè)計(jì)聞名的蘋(píng)果再一次將「你大爺始終是你大爺」打在公屏上。

交互設(shè)計(jì)的野心

必須承認(rèn)，蘋(píng)果在交互設(shè)計(jì)上的野心從來(lái)未曾淡褪。

最近幾年，iPadOS 系統(tǒng)從 iOS 系統(tǒng)當(dāng)中獨(dú)立出來(lái)，大屏觸控交互連年升級(jí)，iPad 就點(diǎn)名道姓地頂著 Mac 產(chǎn)品線來(lái)競(jìng)爭(zhēng)了。

而今年 WWDC 上，「前臺(tái)調(diào)度」這一新交互干脆把性能門(mén)檻拉到最新的 M1 芯片級(jí)別，讓性能為交互體驗(yàn)作出犧牲，雖然不少人詬病，但是也足以看出蘋(píng)果在交互設(shè)計(jì)上的認(rèn)真。

樁樁件件，蘋(píng)果在設(shè)計(jì)上的騷操作，正經(jīng)是沒(méi)有停過(guò)的。

老實(shí)說(shuō)，早在 iPhone X時(shí)代，使用挖孔屏的 Android 手機(jī)廠商就沒(méi)少嘲諷 iPhone 的劉海，這回「靈動(dòng)島」這套高成本交互設(shè)計(jì)方案狠狠壓在 iOS 打孔屏上，蘋(píng)果算是懟著過(guò)去幾年 Android 打孔屏的友商們的臉一頓輸出，把正確答案糊在對(duì)面臉上，一點(diǎn)不客氣。

挖孔屏交互的設(shè)計(jì)公約數(shù)

iPhone 系列從 iPhone 14 Pro 開(kāi)始，肯定是要革除劉海，啟用挖孔屏了?！胳`動(dòng)島」這套設(shè)計(jì)不僅僅僅只是針對(duì)通知系統(tǒng)的重新想象，它將通知系統(tǒng)幾乎修改成了一個(gè)隨時(shí)待命的彈窗通知系統(tǒng)，它自動(dòng)疊加在界面層之上，可小可大，可以模態(tài)也可非模態(tài)。也正是因?yàn)檫@一點(diǎn)，整個(gè)圍繞著「靈動(dòng)島」存在的即時(shí)通知系統(tǒng)的復(fù)雜度，比起之前的通知彈窗復(fù)雜了不止一個(gè)數(shù)量級(jí)。

首先，在絕大多時(shí)候，「靈動(dòng)島」會(huì)向兩邊拉長(zhǎng)作為基礎(chǔ)的狀態(tài)展示，通過(guò)圖標(biāo)和數(shù)據(jù)構(gòu)建出一個(gè)典型的非模態(tài)的提示框：

比如 Airpods pro 的電量

比如指示距離

不過(guò)在導(dǎo)航模式之下，為了更加清晰地提供視覺(jué)指示，「靈動(dòng)島」還會(huì)拓展成更大的非模態(tài)視覺(jué)提示：

而對(duì)于不同類(lèi)型的 APP，在非模態(tài)的狀態(tài)和信息呈現(xiàn)上，還有一些特征性的元素，「靈動(dòng)島」會(huì)提供不同的彈出框樣式來(lái)盡量貼合不同的需求，比如 Face ID 就是方形的：

而作為第三方參與到這次的 「靈動(dòng)島」演示的APP ，Lyft 還展示了「靈動(dòng)島」在長(zhǎng)條模式下的多狀態(tài)呈現(xiàn)的樣式，比如 Lyft 和通話單獨(dú)存在以及同時(shí)存在的時(shí)候：

「靈動(dòng)島」甚至有分裂樣式來(lái)支持多樣狀態(tài)的呈現(xiàn)。

而在可以交互的模態(tài)彈出框上，目前「靈動(dòng)島」在演示中還僅僅只提供了通話、音樂(lè)等常見(jiàn)的樣式：

而在發(fā)布會(huì)上，還提供了視頻通話、倒計(jì)時(shí)等一些系統(tǒng)自帶功能在「靈動(dòng)島」上的模態(tài)交互展示，這也意味著可能在當(dāng)前，「靈動(dòng)島」暫時(shí)還沒(méi)有打算開(kāi)放出太多的可交互的功能，相反蘋(píng)果更加傾向于控制好當(dāng)前這一功能的復(fù)雜度和穩(wěn)定性。

iOS 的通知設(shè)計(jì)邁向次世代

作為剛剛問(wèn)世的動(dòng)態(tài)交互控件，「靈動(dòng)島」和剛剛問(wèn)世時(shí)的「桌面小組件」的待遇是類(lèi)似的，帶有通知和展示性質(zhì)的非模態(tài)彈窗通知，會(huì)相對(duì)更多一些，一些涉及交互的模態(tài)彈出通知，類(lèi)型會(huì)有所控制，就目前官方展示的功能而言，可交互的數(shù)量并不算多。

但是就和如今的通知欄、桌面小組件一樣，可交互的控件類(lèi)型會(huì)逐漸增加，而「靈動(dòng)島」作為一個(gè)固定的硬件缺口，在 UI 界面當(dāng)中，則逐漸變成了一個(gè)實(shí)體的即時(shí)通知控件「核心」，這種轉(zhuǎn)變無(wú)疑是化腐朽為神奇，將瑕疵變?yōu)閮?yōu)勢(shì)。

但是就「靈動(dòng)島」本身作為狀態(tài)呈現(xiàn)、偶爾交互的控件，它更多是作為現(xiàn)有通知體系的一個(gè)補(bǔ)充，而非替代。另外，在新的下拉通知界面的設(shè)計(jì)上，常駐信息呈現(xiàn)會(huì)集中在屏幕上端，而推送通知?jiǎng)t會(huì)在更加觸手可及的屏幕下半部呈現(xiàn)。

與此同時(shí)，它還針對(duì)通訊類(lèi)的 APP 進(jìn)行了專(zhuān)門(mén)的樣式優(yōu)化：

通訊類(lèi) App 的通知現(xiàn)在具有獨(dú)特的外觀，這些 App 在征得用戶許可后，可同步它們的狀態(tài)，以反映用戶當(dāng)前的系統(tǒng)級(jí)專(zhuān)注模式狀態(tài)。

在這種情形之下，iPhone 本身的硬件完整性，會(huì)進(jìn)一步往前推進(jìn)，可以預(yù)見(jiàn)到的是 iPhone 15 系列可能會(huì)全面使用挖孔屏，「靈動(dòng)島」將會(huì)接管多數(shù)的狀態(tài)指示性的通知。而對(duì)于設(shè)計(jì)師而言，APP 的通知系統(tǒng)的功能設(shè)計(jì)要求和工作量，則會(huì)繼續(xù)往上提升一個(gè)層級(jí)。

說(shuō)道這里，我不由得想起了當(dāng)年為 Macbook Pro 所適配的 TouchBar 這一功能。

和 TouchBar 同源不同命

TouchBar 和 「靈動(dòng)島」在某種意義上是類(lèi)似的，兩者都是「作為副屏拓展交互并指示狀態(tài)」而存在。但是 TouchBar 在鍵盤(pán)上，某種意義上挑戰(zhàn)了用戶的習(xí)慣，違反了日常交互時(shí)候「所見(jiàn)即所得」的基礎(chǔ)邏輯，用「靈活性」擠占「可靠性」的空間，最終被放棄。

「靈動(dòng)島」在 iPhone 14 Pro 的情況看似相似，實(shí)則有根本性的不同，它是將一個(gè)幾乎無(wú)法被忽略掉的物理「窟窿」相對(duì)優(yōu)雅的轉(zhuǎn)化為一個(gè)實(shí)用的狀態(tài)指示、快速交互的功能，成為了更好的系統(tǒng)補(bǔ)充——畢竟對(duì)于一個(gè)屏幕上的窟窿而言，但凡是能給用戶多提供一點(diǎn)便利，就算是賺回一點(diǎn)印象分了。

結(jié)語(yǔ)

當(dāng)然，在不需要狀態(tài)展示的日常狀態(tài)下，這個(gè)挖孔屏上的窟窿還是個(gè)窟窿，遮瑕并不能讓瑕疵徹底消失，但是很多時(shí)候，用戶在意的是態(tài)度和巧思，不是么？