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）
最新的 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）