Unlocking Effective UI: How Lawsofux Principles Transform User Experience

Introduction

UI design evolves rapidly, but designers constantly pursue beauty and usability. The article reflects on Lawsofux UX principles and shares simple observations from real projects.

Lawsofux UX Principles

Hick's Law

Decision cost rises with the number and complexity of options. Breaking tasks into simple steps, highlighting recommended options, and progressive disclosure reduce cognitive load.

Case: "省心招" recruitment refresh result page – differentiated three entry points, emphasized the most needed action, avoiding overload.

Fitts' Law

Target acquisition time depends on distance and size. Click targets should be large enough, spaced adequately, and placed in easily reachable areas.

Case: 58 Marketing Platform – data visualization upgrade – added large trigger points on bar charts to improve data readability.

Gestalt Proximity (Common Region) Law

Elements grouped in a clear area are perceived as a set. Adding borders or backgrounds creates a common region.

Case: "帮帮商家" 2.4.0 iteration – reorganized save button with preview, using background to group them, matching user mental model.

Proximity Principle

Nearby objects are perceived as related; spacing separates unrelated content.

Case: 58 Marketing Platform – effect data page – used spacing to hint at control relationships and priorities.

Connectivity Principle

Visually connected elements are seen as related; use color, lines, frames.

Case: 招才猫 refresh settings page – card layout clarified hierarchy; lines linked titles and descriptions.

Aesthetic‑Usability Effect

Beautiful designs are perceived as more usable; they can mask minor usability issues but also increase visual complexity.

Case: "省心招" top page redesign – added icons, colors, and images, then emphasized key information with large fonts.

Miller’s Law (7±2)

Working memory holds about 7±2 items; chunking helps present information.

Case: 招才猫 refresh settings popup – limited content to avoid overload, focusing on essential points.

Tesler’s Law (Complexity Conservation)

System complexity cannot be reduced, only shifted.

Case: Complex settings page – offering smart refresh reduces user operation complexity.

Conclusion

Mid‑back office projects prioritize efficiency and usability; applying Lawsofux principles helps designers understand user states, memory limits, and interaction patterns, ensuring design decisions are grounded in proven UX logic.