跳至主要內容
科技 分析

按鈕靠右、時鐘靠左:iPhone Duo 重排介面,動到的是十幾年的肌肉記憶

蘋果在首款折疊 iPhone 上把控制項整批遷往右側垂直控制區,本文從縱向空間的取捨邏輯、操作直覺的遷移成本與純圖示的辨識風險,整理開賣前的疑問與開賣後可依序驗收的訊號。

Techroomage 編輯部 閱讀約 9 分鐘
按鈕靠右、時鐘靠左:iPhone Duo 重排介面,動到的是十幾年的肌肉記憶

為了保住折疊形態下有限的縱向空間,蘋果把頂部與底部的控制項整批遷往右側;這套佈局體系的成本,落在每一雙已經記住按鈕位置的手上。

模擬器裡的第一眼

9 月 10 日的發表會結束、媒體上手的影片陸續上線之後,iPhone Duo 的話題沒有停留在鉸鏈與螢幕。10 月 4 日,一位同時持有折疊手機與 iPhone 的設計師在少數派 Matrix 發表長文,記下他在 Xcode 模擬器裡提前看過 Duo 介面之後累積的疑問,文章標題帶著半開玩笑的抱怨:蘋果終究還是對強迫症下手了。

被影響的名單其實比強迫症長得多。Duo 在軟體層推出一套全新的應用佈局體系,把 iPhone 使用者十多年養成的操作慣例整批搬進一塊左右不對稱的螢幕。搬遷的邏輯可以理解,帳單卻由幾乎所有相關的人一起支付:要重新找按鈕的使用者,要重新設計圖示的開發者,以及一門剛剛建立質感語言、又被推去適應新場景的介面設計。

這位設計師原本的期待相當高。作為折疊手機與 iPhone 的雙機使用者,他等著蘋果在 9 月 10 日教師節當天「給行業開課」,示範折疊手機的體驗該怎麼重新設計。這個期待有其根據:iPod、iPhone、AirPods,蘋果多次把一個行業做了多年的東西按自己的理解重做一遍,然後讓同業跟著調整。看完發表會與上手影片之後,他的結論是 Duo 沒有預想中精彩。

不精彩的地方主要在軟體。Duo 的外屏縱向空間不寬裕,為了節省這段空間,原本位於頂部與底部的控制項,例如返回與工具列,被統一遷移到螢幕右側,形成一條垂直的控制區,讓右手快速點按;應用的主體內容則自動避讓,集中在左側顯示,並維持合理比例。發表會上的說明聽起來頭頭是道:兩個區域涇渭分明,各司其職。

問題出在視覺與習慣。這塊外屏的形狀左右本就不對稱,到了軟體層面,不平衡被進一步放大:時鐘、卡片、通知,這些直覺上應該置中的元素,全部被挪進左側內容區;解鎖之後的主畫面與各種應用場景,也延續並放大這種不對稱。設計師在模擬器裡看到的第一個念頭,是先替蘋果找理由:這麼做,一定有它的道理。

說明 iPhone Duo 介面新規則的清單:控制項集中於右側控制區、應用內容靠左顯示、時鐘與通知移出置中位置、按鈕標題被移除只剩圖示

為什麼把按鈕趕到右邊

把控制項集中到右側,前提是縱向空間真的不夠用。傳統佈局裡,頂部標題列與底部導覽列各自喫掉一段直向空間,在外屏比例偏矮的折疊形態下,這種開銷格外奢侈。把控制項整批搬到右側、收成一條垂直區域,內容區就能保住相對完整的比例。單看這個取捨,邏輯成立,甚至稱得上巧思。

蘋果也確實有把這類取捨推成行業標準的紀錄。iPod 之前已經有 MP3 播放器,iPhone 之前已經有智慧型手機,AirPods 之前真無線耳機早已上市,重做之後市場跟著蘋果的方案走。Duo 的佈局體系看得出同樣的企圖:與其沿用既有手機或平板的介面邏輯,不如為折疊形態另立一套規則,再讓規則向外擴散。

同一個秋季的對比可以讓人看出這次改動的幅度。直板 iPhone 的更新仍然圍繞動態島縮小、電池加大、均熱板加大面積這類補強式改動,使用者幾乎不需要重新學任何東西;Duo 則把介面規則整組換掉。兩條產品線的更新哲學,在這一代明顯分岔。

但教育行業與教育使用者是兩件事。廠商看規則,使用者看手指。發表會上聽起來合乎邏輯的設計,落到每天幾百次的點按操作裡,每一個被搬走的按鈕都變成一次重新定位。

圖卡點出 iPhone Duo 佈局的取捨內容:外屏縱向空間有限,蘋果以右側垂直控制區換取內容區的完整比例,代價是使用者既有操作習慣的遷移成本
Duo 佈局的核心取捨

圖示認得出,功能認不出

作業系統有一項平時沒人注意的資產:操作習慣。在 iPhone 上打開一個全新的 App,通常不需要學,標題欄在上、導覽列在下、返回手勢在左、更多選單在右,這些慣例已經寫進手指,你甚至不需要記得按鈕長什麼樣子,實際用起來時手自然知道該往哪伸。Duo 對這套肌肉記憶動了最大的手術。

右側控制區的橫向空間有限,原本依靠圖示加標題共同表達的按鈕,例如底部導覽列,被壓縮成純圖示。體驗變化在這裡分岔:返回、分享、搜尋這類高頻出現的通用按鈕,換了位置仍然一眼認得;進入第三方應用之後,大量自訂功能與冷門操作,本來就缺乏穩定統一的圖形表達,標題被拿掉之後,只能用猜的。

設計師 lavande 用了一個比喻:像第一次打開 Photoshop 看到左邊那排工具欄,每個按鈕看起來都很有用,但未必知道到底有什麼用。迷路與誤觸,因此可能成為這套設計體系在初期階段必須面對的常態,而這些問題最終都會換算成大眾使用者的上手成本與體驗遷移成本。

引述少數派 Matrix 作者 lavande 的觀點:純圖示在辨識上始終存在侷限,第三方應用移除按鈕標題後,使用者需要用猜的

代價單上還有其他項目。這份分析指出,佈局調整同時帶來拆東牆補西牆式的空間浪費,而剛剛建立起來的 Liquid Glass 質感語言,也偶爾水土不服。後者其實有跡可循:先前酷安導覽欄的液態玻璃效果獲得好評卻未見同業跟進,已經顯示這層質感要跨出系統原生場景,本來就有實作門檻,如今再疊上一套全新的區域劃分,考題只會更難。

對開發者來說,這是一筆突然出現的適配成本。過去跟隨系統慣例就能獲得的可辨識性,現在要多做一件事:讓每一個圖示在沒有標題輔助的狀態下自立表達。高頻通用按鈕有現成的圖形語彙可以靠,長尾功能沒有這種待遇,而長尾功能恰恰是第三方應用與原生應用拉開差距的地方。

開賣之後可以依序驗收的訊號

Duo 尚未正式開賣,這些疑問都還沒有答案,但答案會來得很快。第一個值得看的是真機回饋:視覺不對稱的抱怨會隨著適應期消退,或者加深成為長期問題;迷路與誤觸的實際頻率,會告訴市場操作直覺的遷移成本究竟有多大。設計師自述的自癒能力,能不能代表一般使用者,幾週內就會有輪廓。

第二個看開發者。大型第三方應用何時推出針對右側控制區的版本、那些被拔掉標題的圖示能不能自立表達,決定這套體系離開蘋果原生應用之後還剩多少完成度。歷次新形態裝置的經驗都顯示,系統應用示範的是理想狀態,第三方跟進的速度才是使用者實際體驗的下限。

第三個看蘋果自己。佈局體系在第一輪大版本更新會如何處理,是判斷蘋果把這套規則當成原則還是起點的方式:如果標題被允許回到按鈕旁邊、控制區位置開放調整,代表這是一次可以被市場修正的實驗;如果規則寸步不讓,蘋果就是在要求整個生態跟著重新上課,而上課的地點是使用者的手指。

最後是產業層面。既有折疊手機的介面多半沿用既有手機與平板的邏輯,Duo 的垂直控制區若被市場接受,同業跟進的壓力會具體出現;若不被接受,蘋果也會留下一次少見的體系級介面實驗紀錄,供下一次形態變化參考。

對正在考慮 Duo 的使用者,這件事可以先簡化:把自己最常用的幾個第三方應用列出來,檢查它們的功能在只剩圖示、按鈕搬家之後還認不認得出來。這個動作比任何發表會影片都更接近開賣後的實際體驗,也是判斷自己要不要付這筆遷移成本最快的方法。

#iphone#折疊手機#介面設計