⌘ K
  • Design Principles
  • Design Framework
  • UX Laws
  • Colours
  • Typography
  • Layout Grids
  • Spacing & Radius
  • Shadow & Blur
Product Design Process
Accessibility Guideline
Content Voice
Marketing & Collaterals
  • Accordion
  • App Bar
  • Avatar
  • Badge
  • Button
  • Breadcrumb
  • Bottom Navigation
  • Carousel
  • Cards
  • Checkbox
  • Chip
  • Date Picker
  • Dropdown
  • Dialog
  • Divider
  • Floating Action Button
  • Footer
  • Header
  • Link
  • Loader
  • Menu
  • Pagination
  • Popover
  • Progress Bar
  • Radio Button
  • Search
  • Sidebar
  • Slider
  • Skeleton
  • Statistic
  • Stepper
  • Switch
  • Table
  • Tabs
  • Tag
  • Text Field
  • Timeline
  • Toast Message
  • Tooltip
  • Upload
  • Logos
  • System Icons
  • Visual Icons
  • Illustrations
  • Images
  • Tones
Templates
v 1.0
  • About Helix
  • For Designers
  • For Developers
  • Components

UX Laws

UX laws are guidelines in User Experience (UX) design based on observations of user behavior, helping designers create effective and user-friendly interfaces.

UX Laws
Hick's Law
Hick's Law

Hick's Law

Hick's Law

Principle: The time it takes to make a decision increases with the number of choices available.

Application: Simplify choices and reduce cognitive load by presenting users with a manageable number of options.

Fitts's Law
Fitts's Law

Fitts's Law

Fitts's Law

Principle: The average person can only keep about 7 (plus or minus 2) items in their working memory at a time.

Application: Keep interfaces simple and avoid overwhelming users with too much information at once.

Miller's Law
Miller's Law

Miller's Law

Miller's Law

Principle: The average person can only keep about 7 (plus or minus 2) items in their working memory at a time.

Application: Keep interfaces simple and avoid overwhelming users with too much information at once.

Jakob's Law
Jakob's Law

Jakob's Law

Jakob's Law

Principle: Users spend most of their time on other sites, and they prefer your site to work the same way as all the other sites they already know.

Application: Follow established design patterns and conventions to create a familiar and intuitive user experience.

Gestalt Principle
Gestalt Principle

Gestalt Principle

Gestalt Principle

Principle: Describes how people tend to perceive visual elements as a whole, based on certain principles like proximity, similarity, continuity, closure, and figure-ground.

Application: Use these principles to organise and structure information for better visual perception and understanding.

Design Framework
Colours

Helix - HDFC Life 2025