Проверка отзывчивости интерфейса
Интерфейс будет интуитивно понятным пользователю, если его элементы отзываются на клик, наведение курсора, выбор поля формы и т.д.
Что такое отзывчивость интерфейса?
Отзывчивость интерфейса — это реакция сайта на действия пользователя. Например, при наведении на кнопку, она должна изменить цвет, а курсор должен смениться на pointer. Так пользователь поймёт, что её можно нажать. То есть, интерфейс отзывается на действия пользователя и реагирует изменением дизайна.
Сравните 2 формы, понажимайте на поля, введите текст:
Обычная форма
Отзывчивая форма
Насколько это важно?
Отзывчивость интерфейса — это как тактильные ощущения. Без них возникнет путаница. Пользователям надо будет постоянно догадываться, является ли элемент активным, нажат ли он. Чтобы сделать взаимодействие с сайтом максимально интуитивно понятным, его интерфейс должен быть отзывчивым.
В противном случае:
- Пользователь будет постоянно отвлекаться на то, чтобы понять, как взаимодействовать с сайтом. Это снижает фокусировку и отъедает внимание от процесса изучения сайта.
- Отсутствие отзывчивости дешевит дизайн сайта. Он кажется недоработанным или вообще кустарным.
- Пользователь может запутаться настолько, что решит, что сайт сломан и покинет его.
Что делать с найденными проблемами?
Для всех активных элементов нужно указать поведение при наведении, фокусировке и клике. Для этого создайте стилевые правила с псевдоклассами :hover, :focus, :active и задайте изменение дизайна.
Это нужно сделать для всех форм, кнопок, ссылок и вообще активных элементов, для которых указан курсор pointer.