Mac 設置的迭代,讓我學到了什么

2 評論 2917 瀏覽 11 收藏 12 分鐘

許多用戶在調整電腦設置時可能都會感到“頭疼”,因為有些設置可能隱藏的位置很深,操作上的難,一定程度上調高了用戶的操作門檻。而這篇文章里,作者發現新版本的 macOS Sonoma 的系統設置有了巨大變化,那么這樣的變化背后,有沒有哪些設計邏輯或思維值得借鑒呢?

想要調整電腦當中的設置,對很多用戶來說非常頭疼。因為無論是 Windows 又或者是 macOS ,整體的體驗都不算好。

比如在 Windows 系統當中,我們調整設置,有的需要到屬性里面;有的會在設置當中;還有的在控制面板藏著,所以每一次調整都需要打開百度,找到對應的教程才行,這樣明顯門檻太高。

我最近剛好更新了新版本的 macOS Sonoma ,由于我是從 Big Sur 直接更新的,發現這次系統設置的發生巨大變化。因此今天就來聊聊這個變化背后的原因,并且帶入到 B 端產品里面,講一講如何將蘋果設計師的思維運用到我們日常的設計當中。

一、合理分類

新版本與舊版本最大的區別就是將展示形式由平鋪變為列表。在網上很多人在說這個原因背后是延續 iOS 的設計思路,但我會有些不同的意見。

首先在之前的系統設置當中會有 28 個菜單選項(數量很多),同時布局方式采取直接平鋪,會在選擇上耗費的時間更長。

并且平鋪的方式,用戶需要通過圖標來對內容進行辨別,用戶的尋找難度主要取決于你對圖標的熟悉程度。

而改版過后整體視圖為列表,這樣我們在去尋找時,會更為關注它的文字描述。

同時在頁面的歸類上,舊版本的分類主要按照軟件設置與硬件設置,將其歸為兩類。在視覺上通過分割線與背景變化,將其進行劃分。

而在新版本上,對于設置的架構上,進行了大刀闊斧的調整。雖然在數量上同樣保持為 28 個,但是歸類上進行的重新的調整。

比如:Wi-Fi的使用非常頻繁,因此單獨從網絡處提出;桌面與拓展塢關聯,將屏幕保護單獨設定;節能移動到電池板塊,用戶可以通過配置電池屬性進行調整節能選項… 調整分享的多。

在分類上,目前的整個設置分為7個板塊,設置的關聯熟悉較強的模塊可以整合。模塊與模塊之間使用間距進行展現,視覺的辨識度會明顯更高。

心得總結

1)在平鋪的視圖當中,我們很難對信息進行大量的分類。

比如在明道云的應用當中,這類視圖想要快速選擇,圖標更為重要,因此明道云的圖標可以提供給用戶進行自定義。

2)對于配置后臺,一定要做好對應的分類。

因為分類的成本很低,但效果卻很好。

通過常見的用研手段了解到用戶的心里預期,這對于后續的辨別與選擇至關重要。

比如在 Coding的配置后臺當中,就會通過一個大型列表,快速將其導航展示出來,并且合理的歸類,使其使用效率異常的高。

3)在識別效率上,文字肯定會優于圖標,因此我們設計時,也要考慮圖標與文字的平衡。提高辨識度圖標當中增加文字會是一個不錯的辦法。

二、視覺優化

在設置的視覺上,優化了(其實也算不上優化)標簽的對齊方式以及層級的展示。

1. 標簽調整

關于標簽的調整,它由之前的左右布局的右對齊變為現在的左右布局的兩端對齊,兩種對齊方式它們在使用場景上是有些許不同。

  1. 左右布局右對齊:適用于內容較多,文本描述較為復雜的區域。目前在很多 B 端產品都還是會延續這種布局方式。同時它也會存在相應弊端,空間占比大、標簽閱讀困難、長文本支持困難,這些都會影響它的日常使用。
  2. 左右布局兩端對齊:適用于容器較小,同時內容組件較為簡單的情況,這種做法在 B 端產品里面使用相對較少。

這次迭代首先是將菜單選項由平鋪變為列表,在進入到二級配置表單的時候,右側表單控件明顯減少,因此由于空間的變化,使得這里的表單標簽布局需要進行調整,否則就會得到以下情況:

因此考慮兩端對齊的方式,盡可能的減少頁面空間的使用。由于兩端對齊存在兩個問題:

  1. 表單整體的寬度過大時,會影響用戶的正常使用。因此蘋果設計師將整體的寬度限制在 715 px,用戶并不能進行寬度上的調整。
  2. 無法承載復雜的表單。因此選擇增加一級層級,將頁面更為干凈整潔的排列。

2. 高亮狀態

在之前的表單當中,所有的可以編輯的組件,都會進行高亮顯示。

這樣的設計方式,其實與用戶能夠點擊的組件相關,比如在下圖當中,用戶在復選框后還能進行點擊操作,針對這種情況時,我們就需要在這里給出高亮來提示用戶。

改版過后,所有的配置操作都會固定在右側,因此就可以取消下拉選項的高亮,減少對用戶的直接干擾。

3. 心得總結

  1. 對于表單標簽的布局,主要取決于頁面表單的容器大小,因為不同尺寸的變化,對于表單的影響也是非常巨大的。
  2. 一個 B 端系統里面,因為空間不同,可以同時存在多種布局方式。

三、組件優化

由于整體的布局、表單的樣式都發生了巨大的變化,所以表單整體的組件也進行了相應的優化。

首先在組件設計上,會力求簡單。之前很多配置設計是為了降低組件的理解成本而設計,而現在空間整體不夠,因此需要考慮在組件基礎上進行優化調整。我們舉幾個例子:

1. 程序塢

在舊版本當中,程序塢的邏輯是:先配置大小,然后再去選擇是否要開啟放大,開啟后才會進行大小上的變化。

這種配置方式我們更容易理解,但是在組件上的邏輯體現就會比較復雜,并且也不夠統一。

在改版過后,在右側放大的滑軌上,增加一個關閉節點,也就是當用戶不開啟放大,就選擇關閉即可。

2. 顯示器配置

同樣在顯示器配置上,之前的配置方案是在左右兩側分別彈出不同的配置窗口,我們可以在不同的窗口進行編輯,每一個窗口呈現的是當前顯示器下的屬性配置屬性。

但由于這次的迭代窗口變小,整體設計更為簡單。因此在設計上變為通過頭來提示,目前所編輯的顯示器。

我猜測設計成這樣的原因有二:

  1. 使用頻率不高。自己用那么久 mac,打開此頁面的次數也屈指可數,因此使用頻率不高也就導致可以適當簡化。
  2. 符合這次設計理念??赐暾w改版后發現,這次的迭代就是讓設計組件的變少,讓整體設計更收斂。雖然這種設計方式會增加用戶的理解成本,但在窗口固定的情況下,已經是最優解。

3. 心得

1)對于組件來說,其實很多組件并不是一成不變的。

我們能夠通過組件的具體語意,進行組件層面的隨意變化,這樣就能夠保證你的設計組件滿足不同場景的實際需求。

2)多去分析常見的組件變化,這樣能多去理解其設計原理。

對于蘋果的設計師來說,我相信這種變化一定是經歷過很多次方案的推演的,而這一次設置的改變,其實作為我們 B 端產品的配置頁面,里面的很多設計邏輯我們是可以進行借鑒的,站在巨人的肩膀上,你就能走的更遠。

專欄作家

CE青年,微信公眾號:CE青年,人人都是產品經理專欄作家。專注B端設計領域,一個2B行業的2B設計師。

本文原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 布局那個,好細節。贊同

    來自陜西 回復
  2. 站在巨人的肩膀上,你就能走的更遠。非常認同作者的觀點!

    來自廣東 回復