Представьте, что пользователь заполняет форму. Нажимает кнопку «Продолжить», страница обновляет часть интерфейса, и рядом с полем появляется сообщение об ошибке.

Но пользователь его не замечает. Снова нажимает кнопку, раздражается, потому что ничего не происходит.

При этом сообщение видно, оно выделено красным цветом и находится буквально перед глазами.

Одна из возможных причин — change blindness, или слепота к изменениям.

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

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

В психологии есть известный эксперимент flicker paradigm: человеку поочерёдно показывают две почти одинаковые картинки, разделённые коротким пустым кадром. На одной из картинок изменён объект.

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

Другие части интерфейса, которые рискуют попасть под этот эффект:

• Асинхронные операции. Если после действия изменился только небольшой текст в другом конце экрана, пользователь может не понять, что операция завершилась. • Динамические списки. Если элементы незаметно поменяли порядок, человек может потерять объект, с которым работал. • Уведомления. Сообщение может появиться и исчезнуть, пока пользователь смотрит в другую часть страницы.

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

#ks_фронтенд #ks_научпоп #дизайн #ux #ui #uxui #uiux #психология #интерфейс #сайт