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

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

Согласно подсчётам Fast Search, 30% покупателей  в первую очередь используют на сайте окно поиска, а 30% обращаются к поиску, после того, как им не удалось найти, то, что они хотят посредством навигационных ссылок

Итак, как вы можете облегчить им жизнь? Вот несколько подсказок…

Размер поискового окна

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

Оптимально, текстовое поле должно быть рассчитано на 30 букв / 5слов. Если покупатель будет вводить более длинные запросы, текст будет просто исчезать из поля зрения. Это не катастрофа, но при более длинном окне поиска, пользователям будет удобнее редактировать свой поисковый запрос в случае неправильного написания.

Kelkoo, например, использует большое окно поиска, с огромным пространством для длинных запросов:

Сделайте окно легко заметным

Поисковое окно должно быть размещено в хорошо заметном месте на странице. Многие вебсайты обычно располагают его в верхнем правом углу, но разместив его в центре, вы облегчите  покупателям их поиск.
Comet недавно запустил новую версию своей домашней страницы с намного более заметным (и большим) окном поиска. Такое решение было принято после того, как компания обнаружила, что окно поиска было неэффективным инструментом просмотра.
Вот старая страница, на ней окно расположено справа:

А на бета-версии новой страницы, его невозможно пропустить:

Предлагайте поиск с подсказками

При наборе запроса в поисковом окне, покупатели должны описать товар нескольким словами и угадать, как сайты он-лайн торговли называют у себя эту позицию.
Вы можете намного облегчить поиск по сайту для покупателей, предлагая им подсказки, в то время как они печатают, по прототипу Google Suggest. В данном случае, покупатели могут найти то, что они хотят, с минимальными усилиями.
Borders.co.uk включили такую функцию на своём недавно модернизированном сайте:

Позвольте покупателям ограничить рамки своего поиска
Если покупатели осуществляют поиск по сайту с большим количеством товаров, то они могут захотеть ограничить область своего поиска определённым разделом сайта.
Хороший пример этого – Amazon; с помощью его инструментов, вы можете ограничить свой поиск, выбрав одну из 18 категорий, при этом намного возрастает вероятность получения релевантных результатов:

Чётко обозначьте окно поиска
Для большинства покупателей, очевидно, что представляет собой окно поиска, но это не причина заставлять напрягаться менее подкованных пользователей.
Waterstones чётко и ясно выделяет свой поиск, хотя они разместили окно на левой стороне страницы:

Ставьте курсор в окно поиска при загрузке страницы
Это маленькая деталь, но она может помочь покупателям начать поиск на вашем сайте. Google и другие основные поисковые системы применяют этот метод, ускоряя весь процесс для пользователей.
Но не все сайты электронной торговли используют этот метод. На Kelkoo и Amazon курсор размещается  в окне поиска автоматически при загрузке страницы, а на таких сайтах, как M&S и Next, пользователям приходится использовать мышь, перед тем как начать печатать.
Удаляйте существующий текст из поискового окна
Много сайтов, как например Marks & Spencer, представленный ниже, размещают текст внутри поискового окна, чтобы объяснить его назначение. Когда вы нажимаете на окно, текст автоматически исчезает, оставляя вам свободное место для набора запроса.

Если последнее не происходит, это может разочаровать покупателей, так как им придётся удалять существующий текст, прежде чем ввести свой запрос.

Оригинал: Tips on site search box design

Тэги: Интернет Магазины, поисковая форма