Так выглядело окно входа с паролем в старом Айтюнсе:

Слева — выбор между Эплом и Аолом. Им соответствуют два поля. У меня Эпл, я ввожу эпл-айди в первое поле и нажимаю Энтер. Но справа от Аола вдруг появляется красная стрелка и указывает мне на второе поле: «Аол-то сюда введи, э». Но у меня нет Аола!

Оказывается, второе поле — это пароль от эпл-айди. Красная стрелка указывает на поле и не имеет отношения к Аолу.

Мозг человека стремится выделить в наблюдаемой картине цельные образы. Объекты связываются не только собственно по близости, но и по расположению, размеру, цвету, форме, направлению и характеру движения, а также образующие знакомую форму.

Дизайнер использует особенности человеческого восприятия для того, чтобы создать нужный образ. Если же образ получается противоречивый, то устраняет двусмысленность, вызванную неудачным использованием близости и родственных ей эффектов.

В более новой версии радиогруппу отодвинули подальше от полей:

Пароль стал ближе к эпл-айди, чем к Аолу, но ощущение соответствия полей радиокнопкам осталось — из-за горизонтального выравнивания.

Если сломать сбивающие с толку связи, проблема исчезает:

Теперь, правда, хочется переверстать всё окно, чтобы оно стало красивым.

То же с вертикальным выравниванием. Когда соседние этажи одинаково разделены на колонки, они кажутся связанными:

• Читатель пытается сопоставить:
• офисная мебель — по размеру офиса;
• кабинеты руководителя — по производителям;
• офисные кресла — по стоимости;
• а также у нас есть — мы нашли.