Laws of UX

關於 Laws of UX

Laws of UX 是將使用者介面相關心理與設計概念整理成條目的網站，首頁以簡短定義介紹各項原則。內容涵蓋認知負荷、選擇過多、資訊分組、心理模型，以及接近律、相似律等視覺群組規則，提供設計者查找概念與閱讀延伸內容的入口。

網站也收錄費茲定律、希克定律、序列位置效應與峰終定律等條目，協助讀者從目標大小、選項複雜度與記憶方式等角度思考介面。這些內容適合在設計討論或檢查流程時作為概念索引，將抽象原則對應到版面、導覽和互動情境，再配合實際使用者需求與測試結果判斷如何運用。

功能特色

主要功能

• 美感與認知偏誤：介紹美感易用性效應、認知偏誤及心理模型，供設計判斷時參考。
• 選擇與複雜度：整理選擇過多、希克定律、泰斯勒定律及奧坎剃刀，討論決策負擔。
• 資訊處理與注意力：涵蓋組塊、認知負荷、選擇性注意及工作記憶，協助思考資訊安排。
• 視覺分組法則：收錄接近、相似、共同區域、簡潔及一致連接等完形心理原則。
• 操作與回應：以費茲定律及多赫蒂閾值，介紹目標大小、距離與系統回應的關係。
• 慣例與直接操作：透過雅各布定律、主動使用者悖論及波斯特爾定律討論熟悉度與使用行為。
• 動機與專注：整理心流、目標梯度效應及蔡格尼效應，說明投入感、接近目標與未完成任務。
• 記憶與體驗判斷：涵蓋米勒定律、序列位置效應、峰終定律與馮雷斯托夫效應。
• 工作與資源安排：收錄帕累托原則及帕金森定律，提供看待成果分布與時間安排的角度。
• 概念索引與延伸入口：各原則以摘要連到獨立條目，另提供文章、書籍及卡片相關資訊。

使用情境

• 檢查資訊密集的介面時，查閱認知負荷、資訊分組與選擇過多等條目作為討論起點。
• 安排團隊設計讀書會時，每次選取一項原則，搭配實際版面與互動情境討論適用方式。

相似工具

• Adobe Color — 學習網站
• Adobe Learn — After Effects — 學習網站
• Apple Human Interface Guidelines — 學習網站
• Baymard Institute UX Knowledge Hub — 學習網站
• BP&O — 學習網站
• Brand New — 學習網站
• Butterick’s Practical Typography — 學習網站
• Color（Method of Action） — 學習網站
• DesignSystems.com — 學習網站
• Figma Learn — 學習網站
• Fonts In Use — 學習網站
• GoodUI — 學習網站

加入創作邦會員

收藏實用內容、下載免費模板，訂閱電子報。

精選工具

• Comet — Comet 是 Perplexity 的 AI 瀏覽器，整合搜尋與助理功能，可協助閱讀、比較網頁內容、準備郵件草稿與整理學習計畫。
• Lovable — Lovable 可透過對話介面建立軟體產品，協助把想法製作為網頁應用程式。
• Pexels — Pexels 是照片與影片素材資源平臺。
• DOTOWN — DOTOWN 提供像素插畫下載，官方標示可商用，可用於圖示、文件與其他創作。

新工具

• justfont blog — 分享中文字體基礎、字型排版應用與字體設計入門的繁中文章及教案。
• LottieFiles Tips and Tutorials — LottieFiles 官方教學文章，分享設計系統、狀態機、介面動畫與 Lottie 流程。
• Adobe Learn — After Effects — Adobe 官方 After Effects 教學，涵蓋文字動畫、視覺效果與動態模糊。
• Pentagram Work — Pentagram 官方作品集，分享品牌識別、策略、包裝與動態等專案案例。