KNOWLEDGE NOTES

Knowledge Notes

Explore curated knowledge, course notes and methods, with their existing content and sources preserved.

This index lists complete English editions. Additional Chinese notes and bilingual updates remain available in the Chinese index.

350knowledge notes
Product Design & UX / Other Product, Design and Learning Materials

Laws of UX: 28 UX Laws (Fitts's / Hick's / Miller's / Jakob's / Tesler's / Doherty / Peak-End / Von Restorff / 5 Gestalt Principles / Aesthetic-Usability … Bilingual Chinese-English, Organized by 6 Core Intent Clusters)

The complete essence of all 28 UX laws and psychological effects from Jon Yablonski’s *Laws of UX* 2.0, distilling decades of experimental findings from cognitive psychology into actionable mantras that PMs can directly apply to design decisions. Grouped into 6 clusters by underlying intent: ① Cognitive Load (Cognitive Load / Working Memory / Miller's Law / Chunking / Tesler's Law (Law of Conservation of Complexity) / Occam's Razor / Law of Prägnanz) — The brain has limited processing power, so subtract ruthlessly and shift complexity from the user to the system. ② Decision Friction (Hick's Law / Choice Overload / Cognitive Bias / Paradox of the Active User) — More options lead to slower, more anxious decisions; framing and wording skew judgment; users never read manuals. ③ Gestalt Grouping (Proximity / Similarity / Common Region / Uniform Connectedness / Closure / Symmetry / Continuity) — The human brain automatically groups visual elements; use spacing, borders, and color to control “what belongs with what.” ④ Time Perception and Motivation (Doherty Threshold 400ms / Flow / Goal-Gradient Effect / Zeigarnik Effect / Parkinson's Law / Peak-End Rule / Serial Position Effect) — Users’ perceived speed, progress, and memory matter more than objective data. ⑤ Familiarity and Resilience (Jakob's Law / Mental Model / Postel's Law) — Users expect your product to work the same way as others’ products; be liberal in what you accept, conservative in what you send. ⑥ Attention and Aesthetics (Selective Attention / Banner Blindness / Von Restorff Effect / Aesthetic-Usability Effect / Pareto Principle 80/20) — Highlight what matters, avoid ad-like visual patterns, and remember that attractive things feel more usable. Each entry includes definition, psychological origin, how to apply it, counterexamples, and when to use it. Written for non-technical PMs, with in-line explanations of jargon, in bilingual Chinese-English format. Designed for quick recall of “which law to remember next time you encounter interface problem X.”

UX LawsCognitive psychologyInteraction DesignEnglish edition