The Law of Similarity in UI UX Design

Definition

The law of similarity states that elements should keep in a group using size, shape, color & other design patterns.

Details Description:

If there are two elements and we want to put in product. If they have same functionality and same meaning then we should apply same design pattern so user can perceive same to both elements.

Why we use this law?

To keep inform user about this are same elements and you can do same operation on it and expect same functionality from all same elements. Easy to understand

How we can use it in designing website and app?

If elements have same meaning then apply same design pattern.

Real time example.

Amazon – Product listing page

FAQ – Accordion

Button, Menu – Design Pattern

Slider –

Live example

Cloth

Items in refrigerator

Books & Textbook