Metro UI 的簡潔是另一種復雜

作者:蘇園

Metro UI 推出來的時候，對比其他系統的圖標海洋，確實讓人眼前一亮，活動格窗取代圖標，內容取代形式，微軟的宣言是讓智能手機用戶有更高的效率得處理事務，而不是專注于智能手機本身。
但果真如此嗎？在我看來，Metro UI 設計得的最初目的是簡潔，最后產生的結果卻不一定是簡潔。

細線

Metro UI 中的一大特色就是內容的無邊框設計，通過間隔和字體使內容產生自發性質的分隔，而不必通過邊框等介質。在展示少量內容時，簡潔的特性可以很好的體現，但在 處理大量內容時，卻會表現出“擁擠”。由于沒有分割線，不同的內容之間只能通過留白來分隔，導致文字積壓，擠占了屏幕的表現空間，進一步造成了內容的“擁 擠”。

 

以設定中“關于本機”選項為例，iOS 的細線分隔顯得更明快，獲取信息更清楚容易。細線是最簡單的內容區分的形式，Metro UI 對這區分形式的舍棄導致整個屏幕上只有孤零零的文字，直接發現有用信息困難。

細線的分隔也是一種更人性化的暗示，它讓內容看上去更像一個按鈕，暗示著可以按下并激發新的內容。而Metro UI 中的內容則會讓人疑惑這是單純的文字還是可以繼續點擊查看。Metro UI 的功能性暗示更加不明確。

顏色與圖標

Metro UI 在顏色的應用上既激進又保守，激進的是它可以把界面弄得五彩斑斕，保守的是在應用內的界面不著一墨。

從上圖看，Metro UI 的郵件界面上只有單純的文字，缺乏色彩，所有內容的分隔都是通過字體和空白來完成。這樣的結果是信息同質化，很難區分信息。界面沒有將有價值的信息第一時 間呈現出來，因此當面對這樣的界面時，需要更多的集中精力去尋找信息。這和做 PPT 時將所有的文字堆砌起來而不進行有效的信息歸類并無區別。

而 iOS 除了字體還有不同的顏色來表現不同性質的信息，同時也有小圖標來表現相同信息的數目。各種要素各司其職，將信息表達得直觀明確。

活動格窗

活動格窗是Metro UI 呈現給用戶的第一特色，它不僅是一個快速啟動的按鈕，同時也是一個信息更新的展示板，微軟宣傳這樣的設計可以更好的將信息第一時間呈現給用戶。

但問題是，活動格窗的面積太小了，只能顯示簡介性質的數字，小圖標表等等，缺少好的信息預覽功能，這樣的通知系統展現給用戶的結果就是“知道有這么回事，但不知道究竟是怎么回事。”用戶依然是茫然的。有價值的信息被淹沒，用戶沒有能夠便捷地獲取有用信息。

簡潔的目的不是復雜

Metro UI 是一個形式上簡潔的系統，導致的是一個復雜的用戶體驗。與其相標榜的相反，用戶需要花更多的時間在屏幕上才能仔細甄別什么是有用的信息。Metro UI 為了簡潔，大多數時候忽視了內容的表現形式，比如細線這種最簡單區分內容的形式。Metro UI 在顏色上也有奇怪的特性，屏幕永遠處在斑斕和全無的兩極，內容的表現形式非常單一。

在我看來，微軟的界面設計陷入了一個誤區，突出內容忽略形式，并不是真正的簡潔，而是另一種復雜。

本文轉載自: http://www.ifanr.com/65964