自己熬夜看完了 WWDC2022 直播，又斷斷續續看了很多相關的文章，結論是 iOS 16 的諸多更新中唯一能吸引我升級測試版系統的特性似乎只有「個性化鎖屏」，忍不住更新了 iOS 16 后，折騰完個性化鎖屏，習慣性打開《Books》（即《圖書》app）準備看書時，整個人都懵了：

這次《Books》更新的幅度遠超預期。

不同于「個性化鎖屏」將 Apple Watch 表盤上的那套設計「本土化」到 iPhone 鎖屏上的操作，《Books》的更新則是重新設計了一整套全新的交互邏輯。甚至囂張點可以說給其他閱讀類產品指明了未來幾年的優化方向。除了在去年更新中出現過的翻頁動畫和下沉式的交互邏輯外（下文會詳細介紹），其他幾乎所有的改變都是首次出現在 Apple 的操作系統中。

最近在閱讀產品和交互設計類的書籍，恰巧這次升級引發了自己對《Books》這款產品的思考，很多書中學到的知識得到了印證。于是想借著這次機會，用打造一款產品的視角來探索這次更新的內在邏輯。希望通過分享自己思考的過程，能給大家帶來點不一樣的靈感。

▍太長不看，本次更新的要點

閱讀界面中，多了兩枚無法隱藏的按鈕，分別是關閉和多功能按鈕

將原先的目錄、樣式、搜索、添加書簽等按鈕集成到了多功能按鈕中

用滑動翻頁動畫替換了仿真翻頁動畫

用雙擊文字區域替換了單機屏幕右上角添加書簽的交互方式

新增全屏下滑關閉正在閱讀書籍的交互方式

將目錄單獨分離為一個按鈕，并且和原先的閱讀進度條進行了融合

新增樣式主題功能，可以對六種主題進行單獨的文本和布局自定義

從左到右依次為上文提到的新特性截圖

▍熟悉又陌生的界面

這次升級主要聚焦在閱讀書籍的界面，讓我們一覽升級前后相同界面下的不同點。變化主要集中在截圖中的上下部分，左側為新版，右側為舊版。

專注閱讀時的界面

在新版的系統中，界面上始終且只存在兩個頂層按鈕，一個是關閉按鈕，另一個是多功能按鈕。而舊版的軟件中，只有點擊屏幕中央區域呼出菜單欄后，才會在屏幕上顯示其他幾個按鈕。

個人而言，我更喜歡舊版系統專注閱讀時的界面，因為整個屏幕上沒有多余的元素吸引自己的注意力，整個屏幕上只有文字，看起來更加簡潔明了。而新版始終有兩個按鈕固定在屏幕的倆角落上，有點影響原先整齊極簡，沒有干擾的閱讀體驗。

呼出菜單欄的界面

單擊文字區域呼出菜單欄后，可以發現舊版中頂部一共有五個按鈕，加上底部的一個進度條，一共是六個元素。而新版還是只有兩個元素：關閉和多功能按鈕，一個多功能按鈕整合了舊版中的五個按鈕。

左側為新版，右側為舊版

新版圖書選中文本后，上方浮動彈窗的樣式進行了重新設計，可以明顯感受到和《Books》閱讀界面的整體設計風格更加匹配。還有高亮筆記的樣式也進行了一定的優化，高亮塊四周新增了輕微的圓角，看起來更加有質感，顏色也做了一定的調整。

單純從「呼出菜單欄的界面」角度來看，新版《Books》確實在界面上感覺更加簡潔。新版中的兩個頂層按鈕無法隱藏一開始確實讓我特別費解，為什么蘋果不能在「專注閱讀時的界面」中隱藏這兩個按鈕？

想要回答這個問題，還需要我們進一步深入了解這次更新的其他細節，這里先按下不表。緊接著讓我們看看基于以上界面的改變下，具體的交互邏輯發生了哪些變化。

▍交互邏輯的變化

01 下沉式交互邏輯

整體按鈕交互下沉

從上面這張圖中可以發現，在新版的界面中，所有功能的交互都集中在屏幕的下半部分，正常握持設備的姿勢下，單手可用大拇指完成一些簡單的操作。目前手機屏幕越做越大，我們的手指越來越難夠到屏幕頂部的區域，而這一整體交互邏輯的下沉就非常巧妙地解決了這個問題。

02雙擊添加或刪除書簽

點贊邏輯從單擊右上角變為雙擊屏幕

當自己看到原本右上角書簽的位置被關閉鍵占據時，接著點開下方的多功能按鈕后看到了書簽的按鈕，心理已經開始忍不住吐槽這次更新了。因為原先添加書簽的操作只需單擊屏幕右上角，而現在得先點開多功能按鈕，接著再添加書簽，硬生生增加了一步操作，但隨后的事實證明， Apple 的交互設計師給我好好上了一課。

一次偶然間雙擊屏幕的操作，才讓我知道在新版《Books》中直接雙擊屏幕的文字區域就能添加書簽。這個交互邏輯似乎更加符合我們被各種平臺訓練出的雙擊屏幕點贊的習慣，而且在單手操作大屏設備的使用場景時，新版的雙擊添加書簽操作可比原先的操作優雅太多了。

03 關閉書籍的交互優化

04 全屏下滑關閉圖書

在舊版本中，想要關閉當前正在閱讀的書籍，只能先單擊文字區域呼出菜單欄，接著點擊左上角的返回鍵關閉圖書。經常用 iPhone 的人可能知道，在 iOS 的很多場景下，只要左上角有返回的標志，手指從屏幕左側邊緣向屏幕內滑動也能觸發返回的操作，但是慣用的邏輯在舊版圖書里就不管用了，當我們看到返回按鈕，條件反射下滑動屏幕左側，發現僅僅是將頁面往回翻了一頁而已。這會對用戶造成一定程度上的認知困擾，因為貫穿整個系統大部分場景下的交互邏輯在這里突然就不適用了。

而新版圖書就解決了這個困惑。將原本代表著一套交互邏輯的返回按鈕更改為一個經典的關閉按鈕，而且位置也移動到了右邊。而且得益于這個頂層按鈕始終存在于頁面上，想要關閉的時候不需要像舊版系統一樣的需要先呼出返回按鈕，

蘋果總能在一些小細節上給你驚喜，但是也能在一些小細節上讓人難受的不行。

在使用的過程中，又是不小心觸發了屏幕下拉的手勢，結果整個軟件界面會跟隨手指的移動，當我下拉到一定程度時松開手指時，神奇般地完成了關閉圖書的操作。又一次被蘋果上了一課。當我使用 iPhone 13 mini 的時候還沒有感受到這個新交互升級的便利，但是將目光轉移到手邊的 iPad mini 上時，思緒豁然開朗——單手握持 iPad 的時候，也能優雅地關閉當前閱讀的圖書了。

05目錄與進度條模塊的融合

左側為長按新版中目錄按鈕時激活的快速轉跳功能

點開下方的多功能按鈕后，可以發現最上面的目錄按鈕其實也是一個進度條。這個小設計個人感覺非常有趣，一個元素同時包含了兩種交互模式：單擊的時候打開的是目錄界面，手指按住這個按鈕并且左右拖動時又激活了進度條功能，可以快速的通過章節進行轉跳。

▍新增的功能

雖然這次《Books》在界面和交互方面的升級已經足夠超出我的預期了，不過 Apple 這次給的有點多，除此之外還新增了幾個貼心的功能，讓我更加感受到了 Apple 在細節方面的執著。

01Books 也支持主題了

樣式主題

原先的《Books》閱讀樣式只支持對文本字體，文本大小和背景顏色做簡單的調整，而新版本中引入了「主題」功能。簡單來說就是《Books》提供了六種不同質感的主題，每個主題可以單獨設置文本字體，文字大小，是否粗體顯示，不過無法修改背景色。

每個主題內的自定義設置

每個主題現在也支持單獨對布局進行修改，開啟自定義選項后，可以對行間距，字符間距，詞間距進行微調，也可以選擇是否兩端對齊或者是否允許多欄。

這項更新就滿足了我在不同閱讀內容和場景下，想來回更改閱讀樣式的需求。現在只需提前確定對應的主題，修改成自己想要的樣式，以后遇到對應的使用場景只需快速切換不同的主題即可。

02 新增的豎排鎖定功能

注意右下角的圖標

這里再一次被蘋果的細節給震撼到，當在控制中心里開啟屏幕「豎排方向鎖定」后，新版《Books》中添加的「豎排鎖定」功能似乎沒什么作用。但是當關閉系統層面的豎排鎖定，在圖書閱讀界面下轉動屏幕，我們可以體會到 Apple 滿滿的細節。

這時候屏幕下方會出現一個鎖定的圖標，細節之處是這個圖標的方向會隨著手機屏幕的轉動而旋轉，這還不算完，當保持固定的屏幕方向一段時間后，這個小圖標會消失，當再次轉動屏幕方向時，這個圖標又會出現。而且可以直接點擊這個圖標進行鎖定 / 解鎖「豎排旋轉」的操作。這里又被蘋果上了一課：再小的細節都不能放過，同時也應證了這句話：

成功的用戶體驗，就是能事先預知用戶的期望并將其納入設計之中。

—— 《用戶體驗要素：以用戶為中心的產品》

這項新功能在一定程度上減少了來回去控制中心操作屏幕鎖定按鈕的頻次，仔細思考后發現，這個功能滿足了使用其他軟件需要解除豎排鎖定，但使用圖書 App 的時候又希望能夠保持豎屏閱讀體驗的場景。但還有一點疑惑就是，為什么 iPad 上沒有這項功能，初步猜測是因為 iPad 橫豎屏閱讀的場景都比較常用，而在 iPhone 上橫屏閱讀的體驗不是特別友好，所以「豎屏鎖定」功能是 iPhone 獨占功能。

03 更加智能的深色模式

更加智能的深色模式

舊版中只能通過將背景顏色改成暗色來啟用深色模式，而新版中每個主題都有單獨的深色模式，而且對何時開啟深色模式提供了加智能的選項，可以手動選擇是否開啟深色模式，和匹配系統的深色模式，或者根據周邊環境來由系統智能決定是否開啟深色模式。

04 第一方小組件陣營里的新成員

《Books》的小組件

iOS 16 中，Apple 終于開發了《Books》的小組件，支持查看閱讀中的書籍和每日閱讀目標，而且點擊想要繼續閱讀的書后，打開軟件會自動切換到選中的那本書。能夠在主屏幕上替換 app 圖標的小組件又多了一個。

▍總結

先回答一下文章中提出的問題：為什么蘋果不能在「專注閱讀時的界面」中隱藏刪除按鈕和多功能按鈕？

經過不斷對比和思考這次《Books》的更新后發現，有很多操作在新版本中的操作路徑變短了，不過找不到任何一個路徑由于更新后反而變長的操作。如果我們假設單擊屏幕文字部分能夠現實和隱藏這兩個按鈕，那么當我們在閱讀文章時，想要進行的很多操作都會比更新前多一個喚出這兩個按鈕步驟。當我看透這一層的時候不得不感慨 Apple 在這個系統自帶軟件上所花的心思。Apple 在保持界面簡潔和簡化操作路徑兩個選擇中，選擇妥協一部分桌面的簡潔程度以換取更加簡短的操作路徑，在我目前自己體驗過十幾個小時后再回來看這個決策，頓時學到了很多。

產品決策在一定程度上是一個通過妥協達到某種平衡的過程。

深入思考這次《Books》更新的一個個細節后，難免會產生一個疑問：Apple 這么做的目的是什么？為了回答這個問題，結合最近的閱讀所得和使用軟件的深度思考，姑且得出了這個寬泛的結論：蘋果更新系統的目的是為了滿足用戶「更好用」的需求。

首先到「范圍層」，Books 新增了「樣式主題」「豎排鎖定」「智能深色模式」等新功能，讓軟件能夠覆蓋更多用戶的使用場景。

接著具象到「結構層」，圖書更新后重新設計了各項功能之間的層級關系，將原本頂層的幾個功能集合到同一個多功能按鈕下，優化了產品的使用邏輯，讓用戶能夠更加清晰地找到想要的功能。

接著具象到「框架層」，各種下沉式的交互升級，以及雙擊添加書簽和下劃屏幕快速關閉的交互方式，巧妙地解決了大屏幕下單手不方便操作手機上半部份區域的痛點，讓用戶一只手也能從容完成對應操作。

最后回到「表現層」，結合上面所有層級的更新，我們能夠感受到的是一款極簡中處處透露著優雅的閱讀軟件。這款軟件它沒有社交功能，甚至在國內沒有書庫功能，要看的書還得自己去找，單純的是一個圖書閱讀軟件，是我平時使用時間最長的一款軟件。

交互設計的發展趨勢

即將寫完這篇文章時冷靜下來細細品味時，縱觀 iOS 近兩年的更新細節發現，似乎上文提到的下沉式的交互設計在 iOS 的很多角落都能發現它的影子，我猜測這或許是未來 UI 交互設計的一個趨勢吧。

媒體控件下沉，通知列表下沉，地址欄下沉，搜索框下沉

▍題外話：如何批量導出閱讀過程中高亮標注的筆記？

在沒有更新 iOS 16 之前，我們可以通過 iPad 版的圖書 app 中全選所有的筆記，然后通過郵件一次性發送給自己，實現批量導出功能。

但是更新后已經徹底關閉了這條通道，不過天無絕人之路，在網上找到了一款軟件支持在 mac 端導出《Books》中的筆記 —— Klib。免費版只支持前十本書的筆記管理，似乎只要看一本書導出一次筆記，免費版也能滿足我們的需求，還順帶解決了自己看書拖延的問題。