Отзывчивость интерфейса

Кнопки, ссылки, элементы форм — любые активные элементы страницы должны отзываться на действия пользователей. Выражается это в смене внешнего вида: смена цвета рамки или фона, появления эффекта свечения или затенения, смена иконки курсора, цвета текста, появление подчёркивания у текста и т. д.

Нужно это, чтобы пользователи не отвлекались на мысли «а работает ли эта кнопка?», «кнопка уже активировалась или нужно повторить нажатие?» и т. д. Любы отвлечения мешают главному: изучению и погружению в содержимое страницы.

Вот так выглядят разные эффекты у кнопок.

Существует 3 вида эффектов:

:hover — наведение курсора мыши.
:active — нажатие левой кнопкой мыши.
:focus — фокус текстового поля для начала ввода текста или открытие выпадающего списка.

Активные элементы также считаются блоки, при наведении на которые появляется курсор «pointer» (рука с вытянутым указательным пальцем). Курсор pointer означает, что элемент кликабелен, следовательно, он должен отзываться сменой дизайна при наведении курсора мыши.

Чтобы проверить отзывчивость интерфейса и увидеть проблемные элементы визуально, воспользуйтесь нашим бесплатным онлайн сервисом.

ПРО подписка для работы с сервисом

Подробнее о тарифах