В вебе, при наведении на кнопку курсор должен менять форму на pointer (как при наведении на ссылку)?

     

    Only registered users can participate in poll. Log in, please.

    В вебе, при наведении на кнопку курсор должен менять форму на pointer (как при наведении на ссылку)?

    • 27.5%Да, всегда766
    • 33.4%Да, если кнопка не стандартная931
    • 23.2%Нет, никогда647
    • 15.9%Я на такие мелочи внимание не обращаю442
    Ads
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More

    Comments 69

      +2
      Почему-то если кнопка — особенная картинка, то обычно меняют, а если стандартная — то нет. Я лично привык именно к такому поведению :)
        0
        В Gmail кнопки очень похожие на стандартные. И изменение есть.
          +1
          но все же они не стандартные
            +3
            или кто то считает по другому?
              +4
              Спросите среднестатистического пользователя, не гика.
              Различит ли он и скажет ли, какая из них стандартная?
              Думаю, просто покачает головой и удивится вопросу.
          +2
          Это потому, что видя стандартную кнопку, пользователь знает, что это кнопка, и не обращает на курсор внимание. Если кнопка нестандартная, рисованная, то необходима дополнительная информация (cursor:pointer), чтобы понять, что это — именно кнопка.
          • UFO just landed and posted this here
              0
              Не все «дизайнеры» следуют этой рекоммендации.
              К тому же некоторые элементы дизайна могут только логически являться кнопками, а визуально всем, чем угодно
              • UFO just landed and posted this here
          +17
          да, если при нажатии на кнопку пользователь перейдет на другую страницу
            +1
            Правильный ответ, которого почему-то нет в голосовании. Если кнопка работает как ссылка — то и курсор должен выглядеть как курсор над ссылкой. Если кнопка делает что-то на странице без её покидания — то курсор менять незачем. Например кнопки «предпросмотр» и «написать» в форме редактирования сообзения (которое я сейчас пишу) выглядят как обычные кнопки, обновляют страницу аяксом без перехода и потому курсор при наведении на них остаётся обычным курсором. А допустим кнопки в меню навигации по сайту работают как ссылки, а потому курсор при наведении на них должен меняться.
              0
              сейчас можно легко отыскать любые элементы-кнопки (курсор pointer), в вашем случае аяксовые кнопки имеют шанс остаться без внимания. даже если графически изображена кнопка, с обычным курсором она может показаться неактивной.
                0
                Кнопка должна привлекать внимание за счет своего внешнего вида, а не за счет изменения курсора. Иначе у нее точно есть все шансы остаться без внимания.

                А если кнопка выглядит как кнопка и действует как кнопка, то изменение курсора ей не нужно. Она ведь кнопка!
                  0
                  это в идеале. скажем, вот тут на хабре висючая справа кнопка-обновлялка выглядит не совсем уж как кнопка. и таких примеров масса.

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

                  да и потом, «что похоже на кнопку, а что нет» и степень похожести — это отдельная мощная тема, почти индивидуально рассматриваемая для разных случаев.

                  так что на мой взгляд на_данный_момент ситуация такова, как я её описал в предыдщуем сообщении.
            –1
            Учитывая разброс в голосовании мне действительно интересно, почему топик минусуется :) Видимо, спорные вопросы на главную люди не любят выносить :)
              +13
              Если пользователь видит стандартный системный элемент управления, то ни в коем случае. Должно быть максимально привычное поведение.
              Если же кнопка нестандартная, то по желанию, но в целом, если кнопка как кнопка, и нажимается, и реагирует на курсор, то можно и не менять, у неё привычное поведение. А если же кнопка тупо статическая картинка, то нужно бы поменять курсор, что бы хоть как-то показать пользователю, что это элемент управления.
                0
                Мне вот кажется, что в Gmail все же идеальный вариант…
                  +1
                  не хочу навязываться но это точно спорно!
                  пс: а минусуют скорее день такой (имхо)
                    +1
                    А мне кажется, что нет, и я просто описал свои мысли. Обычная кнопка — обычное поведение. На гмыле кнопки не обычные, потому с курсором.
                  +3
                  Вообще кнопка по классическому определению выполняет действие, а не перекидывает на другую страницу.
                  Поэтому для кнопок — курсор-pointer, а для перехода на другую страницу — ссылки и курсор-hand.

                  Думаю, так :)
                    –1
                    В поисковых формах, входах (логин, пароль) куда угодно — кнопки именно что перебрасывают на другую страницу.
                      +1
                      Нет, они дают команду на обработку имени и пароля, а вот по результатам обработки может выполняться переход на другую страницу.

                      Например, предположим, что в форме есть дву кнопки — «Войти в систему» и «Очистить форму». Вы бы какие курсоры на них поставили?
                        0
                        Я уже свое мнение сформировал. Плохо кнопки без курсора. Плохо стандартные кнопки с курсором. Плохо очень нестандартные на вид кнопки.

                        Идеал — кнопки, похожие на стандартные, но не стандартные, с курсором. Gmail пример.
                          –2
                          А ради чего делать нестандартные кнопки? Только ради изменения курсора?

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

                          Думаете, это оправдано? :)
                            –1
                            Я думаю разработать один раз шаблон (посмотреть, как у Gmail сделано, взять лучшее оттуда) — а дальше цвет и форма настраивается легко и быстро для разных проектов.
                            • UFO just landed and posted this here
                                0
                                Это хороший аргумент. И в этом случае поведение кнопки должно совпадать с поведением кнопки в ОСи. А там курсор не меняется. Собственно, поэтому я так против его изменения и выступаю. Это нестандартное для кнопки поведение.
                                • UFO just landed and posted this here
                          0
                          Да ну бросьте, в вашем любимом гмыле страницы не меняются в классическом понимании, меняется контент.
                          Если вам так нравится гмыло, зачем было этот опрос устраивать? ;) Вы везде, простите, суёте этот гмэйл, типа это аксиома безупречная.
                            0
                            Это просто пример. Все остальные варианты хуже.
                          +2
                          простите, но я может что-то путаю, но разве pointer и hand не одно и то же, если судить по названию? А если серьезно, то нет такого значаения в CSS, как hand
                            0
                            Pointer — обычная «стрелка»;
                            Hand — «рука», которая обычно появляется при наведении курсора на ссылку.

                            Это не свойства CSS, это обозначения типа курсора. Они с десктопных приложений повелись еще :)
                          +9
                          Чисто пользовательское ИМХО: если курсор, как у ссылки, то я могу открыть это дело в новом табе. Если нет — то это кнопка и откроется она соотвествующим способом. Раздражает, когда думаешь, что тычешь в ссылку, а вместо нового таба получаешь хрен.
                            0
                            В Gmail раздражает?
                              +1
                              Не пользуюсь Gmail поэтому не буду говорить о нем, но курсор-hand — это повод ожидать от объекта соответствующего поведения, в том числе открытия в новой вкладке или сохранения ссылки в закладки. От кнопок такого ожидать не приходится, а курсор в заблуждение может ввести запросто.
                                –1
                                Динамические ссылки тоже вас раздражают? Вот ниже есть «написать комментарий», например. Это еще так, а как быть с ajax-ссылками?
                                  0
                                  Если честно, для такой штуки как «написать комментарий» внизу этой страницы я бы применил не ссылку с пунктирным подчеркиванием, а кнопку. Разумеется, потребовалось бы ее соответствующим образом оформить.
                                    0
                                    Пунктирные ссылки уже стандарт. Кнопки более функционал означают. А скрытие-закрытие, например, пунктир как раз очень в тему.
                                      0
                                      Такие ссылки позволяют экономить место на экране и позволяют дизайнерам и верстильщикам не сильно напрягаться с оформлением :) Во многих случаях это вполне оправдывает их использование :)

                                      Как ссылки, такие элементы могут получить и курсор-hand, но только поэтому.

                                      Кнопки не являются «родственниками» ссылок по назначению и поэтому должны иметь курсор-pointer.
                                0
                                Я им практически не пользуюсь — только через IMAP. В тех местах, которыми пользуюсь, чаще всего раздражает. Особенно если нет явных признаков того, что нажимаемое — не ссылка, а кнопка.
                                  0
                                  Обсуждается вариант, когда признаки есть.
                                    0
                                    Какие варианты вы можете предложить для выделения того, что объект ведет на другую страницу? Желательно чтобы это было видно до того, как я на него нажму или подведу курсор :)
                                      0
                                      Как вариант сделать все кнопки ссылками вообще. Т. е. чтобы их всегда можно было открыть в табе.
                                        0
                                        Тогда будет логичным оформить их как ссылки и не путать с кнопками :)

                                        Вообще мне известно одно классическое применение ссылок, похожих на кнопки и имеющих курсор-hand — навигационные меню сайтов, обычно где-нибудь в заголовке страницы. Но там, как правило, не пытаются изобразить кнопки, похожие на кнопки операционной системы.
                                      0
                                      Я бы так не сказал. Да, оно похоже на кнопку по форме, но можно привести множество примеров, когда таким способом оформляют простые ссылки. И фиг угадаешь, где что.

                                      newegg.com — в правом верхнем углу «My Account». Ссылка или кнопка?

                                      ebay.com — «Sign In» и «Register» — это что?

                                      amazon.com — ПВУ, «Cart» и «Your Lists»?
                                0
                                  0
                                  Прикольные у них «слипшиеся» кнопки, которые Left, Center и Right.

                                  А вот нетрадиционный для кнопок курсор даже в таком примере раздражает. Ну почему на кнопке Save такой курсор? Я сохраняю документ, а меня куда-то перекинут вместо продолжения редактирования? А с Cancel и вообше не ясно. Отменить действие, перейдя еще куда-то?

                                  Еще один момент — ссылки, как правило, срабатывают сразу при нажатии (onMouseDown), кнопки — при отпускании кнопки (onMouseUp). От объекта с курсором-hand ожидаешь поведения, характерного для ссылки (немедленная реакция), но в данном примере это совсем не так.

                                  В общем, не меняли бы они курсор — получились бы совсем хорошие КНОПКИ! :)
                                    +1
                                    Смена курсора не есть символ перехода. Например, он используется во флеше (ютуб тот же). В ajax-ссылках, пунктирных. Во всяких ползунках перетягивающихься. Смена курсора — символ активности элемента.
                                      0
                                      Кнопки и ползунки сами по себе имеют вид активных элементов. Дополнительное выделение им не требуется. А курсор-hand, на сколько я понимаю, ввели для выделения именно гиперссылок, то есть, связей с другими документами. И использование его для других целей я считаю ненужным и даже не особо полезным для однозначности восприятия интерфейса.
                                        0
                                        А на Хабре вы как комментарии оцениваете? Что там кнопки нужны? Или курсор менять не нужно?
                                          0
                                          Эти элементы не выглядят как кнопки, поэтому, учитывая контекст (web-страница) меня вполне устраивает такой курсор, какой есть.

                                          С тем же успехом можно было бы оформить их как flat button (кнопка, становящаяся выпуклой при наведении мыши) и курсор не изменять.
                                      0
                                      Ссылки тоже срабатывают «onMouseUp»… Если нажмешь случайно ссылку, и поймешь до того как отпустил, что не хочешь переходить на другую страницу, есть возможность убрать курсор со ссылки и перехода не произойдет.
                                    +4
                                    лучше делать onmouseover эффект на кнопке, это более наглядно.
                                      0
                                      Вот! Это намного лучше, особенно если не хочется, чтобы кнопка сильно бросалась в глаза (на насыщенной элементами панели, например) :)
                                      –1
                                      ну наконец-то нормальный опрос :)
                                        0
                                        на самом деле все равно, главно что бы было очевидно, что кнопка нажимаемая, а когда курсор остается стрелкой при наведении и кнопка состоит из просто серого фона, непонятно кликнул ты по ней или нет.
                                          0
                                          Поведение по умолчанию — наиболее ожидаемое.
                                            +2
                                            приходиться постоянно добавлять cursor:pointer;
                                              0
                                              так как для кнопки «голосовать»
                                                +2
                                                Нажиматься должна вся кнопка, а не только ссылка по центру.
                                                  +1
                                                  Раньше как-то не задумывался над этим вопросом, но когда увидел сам вопрос, получилось как в том анекдоте про учителя с бородой:

                                                  — Скажите, профессор, вы, когда спать ложитесь, бороду на одеяло или под одеяло кладете?
                                                  — Да, знаете, как-то не задумывался.
                                                  — Ну, извините, пожалуйста.
                                                  Через неделю зеленый профессор с черными кругами под глазами встречает в коридоре того же студента и хватает за грудки:
                                                  — Вообще спать не могу — и так неудобно, и так неудобно!
                                                    +2
                                                    Я считаю что всегда надо показывать палец. Палец означает что кликабельно. А кликабельно — необязательно переход на другую страницу. Кроме того многие браузеры по-разному отрисовывают стандартные кнопки, возьмите к примеру оперу. Все что кликабельно надо выделять поинтером. Так я думаю
                                                      –2
                                                      Есть ещё одно решение: курсор заменять, но не на pointer, а на url(http://.../имяфайла.cur), pointer.

                                                      То есть самому рисовать курсор, и тем невозбранно придать ему в точности желаемую форму и цвет.

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

                                                      Это будет слегка непривычно, зато каждому понятно (всем же доводилося видать прежде, как оно на кнопке «Enter» нарисовано).
                                                      • UFO just landed and posted this here
                                                        • UFO just landed and posted this here
                                                            0
                                                            даешь вариант с НЛО!
                                                              0
                                                              я думаю на все что нажимается нужно делать «перчатку»
                                                                –1
                                                                причём, считаю, что и ОСи должны потихоньку поттягиваться.
                                                                0
                                                                допустим я первый раз в вебе и/или первый раз за компьютером.
                                                                Окуда мне знать какие они — стандартные кнопки?
                                                                Для пользователя Маков под Виндовс кнопки будут другими и наоборот (подставьте любимые ОС).
                                                                А смена курсора дает понять, что что-то произойдет.
                                                                Да и указательный палец в принципе очень неплохая метафора.

                                                                Only users with full accounts can post comments. Log in, please.