26.05.2009
О курсоре и кнопках
Почему курсор не изменяет форму на «руку с указательным пальцем» при наведении на стандартные кнопки в веб-интерфейсах? Например, кнопка на ya.ru. Когда делают качественные нестандартные кнопки (Gmail, админка Wordpress, …) — изменение курсора обычно прописывают. А на стандартных кнопках — очень редко.
Чего же так? Меня этот момент всегда смущал. Вот сделал тестовую страничку — имхо, с изменением лучше.
ИМХО, курсор не меняет форму, потому что при наведении на кнопку происходит её стандартное, привычное выделение (которое для ссылок отличается в зависимости от цветовой схемы как минимум). При клике от кнопки есть фидбек.
Роман Рыбальченко, посмотри на тестовую страничку, неужели первый вариант лучше второго? Изменение стандартное конечно хорошо, но без изменения курсора я себя как-то не очень чувствую.
Думаю, причина в том, что кнопка на веб-странице имитирует стандартное поведение элемента интерфейса ОС.
Потому она и выглядит так, чтобы быть похожей на кнопку, как в других, настоящих программах.
А вот когда кнопка не стандартная, её могут выделять, чтобы убедить пользователя, что она действительно активная.
На тестовой странице первый вариант мне намного привычнее.
Виктор, я думаю ситуация здесь похожа на ситуацию со ссылками. Да, можно оставить только стандартное подчеркивание и измнение курсора при наведении. Однако, очень часто правильней будет добавить и изменение цвета при наведении.
К тому же, в Gmail, например, кнопки почти не отличаются от стандартных по виду. А изменение все равно очень даже хорошо воспринимается.
Кстати, изменил у себя на сайте CSS кнопки отправки комментариев :)
Согласен с Виктором: поведение кнопок в браузере должно быть таким же, как в программах. Хотя лично для меня в случае с кнопками особой разницы нет: курсор-стрелка или курсор-рука.
У меня тогда вопрос: учитывая интернетизацию глобальную, не наоборот ли? То есть, не должны ли кнопки в системе подстроиться под интернет-стандарты, а не интернет-стандарты под системные стандарты? :)
Лучше или нет — не скажу, но привычнее вариант, который симулирует поведение OS.
Кнопка с изменяющимся курсором мне не импонирует т.к. становится похожей на ссылку-банер.
+ Кажется что если я на нее нажму то я перейду на другую страницу (на совершенно другую).
Системный вариант в интернете не логичен… он хорош тогда, когда все однотипно, как в OS. А в интернет-разнообразии должен быть стандартный показатель активности… изменение курсора это.
По крайней мере я попробую пропагандировать такой подход.
Ммм… возможно стоит везде применять не стандартные, но похожие на стандартные кнопки, как в Gmail. Чтобы и не путать народ и правильно поступать :)
Это дело системы — давать фидбек на наведение кнопки. И, если используется системная кнопка, то и вести она должна себя как системная.
Кстати, в некоторых темах системные кнопки (и нестилизованные HTML) как раз дают фидбек, легоньким изменением бекграунда. Тема Clearlooks, к примеру.
Потому добавлять ещё и курсор будет лишним.
Курсор-рука ассоциируется со ссылкой, и как тут пишут, с баннером. В системе же курсор не меняется при наведении. Ну и в той же Опере кнопки при наведении мыши подсвечиваются, имхо это лучше.
Роман, с вами согласен, тоже делаю кнопки с пальцем.
Что палец похож на банер несогласен, по-моему такое знание и поведение присуще довольно узкому кругу людей, хотя, конечно это зависит от целевой аудитории сайта.
Но самое главное, что мне очень нравится идея про подсвечивание, по-моему, это действительно самый лучший вариант.