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

愛範兒 於 07/06/2021 發表 收藏文章
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  

留言


請按此登錄後留言。未成為會員? 立即註冊
    快捷鍵:←
    快捷鍵:→