Firefox 89 發佈，UI 設計成升級重點

6 月 1 日，Mozilla 為用户帶來了 Firefox 自 2017 年以來最大的界面改動。

最新的 Firefox 89 有着重新設計的 UI，Mozilla 稱該 UI「更簡潔、更吸引人、更易於使用」。

與此前的版本相比，新版的 Firefox 89 採用了被 Mozilla 稱為 Proton 的設計語言，與之前的版本相比，新的 Proton 界面為標籤準備了更多的垂直空間，主菜單則引入了大量留白，並且重新設計了圖標的排布。

▲圖片來自：Mozilla

Mozilla 表示，Firefox 設計團隊曾對廣大用户的日常使用習慣進行調研，繪製出了下面這張交互熱力圖。在圖中可以發現，用户最常點擊的主要有三個區域：

標籤欄：大約有 43% 的點擊都會在瀏覽器的頂部；

導航欄：大約 33% 的點擊會在導航欄上，包括前進、後退、刷新、地址欄等；

收藏夾：用户會通過收藏夾按鈕去打開他們頻繁訪問的網站。

因此 Firefox 89 的着重在這三個地方做出了改進。
▲圖片來自：Mozilla

首先是標籤欄的更新，Mozilla 為 Firefox 89 加入了碩大的標籤，並且採用了浮動的設計，其目的是從視覺上引導用户去更多地移動標籤。用户可以單擊並拖動標籤以重新排列它們的順序，或者將它們拖到標籤欄之外以在新的窗口打開網站。

引用浮動標籤能夠在你需要的時候直接給你提供信息，例如音頻控制的視覺指示器。

Mozilla 在其發佈説明中如此評價新的標籤設計。

▲Firefox 的標籤欄

同時，Firefox 89 的導航欄也變得更為簡潔。

在 Mozilla 的熱力圖中可以發現，地址欄右邊的幾個按鈕利用率極低，因此 Mozilla 為 Firefox 89 移除了整個「頁面動作」菜單，只保留了最右側的三欄菜單，在操作上更為簡單直觀。搭配上明亮活潑的 UI 設計，能夠給到用户更為輕鬆、符合直覺的體驗。


但並不是所有用户都喜歡這個新 UI。

儘管 Mozilla 只是想要讓用户獲得更簡單、輕鬆的體驗，但對於部分用户來説，網頁瀏覽器顯示內容的面積就相當於生產力，寬大的標籤欄與導航欄是它們不想看到的。

當然辦法還是有的，Firefox 89 同樣支持緊湊佈局。只需要在地址欄輸入「about:config」，選擇接受風險並繼續，然後搜索「browser.compactmode.show」，點擊右方的箭頭將值切換為 true，即可在「定製工具欄」界面切換佈局。


除了桌面客户端，Firefox 移動版也進行了同步更新，換上了 Proton 界面設計。新版的 Firefox iOS 客户端改進了標籤頁邏輯，並且提升了搜索體驗，甚至針對 iPad 進行了優化。

Android 客户端方面，「受同步的標籤頁」從菜單欄調整至標籤管理界面，並新增了手動同步按鈕。


資料來源：愛範兒（ifanr）