為什麼程式設計師也該懂設計#

不論你是資料科學家做 dashboard、資料庫工程師寫 API、或區塊鏈開發者寫前端表單——你都會做使用者介面。

看看這些對比就懂為什麼極簡主義(minimalism)勝出:

  • Yahoo Search vs. Google Search
  • BlackBerry vs. iPhone
  • Facebook Dating vs. Tinder

贏家通常擁有極端簡單的介面。

手機演化中的極簡主義#

從 1980 年代到 2000 年代,行動電話越來越強大、卻同時越來越輕、按鍵越來越少:

  • 1980 年代:Nokia Mobira Senator,10 公斤
  • 1983:Motorola DynaTAC 8000X,1 公斤
  • 1992:Nokia 1011,0.5 公斤
  • 2000:Nokia 3310,88 克

Figure 8-1: 行動電話演化中的幾個里程碑。

應用變複雜,介面卻變簡單。極簡介面正是智慧型手機爆發成長的關鍵推手——你拿 Senator 是無法瀏覽網頁、收發影片訊息的。

搜尋引擎裡的極簡#

Google 首頁可能是網路上最值錢的不動產。一個 banner 廣告每天就是數十億的點擊與美金。但 Google 拒絕擺廣告。

Google 經理人很清楚:品牌完整性與焦點,比短期廣告營收更值錢。

Figure 8-2: 現代搜尋引擎的極簡介面範例。

對照組:Yahoo!、Bing 把首頁塞滿新聞與廣告,看起來像新聞聚合站。短期賺廣告錢,長期把使用者趕走——多一個無關元素,使用者就要多花一點認知去過濾。

Figure 8-3: 搜尋引擎還是新聞聚合站?

Material Design#

Google 的 Material Design 採用使用者直覺熟悉的物理元素:紙張、卡片、陰影、層次。

「極簡」不等於「視覺元素越少越好」。真正的極簡是用最少資源達成同樣目的——有時要拿掉元素、有時要加入元素以省下使用者的思考時間。

使用者的時間,比螢幕空間更稀缺。

Figure 8-4: Material Design vs.「非材質」設計的差異。

如何達成極簡設計#

1. 善用留白(Whitespace)#

很多人覺得留白是浪費——「明明可以放廣告、放推薦、放 CTA」。但留白才是清晰度的來源。

「混淆使用者,就會失去使用者。」(If you confuse them, you’ll lose them.)

Google、Apple 的網頁都使用大量留白。

Figure 8-5: 大量留白讓使用者聚焦在主要動作(例如線上披薩訂購)。

文字段落同樣適用:適當的左右邊界、行距、段距、字級——讀起來舒服得多。

Figure 8-6: 文字段落的留白對可讀性的影響。

2. 移除設計元素#

逐一檢視每個元素,問:「能不能拿掉?」答案常常是「能」。

**沉沒成本偏誤(sunk cost bias)**會讓你捨不得拿掉自己花時間做的東西——但元素越多越混亂。

四級分類:很重要 / 重要 / 普通 / 不重要。

  • 平庸設計:拿掉「不重要」的元素
  • 優秀設計:連「重要」的都敢砍,只留「很重要」

Figure 8-7: 理想化的編輯流程——按重要性逐一篩選每個設計元素。

Amazon 的「一鍵購買按鈕」就是這個原則的極致。

Figure 8-8: 雜亂的訂購頁(左)vs. 移除非必要元素後的聚焦版本(右)。

3. 移除整個功能#

最徹底的極簡是砍掉整個功能。應用會自然累積功能——這叫功能蔓延(feature creep)——導致:

  • 維護成本上升
  • 軟體臃腫(bloated software)
  • 技術債(technical debt)累積
  • 組織失去敏捷度

Yahoo!、AOL、MySpace 都是功能蔓延受害者。

Microsoft 看似肥大,但前 Apple/Microsoft 工程師 Eric Traut 說:「Windows 核心其實非常精簡——你看不到的是 Microsoft 砍掉了多少功能。」

4. 減少字型與顏色變化#

太多字型、字級、顏色 = 認知負擔大、感覺更複雜。

  • 通常只用 1–2 種字型
  • 1–2 種字級
  • 1–2 種顏色

當然也有例外——某些應用就是要用色彩繽紛來凸顯活潑特質。重點是「有意識地選擇」。

Figure 8-9: 字型、字級、顏色與對比的極簡使用範例。

5. 保持一致性(Consistency)#

App 通常不只一個畫面。一致性 = 跨畫面的設計變異最小化。

Apple 旗下各種 app(瀏覽器、健康、地圖)都看得出是 Apple 出品,這就是品牌一致性的力量。

落實工具:品牌指引(brand guidelines)、共用模板、CSS stylesheets。

結論#

極簡主義設計的核心:最強大的介面,往往看起來最簡單——Apple、Google 用商業成績佐證。

未來的趨勢——語音辨識(Alexa、Siri)、虛擬實境——只會把介面推得更簡單。終極的極簡介面是「看不見」的介面。

下一章將收斂全書最重要的主題——專注(Focus)