«Не важно где размещена кнопка — главное, что она присутствует». Именно так, дизайнеры, которые не понимают UX, думают о кнопках. Но в UX важна каждая деталь, и особенно размещение кнопок.

door-knob-placement

Кнопки — это как дверные ручки. Люди не смогут эффективно открывать двери, если дверные ручки не будут расположены не привычном месте. А поскольку ручки расположены именно в привычных местах, люди проходят через двери даже не задумываясь. Устоявшаяся схема размещения дверных ручек вырабатывает у людей несознательную привычку.

 

Люди — это создания привычки

Как и дверным ручкам, кнопкам нужна система размещения. Правильное размещение кнопок позволяет пользователю перемещаться внутри приложения так, будто он проходит через двери.

Большинство приложений не следует системе размещения кнопок, что приводит к нестыковкам между тем, чего хочет добиться пользователь, и тем, на что способно приложение.

 

Исследования

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

Pocket узнали, что «новые пользователи инстинктивно нажимали кнопку Archive для того, чтобы вернуться на уровень вверх, ожидая, что на ее месте будет кнопка Up. В итоге программа закрывалась, не сохраняя прогресс просмотра»

up-button-placement

Иконка, которую они использовали для кнопки Archive, не похожа на иконку, которая используется для кнопки Up. Но, поскольку они разместили ее там, где обычно размещается кнопка Up, пользователи, пытаясь вернуться на уровень вверх, нажимали именно на нее.

Pocket посчитали, что удаление кнопки Up, и перемещение кнопки Archive на пару пикселей вверх не особо скажется на юзабилити. Но эти незначительные детали сильно влияют на пользовательский опыт потому, что люди — это создания привычки.

В другом исследовании, в котором пользователя попросили назначить встречу в тестовой программе, ему не понравился момент, когда он «заполнил все поля, пригласил пару человек, а затем, случайно, отменил всю работу».

done-button-placement

Несмотря на то, что надписи на кнопках были разными, пользователь совершил эту ошибку потому, что кнопки размещались не в тех местах, в которых пользователь ожидал их увидеть.

Есть пословица «Рука быстрее глаза». Но в этом случае, «Привычка сильнее глаза». Дизайнеры должны об этом помнить, и учитывать устоявшиеся схемы размещения кнопок во время проектирования своих приложений.

 

Заключение

Не важно, с какой стороны, по вашему мнению, должна находиться кнопка Cancel — установите для себя правило, и следуйте ему на всех страницах вашего приложения. Такая последовательность задает тон ожиданиям пользователей и укрепляет их привычки.

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