Hands-On UX Design for Developers

The Common Region law

Using the law of Common Region, we show a connection between two elements or groups by enclosing them with each other. Whatever is included inside the enclosure is seen as related, and everything outside the enclosure is seen as a separation. Take a look at the following example:

The usual way to see a Common Region example is by drawing one box around related elements, as has been done in the preceding diagram. Placing those elements or objects on a different background color will make the view clear so users understand that those objects are separated from each other. Also, instead of adding the difference on the background ...