Какой курсор должен быть при наведении на кнопку, стрелка или пальчик?

Стрелка и пальчик

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

Главная » Статьи » Стрелка и пальчик

Два года назад Илья Бирман у себя в блоге написал заметку, в которой затронул вопрос: а нужно ли, чтобы курсор менялся при наведении на кнопку?

Это давний вопрос, которым задаются разработчики. А Илья поднял вопрос в очередной раз. Правда, без собственного ответа.

Зато, провёл интересный исторический экскурс, почему у одних элементов видоизменяются курсор при наведении, а других нет.

У меня есть своя позиция. Я считаю, что курсор при наведении всегда должен меняться на руку с пальцем. И сейчас я попробую обосновать свою точку зрения.

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

Чтобы избежать несогласованности между интерфейсом операционной системы и интерфейсом сайта, решили не менять курсор и в вебе.

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

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

А такое поведение уже выглядит поломанным.

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

И в современных реалиях уже не так важно, а что там было в интерфейсах 30 или даже 20 лет назад. Куда важнее, к чему люди привыкли за последние годы.

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

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

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

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

И я сейчас говорю о теге Лейбл. При наведении на него тоже ничего не происходит с курсором.

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

Как следствие, пользователи не знают, что не нужно целиться в крошечный кружочек радиокнопки, достаточно нажать на текст рядом.

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

Это моя особая боль и самый первый вопрос, который я задавал на собеседовании потенциальным сотрудникам. Я об этом писал у себя в телеграм-канале.

И тут всё становится совсем плохо: даже если пользователь знает, что при клике на лейбл можно активировать элемент, далеко не всегда у него это получается, потому что какая-то бестолочь сломала логику и засунула текст в спан.

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

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

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

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

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

Главное, чтобы общими усилиями мы делали Веб удобнее.
А пока… пока!