ILLUSIONS::DISTORTION

Cafe Tiles

Cafe Tiles

In this picture, it seems that the lines separating each row of tiles are bent, but the truth is that all the lines are parallel to each other. This optical illusion is caused by the uneven alignments of black tile in each row, out brains will interpret the clutter as the resulting of the lines being uneven, resulting in sliding and shifting of the black tiles. This should be kept in the back of our minds when designing interfaces: every object on the interface should be well organized with respect to others, not only will this be easy on the eye of the users, it would eliminate the false sense of uneven horizontal alignments as well.

Some things appear bigger!

Some things appear bigger!

Look at the two shapes. Which appears to be the longest — A or B?

In the case of the two bars, the simple act of adding arrow heads and ends tricks the brain into misjudging size. This turns out to be particularly easy to do.

In bar A, the outward-pointing arrows rigidly define the size of the bar. In bar B, however, the opposite is true — the arrow flights loosely define the ends of the bar.

The overall size of object B is greater than that of A. This immediately tricks our brain into increasing the significance of B. Its close proximity to A seals the deal, and we will always choose B as the biggest. Use a ruler, however, and you will find no difference.