萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

設計中的 Less 與 More:少即是多,還是適度更好?

「Less is More」出自建築大師 Mies van der Rohe,倡極簡、反過度裝飾,已成設計界基礎準則。擁護者認為:簡約設計去除冗餘細節,能為產品與用戶帶來更大收益。傳統行業經典案例:

  • 1979 索尼 Walkman:砍掉錄音功能與外置揚聲器,塞入盒子配立體聲耳機,引爆隨身聽革命。
  • 1984 IBM TrackPoint(小紅帽):精簡鼠標/軌跡球結構,解決移動設備空間難題,成 ThinkPad 標誌。
  • 2007 iPhone:砍掉實體鍵盤,引領智能手機革命。

誤區:為精簡 UI 犧牲流程體驗

實際工作中,對 Less is More 理解不深易犯錯。核心原則是反「過度裝飾」,而非一味「簡單」。以下反面教材:

一、百度鳳巢系統定位器:過度合併導致認知模糊

賬戶結構:賬戶 → 推廣計劃 → 推廣單元 → 關鍵詞。PM 為省空間將四層級合併為單一下拉+輸入框:「全賬戶不選直接點查看」。結果用戶完全不知如何操作。經討論改為:先選層級(四個單選),再顯示該層級下具體對象。雖流程變長、元素變多,但「每次點擊都是無需思考、明確無誤的選擇」,體驗大幅提升。

《Don't make me think》:「點擊多少次都沒關係,只要每次都是無需思考、明確無誤的選擇。」

二、中文網頁慎用斜體:識別度驟降

英文網頁斜體常用於書名、註釋,特定字體下美觀且承載語義。但中文 12px 宋體加斜體後筆畫重疊、識別度嚴重下降(見航空公司中英對比圖),屬「過度裝飾」。中文場景下去掉斜體體驗更好。

三、播放鍵圖標通用,電話功能鍵不可只用圖形

向右三角符號已成播放鍵行業標準,無需文字標註,Less 達到 More 效果。

但某品牌電話機功能鍵僅用抽象圖形,用戶無法第一時間理解含義,操作無預期,甚至不敢嘗試。此處 Must 用文字或直觀圖形,Less 不能建立在「表達不清」代價上。

總結

  1. 簡約設計常能帶來流暢高效體驗;
  2. Less is More 反對「過度裝飾」,非盲目簡單;
  3. Less 不只是 UI 簡單,更是流程、認知層面的簡單易用——為精簡 UI 搞亂流程得不償失;
  4. 核心原則仍是:Don't make me think。
作者:xidea
文章來源:百度 UED
copyright © 萬盛學電腦網 all rights reserved