Почему кнопки слева от поискового поля работают быстрее, чем справа?

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

Кнопки, находящиеся справа от поискового поля, существенно замедляют пользователей, поскольку им приходится совершать больше зрительных остановок. Это отнимает значительное время; пользователям приходится совершать больше действий, чтобы выполнить поиск. Размещение кнопки поиска слева от текстового поля уменьшает число зрительных остановок, а следовательно, экономит время, которое требуется пользователям на выполнение поиска.

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

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

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

http://uxmovement.com/forms/left-search-buttons-perform-faster-than-right-ones/

Блог про WordPress
Комментарии: 13
  1. Аноним

    Какое-то спорное решение. С точки зрения логики нужно вводить текст и жать кнопку, и все это делается слева направо. А тут приходится возвращаться назад. Думаю A/B тестирование подтвердит, что "классическое" расположение лучше.

  2. Дмитрий (автор)

    Автор этой статьи ссылается на следующее, более тщательное исследование данного вопроса: http://www.uxmatters.com/mt/archives/2006/01/eval….

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

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

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

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

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

  3. HotIce

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

    Это просто праздник какой-то! Дело не в том как мне удобно, а в том как лучше для меня. Что-то это мне напоминает.

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

  4. Дмитрий (автор)

    Еще как вариант можно вообще убрать кнопку поиска, и в самом поле ввести фразу "Искать", или что-то подобное.

  5. Дмитрий (автор)

    "А если поисковая фраза займет всю длину текстового поля, этот вариант в статье рассматривался?"

    Можешь попробовать протестировать форму с левой кнопкой у них на сайте. Мне что так, что так, одинаково.

  6. HotIce

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

    Может мы про разные формы говорим? Я пример в комментариях нарыл.

  7. Дмитрий (автор)

    Я тоже в комментариях взял. У них у самих на сайте http://uxmovement.com вообще нет кнопки, просто поле, в которое вводишь текст, жмешь Enter, и выдаются результаты.

  8. HotIce

    Кстати о птичках. Если подходить с их позиций, то Enter плохое решение, потому, что сначала ищется кнопка. ;) Во всяком случае я ищу кнопку, обычно. И только если не нахожу, клацну энетер. Но не люблю так делать. Привычка не клацать на энтер, не увидев где сейчас находится фокус ввода.

  9. Дмитрий (автор)

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

  10. HotIce

    Я об этом и говорю. Такое решение интуитивно понятным назвать язык не поворачивается.

    Может автору нравится — как ни по Enter поиск замутить, так кнопку слева прикрутить, чтоб пользователь подольше с его сайтом разбирался, вдруг неожиданно влюбится..

  11. Дмитрий

    Кнопка слева глупость, по TAB переход всегда вправо на кнопку, и ее нажатие при помощи ENTER или Space. Видимо расчет на тех кто кликает кнопки мышкой.

    1. Дмитрий (автор)

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

  12. Anna

    Психологически неудобно и неприятно набирать текст в поиске после яркой кнопки. Она давит. Хочется печатать «с чистого листа», а тут слева кнопка маячит и отвлекает. + Еще очень приятно напечатать слово в строке поиска и нажать кнопку, завершив действие, тем самым поставив точку. А точки впереди текста не ставят.

Добавить комментарий для HotIce Отменить ответ

Получать новые комментарии по электронной почте.