Laws of UX 是一個把心理學原理帶進介面設計決策的參考網站:它蒐集與使用者體驗相關的心理學法則,配上鮮明的視覺圖卡逐條講解,讓設計師理解使用者行為背後的認知機制,在捍衛設計決策時有憑有據。網站由產品設計師 Jon Yablonski 於 2018 年建立並持續維護,所有內容免費、免註冊。和一般籠統的設計原則清單不同,這裡每條法則都附上設計要點、取材自知名產品的實際案例,以及可追溯的學術出處。

站點速覽
- 網址:https://lawsofux.com/
- 類型:設計參考 / 心理學知識庫(個人維護的獨立站點)
- 費用:免費,無付費內容;另有付費圖書、海報與卡牌等衍生商品
- 註冊要求:無需註冊,無帳號體系
- 介面語言:英語、西班牙語、法語、阿拉伯語、波斯語五種(無中文,截至 2026-09-21)
站點背景
Laws of UX 的作者是底特律設計師 Jon Yablonski。他在 2018 年 4 月 Adobe 部落格的訪談中提到,網站於 2018 年 1 月中旬上線,最初只收錄 10 條法則;契機是他當時參與汽車產業的人機介面專案——為了論證「簡化複雜介面」的決策,他查閱了大量認知心理學資料,卻發現市面上缺少寫給設計師的入門讀物,乾脆自己動手做了一個。站點的視覺風格致敬企鵝出版社復古心理學叢書的封面設計。
Yablonski 現任 Mixpanel 資深產品設計師(截至 2026-09-21),本站之外還維護設計倫理專案 Humane by Design。值得一提的是,他在訪談中特別說明「法則」只是約定俗成的稱呼——這些原理是經驗法則式的參考,無法取代針對具體專案的使用者研究與測試。
法則庫的結構與內容
截至 2026-09-21,首頁共收錄 30 條法則與概念,涵蓋 Hick's Law、Fitts's Law、Miller's Law 等經典人機互動定律,完形心理學原理(接近性、相似性、共同區域等)、Peak-End Rule、Zeigarnik Effect 等認知與行為心理學概念,以及隨第二版圖書新增的 Flow、Choice Overload 等條目。
每條法則的頁面結構一致(以 Hick's Law 為例):
- 一句話定義:概括法則的核心論斷;
- Takeaways:面向設計實務的操作要點,例如「在回應時間關鍵的場景減少選項數量」;
- Examples:取材自真實產品的案例截圖與分析,例如 Google 首頁、Apple TV 遙控器、Slack 的漸進式新手引導;
- Origins:法則的學術淵源與出處連結,例如 Hick's Law 可追溯至 1952 年 William Edmund Hick 與 Ray Hyman 的實驗;
- Further Reading 與免費海報:延伸閱讀連結,以及可免費下載的法則海報(託管於 Dropbox)。

法則條目之外,Articles 專欄另有少量探討心理學與使用者體驗交叉主題的長文(截至 2026-09-21 共 5 篇),例如討論何時可以打破慣例、刻意求新的《Familiar vs Novel》。
配套圖書與衍生商品
網站內容已擴寫成 O'Reilly 出版的圖書《Laws of UX: Using Psychology to Design Better Products & Services》。根據官網圖書頁:第一版於 2020 年出版;第二版於 2024 年 2 月發行(ISBN 9781098146962),新增 Paradox of Choice、Complexity Bias、Flow 三個概念,補充無障礙、個人化等設計考量與使用者訪談、眼動追蹤等研究方法,並全面更新案例。兩個版本都有多語言授權譯本,第一版含簡體中文譯本(京東販售),第二版已推出葡萄牙語、保加利亞語、韓語與德語版本。

其他衍生商品包括:
- 海報:每條法則都提供免費電子版海報下載;印刷版海報在作者的 Big Cartel 商店販售,單條法則海報 29 美元,24"×36" 的總覽大海報(Index Poster)60 美元(價格截至 2026-09-21)。首頁公告顯示大海報近期更新,新增 Paradox of the Active User、Selective Attention、Cognitive Bias 等較新條目。
- 卡牌:與 Pip Decks 合作推出的實體卡牌,每副含 54 條心理學原理與 UX 方法,用於設計評審與方案論證。
版權與使用授權
根據網站資訊頁聲明,站內全部內容以 Creative Commons BY-NC-ND 4.0 授權。也就是說:可在署名前提下自由分享(複製、轉發)站內內容,但不得用於商業用途,也不得基於內容創作衍生作品(包括翻譯後發布與改作)。教學中引用或轉發單條法則通常沒有問題,但若想把海報或條目內容改編進商業教材、企業內訓材料,或翻譯後公開發布,需要先取得作者授權。圖書與實體商品不在此 CC 授權範圍內,依各自的出版與銷售條款處理。
隱私與資料蒐集
網站隱私政策(頁面標註 2026 年 8 月最近覆核)說明:使用 Mixpanel 進行造訪統計,並隨機錄製 5% 工作階段用於可用性研究,資料存於瀏覽器 localStorage 而非追蹤 Cookie;深淺色主題偏好僅存於本機;聯絡表單由 Netlify Forms 處理。以個人站點而言屬於相當克制的資料蒐集方式,瀏覽法則內容本身不需要提供任何個人資訊。
適用場景
- 設計師在方案評審、設計文件或提案中引用心理學依據,為決策提供可追溯的出處;
- 設計新人系統建立「使用者行為—認知原理」的詞彙表,搭配案例理解抽象概念;
- 團隊培訓與工作坊的現成素材(留意 ND 條款對改作的限制);
- 非設計職位(產品、開發)快速認識常見 UX 原理的低門檻入口。
局限
- 內容深度偏入門:每條法則僅一頁篇幅,重在概念普及而非嚴謹論證;深入研究需要轉向圖書或頁尾引用的原始文獻。
- 個人維護、更新節奏不固定:法則條目自上線以來陸續增補(從 2018 年的 10 條增至目前的 30 條),Articles 專欄文章很少,沒有穩定的更新頻率承諾。
- 無中文介面:網站本身不提供中文版本;中文讀者若需要母語內容,只有第一版圖書的中譯本可選。
- 授權限制較嚴格:BY-NC-ND 禁止商業使用與衍生作品,免費海報不能直接用於商業培訓或改作後發布。
- 案例以歐美主流產品為主:Examples 欄目多取材於 Google、Apple、Slack 等知名產品,對在地化場景的覆蓋有限。






