蘋果的發(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 從造型、配色到芯片上的「擺爛」，讓人感到蘋果的9月特別活動(dòng)開始進(jìn)入了一種疲軟的情緒。

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

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

必須承認(rèn)，蘋果在交互設(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)了。iOS 系統(tǒng)也開始在系統(tǒng)個(gè)性化和美化上越走越遠(yuǎn)，去年 Safari 的交互升級(jí)蘋果狠狠的秀了一波操作：

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

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

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

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

iPhone 系列從 iPhone 14 Pro 開始，肯定是要革除劉海，啟用挖孔屏了?！胳`動(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ì)于不同類型的 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è)等常見的樣式：

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

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

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

但是就和如今的通知欄、桌面小組件一樣，可交互的控件類型會(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ì)通訊類的 APP 進(jìn)行了專門的樣式優(yōu)化：

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

在這種情形之下，iPhone 本身的硬件完整性，會(huì)進(jìn)一步往前推進(jìn)，可以預(yù)見到的是 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)島」在某種意義上是類似的，兩者都是「作為副屏拓展交互并指示狀態(tài)」而存在。但是 TouchBar 在鍵盤上，某種意義上挑戰(zhàn)了用戶的習(xí)慣，違反了日常交互時(shí)候「所見即所得」的基礎(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)度和巧思，不是么？

作者：陳子木
來(lái)源：優(yōu)設(shè)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加微信ban_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。 

分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司