《設計心理學》The Design of Everyday Things 解讀

設計心理學

當你站在一扇門前,拉了兩次、推了三次,最後才發現要「往側邊滑」——這不是你的錯。這是設計沒有告訴你正確的動作。

你有沒有發現,日常生活裡最常讓我們抓狂的,往往不是高深的科技,而是再尋常不過的物件:門把、瓦斯爐旋鈕、遙控器、影印機。人們甚至替那些讓人分不清「該推還是該拉」的門取了綽號——Norman Door。這個名詞來自一本經典:唐.諾曼(Don Norman)的《The Design of Everyday Things》(以下簡稱《DOET》)。

這本書說了一件顛倒我們直覺的事:使用者的錯誤,往往是設計造成的。如果我們每天都要跟這些物件互動——從刷卡搭捷運、到在醫院自助掛號機前選科別——那麼《DOET》其實與每個人息息相關。它不只是設計師的教科書,更是一般人理解世界、替自己減少挫折的工具書。


作者與本書介紹

唐.諾曼是認知科學家,也是使用者經驗(UX)領域的重要推手。曾任教於加州大學聖地牙哥分校,並在蘋果擔任高階職務;後來與雅各.尼爾森共同創立 Nielsen Norman Group,持續推廣以人為本的設計方法。他在 1988 年以《The Psychology of Everyday Things》出版前身,後於 2013 年推出修訂增訂版並改名為《The Design of Everyday Things》,把 80、90 年代錄影機「12:00 一直閃」的困擾,延伸到智慧型手機「滑了卻沒反應」的世代。

諾曼寫這本書的動機很直白:把錯誤從人身上移回到設計上。他指出,我們習慣把「不會用」當成個人能力問題,卻忽略了好設計應該在沒有說明書的情況下也能被順利使用。《DOET》於是從心理學出發,拆解人如何理解世界、下達動作、感知回饋,最後形成一套可實踐的方法論。

本書內容既有故事,也有方法。從「推拉門」到「瓦斯爐旋鈕與爐口的錯位對應」、從「相機快門音回饋」到「自動櫃員機吞卡」,篇章之間串起的是兩條主線:人如何行動(Execution)與如何評估(Evaluation),中間隔著兩道溝(Gulfs),而設計正是用來架橋的。


核心觀念

1)Affordance 與 Signifier:可供性與指示器

Affordance 指的是一個物件「可被如何使用」的潛在可能;Signifier(指示器)則是把這個可能「明白標示」出來的線索。玻璃門的金屬橫桿「看起來像可拉」是 affordance,但若在「該推」的一側貼上「PUSH」或做成扁平板面,就是 signifier。諾曼提醒我們:很多尷尬都不是人笨,而是行動線索不清楚。好設計會讓「能做什麼」與「怎麼做」一眼可見。

台北許多社區大樓的玻璃門把做得精緻對稱,兩邊都像「可以拉」。如果沒有貼紙或把手造型差異,你我都會拉錯邊。把一側改成「平面推板」、另一側保留「凸出把手」,錯誤立刻下降。


2)Mapping:對應關係要「長得像」

Mapping 是控制介面與其效果之間的空間或語意對應。最經典的例子是四口爐:如果四顆旋鈕排成一列,使用者必須靠記憶或標示才能知道哪顆對應哪口爐;但若四顆旋鈕排成與爐口一致的矩陣,自然映射就讓人不必思考。諾曼主張,好的 mapping 會把認知負擔從腦袋移到外在世界。

你可能也在飯店浴室遇過「左右兩顆沒有標示的旋鈕」。把它們改成左熱右冷、並在把手上嵌入紅藍顏色,是同時結合文化慣例(藍=冷、紅=熱)與空間對應(左手邊對應左旋鈕)的做法。


3)Feedback:讓系統回話

Feedback 是動作之後系統給使用者的「我收到了」。沒有反饋,使用者會重複操作、加大力氣,甚至做出更危險的行為(例如連按電梯關門鍵)。從按鍵的「喀噠」聲、手機的震動、到上傳進度條,都是讓人把行動與結果連上線的橋。

相機快門聲在數位時代其實可以不存在,但保留一聲清脆「喀嚓」,能降低「有拍嗎?」的不確定感。線上表單按下「送出」若沒有任何回饋,使用者極可能再次點擊,導致重複下單或重複扣款。


4)Constraints:用限制減少錯誤

諾曼把限制分為四種:物理(Physical)語意(Semantic)文化(Cultural)邏輯(Logical)。最好的設計不是禁止,而是讓錯誤變得難以發生

  • 物理:SIM 卡有缺角,只能以一種方向插入。
  • 語意:杯口朝上才裝得進水;相機鏡頭只會對外,不會朝向眼睛。
  • 文化:紅色代表危險或停止;台灣插座的開關多為「下壓為關」。
  • 邏輯:包裝裡剩下一個螺絲,代表還有零件沒裝上。

USB-A 讓無數人「翻三次」;USB-C 的對稱造型就是以物理限制與對稱性,直接消滅錯誤來源。


5)Conceptual Model:讓心中的模型對焦

人使用東西不是看說明書,而是憑心中的模型(mental model)行動。設計者能透過介面、標示與操作流程,組合出一個「系統形象」(system image),引導出更正確的心智模型。當模型不吻合,就會出現誤用與迷惑。

早期 ATM 會在吐鈔後才吐卡,許多人拿了錢就走,卡片被機器「吞了」。把流程改成先退卡、再吐鈔,符合「完成交易就拿回自己的東西」的心智模型,遺失率明顯降低。


6)Discoverability 與 Visibility:可被發現,才會被使用

修訂版中特別強調Discoverability(可被發現)與Visibility(可見性)。許多觸控時代的介面把功能藏在手勢裡(長按、雙指滑),新手根本不知道它們存在。可見的不只是按鈕,更是目前狀態:例如「你現在正處於哪個步驟」。

不少台灣醫院的自助掛號機,把「急診」選項藏在次級分頁;把它提升到第一層、加上醒目的 icon 與流程指示條(1 選科別 → 2 身分驗證 → 3 取號),高壓情境下的誤操作就會減少。


7)Seven Stages of Action 與 Two Gulfs:行動的七步、兩道鴻溝

諾曼提出七個動作階段

  1. 形成目標(Form goal)
  2. 形成意圖(Form intention)
  3. 指定動作(Specify action)
  4. 執行動作(Execute action)
  5. 感知世界狀態(Perceive state)
  6. 解讀狀態(Interpret state)
  7. 評估結果(Evaluate outcome)

在第 4 與第 5 之間存在兩道鴻溝:執行鴻溝(我能順利把意圖變成行動嗎?)與評估鴻溝(我看得懂結果嗎?)。好設計把 signifier 與 feedback 整合起來,縮短兩道鴻溝。這套框架讓我們在遇到問題時,可以定位是在「想做但做不到」還是「做了卻看不懂」,進而找到具體改進點。

案例:線上報名表單提交後,只跳到空白頁。使用者不知道是否成功(評估鴻溝過寬)。加上「✓ 報名成功」頁與確認信件,就補上最後一哩路。


8)Slips vs. Mistakes:錯的是手,還是想法?

Slips(失誤)是我們知道正確做法,卻因注意力或習慣而做錯;Mistakes(錯誤)則是心智模型本身就不對。兩者需要的設計策略不同:

  • 面對 slips:提供「復原(Undo)」、加強回饋、使用限制(例如垃圾桶需要二次確認)。
  • 面對 mistakes:改善教育與心智模型(例如在流程中嵌入說明、上手時的導覽)。

Gmail 的「撤銷傳送」就是承認 slips 永遠會發生,於是設計彈性讓人回頭補救;而報稅系統的一開始導覽與試算,則是面對 mistakes 的解方。


總結:把「體貼」做成系統

《DOET》最動人的地方,不在於它教你做漂亮的介面,而是它讓我們把人性當成設計的預設值。如果把城市與組織當成大型產品,你會發現:

  • 政府表單其實是一個互動流程;
  • 醫療院所是一條高壓情境的服務旅程;
  • 校園與職場的規範,是一組文化與邏輯限制;
  • 企業的客服成本,往往是壞 mapping 與無回饋累積出的代價。

我的觀察是:我們常把「學會使用」當成成功,卻忽略了「為什麼需要學」。當系統需要使用者去適應,它就把成本外包給了人;當系統努力貼近人的模型,它就在替全體節省心力。台灣在數位轉型上已經累積大量系統,但更關鍵的下一步,是把《DOET》的原則落在跨部門的流程設計實體空間的導引——從網站到櫃台、從螢幕到指示牌,都是同一段旅程。

更進一步,我們可以在每個專案中建立三個「不妥協」的檢查點:

  1. 第一眼可被發現:不用問人,也不用猜。
  2. 第一手有回饋:每一步都知道系統收到了什麼。
  3. 第一錯可復原:容許人性、降低代價。

當設計把這三件事做到位,抱怨聲會變少,服務成本會下降,滿意度會上升——不是因為我們教育了使用者,而是因為我們理解了人


延伸閱讀/行動清單

行動清單(今天就能做)

  1. 做一份「摩擦日記」:連續三天,記錄你在任何介面上卡住的瞬間,標注是執行鴻溝還是評估鴻溝。
  2. 五人走查:找 5 位不同年齡的同事或家人,請他們在沒有指導下完成同一個任務(如:在公司內網請假)。觀察他們的第一步,記錄 slips 與 mistakes。
  3. 重繪 mapping:挑一個常被抱怨的控制面板(例如會議室設備),把按鍵排列改成與結果同構的空間配置,當週就 A/B 測試。
  4. 補上回饋:為任一表單送出加上明確的成功頁與 Email 確認,並顯示下一步(例如列印收據或返回首頁)。

延伸閱讀

  • Don Norman, Emotional Design(談情緒如何影響使用與喜愛)
  • Steve Krug, Don’t Make Me Think(網頁可用性經典)
  • Universal Principles of Design(設計通則百科)
  • Alan Cooper 等, About Face(互動設計全書)

參考連結

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *