Скрытие и отображение поля поиска в Windows

Windows 11 Windows 10 Еще…Меньше

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

Отображение поля поиска на панели задач

1. Нажмите и удерживайте (или щелкните правой кнопкой мыши) панель задач и выберите параметры панели задач.

2. Выберите элементы панели задач, чтобы развернуть раздел, а затем переключите переключатель поиска в положение «Включено».

Скрытие поля поиска на панели задач

org/ItemList»>

1. Нажмите и удерживайте (или щелкните правой кнопкой мыши) панель задач и выберите параметры панели задач.

2. Выберите элементы панели задач, чтобы развернуть раздел, а затем переключите переключатель поиска в положение «Выкл.».

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

Отображение поля поиска на панели задач

1. org/ListItem»>

   Нажмите и удерживайте (или щелкните правой кнопкой мыши) панель задач и выберите пункт «Поиск».

2. Выберите «Показать поле поиска».      

Если поле поиска по-прежнему не отображается, попробуйте открыть параметры панели задач. Нажмите кнопку > Параметры > персонализации >панели задач.

Убедитесь, что для переключателя «Использовать небольшие кнопки панели задач» установлено значение «Выкл.». Убедитесь, что для расположения панели задач в списке

экранов задано значение «Снизу». 

Скрытие поля поиска на панели задач

org/ItemList»>

1. Нажмите и удерживайте (или щелкните правой кнопкой мыши) панель задач и выберите пункт «Поиск».

2. Выберите параметр Скрыто.

Как открыть поисковую строку. Как найти текст на странице

Каждому юзеру приходится искать-либо на страницах сайтов. Это может быть не статья или новость целиком, а конкретный абзац или отрывок текста, где находится ключевое слово или фраза. Если на странице много текста, а нужен только кусок с искомым описанием, то юзаем поиск слов в браузере. Это функция, идентичная с поиском в Ворде, Экселе или PDF-редакторах.

В каждом браузере есть своя панель поиска. Чтобы вызвать ее, следует нажать Ctrl+F. Рассмотрим панели поиска таких браузеров как Хром, Firefox и Яндекс Браузер.

Поиск текста в Google Chrome

Открыть панель в Хроме можно другим способом, нажав на меню и выбрав функцию «Найти…».

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

Поиск текста в Mozilla Firefox

В Firefox панель поиска более продвинутая и удобная. Обладает следующими опциями:

• подсветить все;
• с учетом регистра;
• только слова целиком.

«Подсветить все», как вы догадались, позволяет увидеть все нужные слова в документе.

Функция «С учетом регистра» придает поиску чувствительность к большим и маленьким буквам. Например, если вы напечатали слово «нефть», то есть слово с маленькой буквы, то в качестве совпадений варианты «Нефть» или «НЕФТЬ» учитываться не будут.

Поиск при помощи опции «Только слова целиком» отсеивает слова со склонениями и окончаниями. Вобъем персидское слово «нефт», чтобы проверить результат.

Поиск текста в Яндекс Браузере

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

Одним из популярных веб-обозревателей не только в рунете, но и в мире является Mozilla Firefox. За десять лет существования разработчики успели выпустить более тридцати версий браузера и активная разработка приложения продолжается.

Посмотрим как искать и как управлять поисковиками в этом браузере. Данное описание и иллюстрации относятся к последней на сегодняшний день — 33-ой версии программы.

Интерфейс мозиллы близок к интерфейсу представленного в предыдущем уроке браузера Opera двенадцатой версии. Для поиска здесь, также, применяется панель адреса, которая состоит из адресной строки и строки поиска. Иконка в строке поиска указывает на используемую в данный момент поисковую систему. По умолчанию установлен Google. Кликнув по стрелке рядом с этим значком откроем окно управления поисковиками. Как и в Opera, в Mozilla Firefox встроено несколько популярных поисковых ресурсов. Размеры поля адреса и поля поиска можно менять перемещая курсором границу между ними:

Добавление поисковиков производим с помощью менеджера поисковых систем. Кликом по стрелке в поисковой строке откроем список установленных в браузере поисковых служб. Внизу списка щелкнем строку: «Управление поисковыми системами…». Откроется окно менеджера: «Управление списком поисковых систем». В этом окне, внизу есть ссылка: «Плагины для других поисковых систем…». Кликнув по этой ссылке, открываем страницу плагинов поисковых систем на сайте дополнений Mozilla. Чтобы добавить любой из поисковых сервисов щелкнем по кнопке «+Добавить в Firefox», которая появляется справа при наведении курсора на нужный плагин. Открывается окно «Добавить поисковую систему». Подтверждаем: «Добавить». Добавленный сервис будет теперь доступен в списке поисковиков.

Удаление поисковиков производим, также, через менеджер поисковых систем. Откроем окно: «Управление списком поисковых систем» и выделим службу, которую требуется удалить. Командные кнопки в правой части окна становятся активными. Щелкаем кнопку «Удалить» и подтверждаем «ОК»:

Плагины поисковых систем на сайте дополнений Mozilla снабжены небольшими описаниями на английском. Нужная вещь в браузере — удобный переводчик. На странице дополнений откроем языковые инструменты и выберем гуглевский переводчик для Firefox, например:

Теперь, в адресной панели, справа, появится кнопка «Переводчик»:

Выделив фрагмент текста на странице и открыв правой кнопкой контекстное меню выберем команду: «Перевести выделенный текст».

Во всплывающем окне, внизу, над панелью задач получим дословный перевод фразы.

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

Браузер Google Chrome — это детище всем известной американской транснациональной корпорации Google. Понятно желание и логика владельцев крупнейшей поисковой системы иметь свой собственный браузер. Основными приоритетами разработчиков стали максимально высокая скорость работы, стабильность и безопасность приложения. Из-за этого обозреватель имеет минимально допустимый функционал и лаконичный интерфейс. Все дополнительные надстройки должны интегрироваться в браузер в виде расширений. Посмотрим как искать в хроме и как добавлять в него дополнительные поисковики.

Для поиска нужно ввести запрос в виде ключевых слов или адреса веб-страницы в адресную строку. Она, еще, называется омнибоксом. Поиск производится в поисковой системе установленной по умолчанию. Понятно, что это — Google, так как Chrome — его разработка.

Откроем меню браузера кнопкой расположенной справа от адресной строки:

В выпадающем списке перейдем в «Настройки» и найдем раздел «Поиск». Здесь можно открыть список и назначить другую систему для поиска. В русскоязычный Google Chrome, в последнюю версию, изначально встроено четыре поисковых ресурса. Попробуем дополнить браузер еще одним поисковиком:

Кнопкой «Управление поисковыми системами…» откроем окно «Поисковые системы». В этом менеджере, в разделе «Другие поисковые системы» нужно ввести данные дополнительного поисковика. В первую строку вписываем название системы. Во второй строке назначаем ключевое слово или символ для быстрого вызова поисковика в адресной строке. Третью строку нужно заполнить правильной ссылкой на поисковый ресурс. Это самое интересное.

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

Запускаем браузер Internet Explorer. Открываем «Internet Explorer Коллекция» и выбираем поисковик Softkey.ru — каталог интернет-супермаркета программного обеспечения, например. Кликнув по значку этого поисковика открываем страницу с кратким описанием ресурса и его адресом. Адрес у нас есть, но этого, для добавления поисковика в хром, оказывается, мало. Нужно пройти по указанному адресу на главную страницу поисковика. И, затем, выполнить поиск.

То есть, нужно забить в поисковую строку любой запрос. Поисковик произведет поиск — откроет страницу, адрес которой появится в адресной строке IE. Вот этот адрес нужно выделить и скопировать в третью строку менеджера поисковых систем хрома.

Адрес может быть таким: https://www.softkey.ru/search/index.php?f=1&q=%D0%BE%D1%84%D0%B8%D1%81#page1 . Теперь, поисковый запрос в этом адресе нужно заменить заполнителем %s. Окончательный URL в третьей строке менеджера поисковых систем хрома, в данном случае, должен выглядеть так: https://www.softkey.ru/search?f=%s :

Итак, мы внесли все данные поисковика и нажимаем кнопку «Готово». Запись добавленной поисковой службы появляется в разделе «Другие поисковые системы». Установим курсор на эту запись. Обозначится команда «Использовать по умолчанию»:

Щелкнем по этой команде и подтвердим кнопкой «Готово». Только тогда поисковик интегрируется в список поисковых систем браузера:

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

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

Как мы видим, добавить в Google Chrome дополнительный сервис непросто и потребуются определенные усилия.

Разумеется, многим пользователям вполне достаточно для поисков установленного по умолчанию Google. Однако, дополнительные специализированные сервисы расширяют границы поиска и значительно повышают его эффективность.

Здравствуйте. Прежде чем перейти к рассмотрению нашей сегодняшней темы, хочется поздравить всех нас с прошедшим праздником — Великой Победы. Сказать дедам, прадедам, кто воевал, а также, кто трудился в тылу Огромное спасибо. Спасибо за то, что выстояли, преодолели, совершили героический подвиг, за чистое небо, за спокойствие на нашей земле. И отдать низкий поклон тем, кто приблизил час Победы. Спасибо Вам!!!

А теперь вернемся к нашей теме. Сегодня мы поговорим о том, как пользоваться поиском в браузере. Рассмотрим несколько возможностей Google Chrome.

Строка поиска

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

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

На примере видно, что нам предлагается искать в системе Google, однако вы можете .

Поиск на странице сайта

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

Итак, например, вы открыли портал, на котором, как вы предполагаете, находится искомое слово, название города, композиции и т.д. Для быстрого поиска на странице сайта мы используем сочетание клавиш CTRL + F , или же заходим в главное меню браузера и выбираем пункт «Найти »

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

В качестве примера давайте посмотрим сколько слов «интернет » располагается на главной странице нашего сайта.

Указываем его в указанное поле и браузер подсвечивает желтым цветом результаты поиска.

Справа от этого поля проставляется количество искомого запроса. Переходить от одного к другому результату можно с помощью стрелочек «вверх» и «вниз». Текущее выделенное слово будет помечено затемненным цветом. Это поможет вам определить в каком месте сайта вы находитесь. Также обратите внимание на то, что если вы не поставите пробел после «интернет», то браузер укажет слово, в котором есть набор введенных символов. «Интернет» — «ИНТЕРНЕТом». Поэтому, если вам нужно точное совпадение результата поиска с искомым словом, после него ставьте пробел.

Сочетание клавиш CTRL + F для поиска на странице ресурса можно использовать в любом современном браузере. В Firefox данное поле располагается в нижнем левом углу. Будьте внимательны.

Быстрый поиск значений слова, фраз, картинок

Во время ознакомления с информацией на каком-нибудь ресурсе нам может встретиться термин или слово, значение которого мы плохо себе представляем. Для более быстрого получения данных об этом слове или словосочетании мы просто выделяем фрагмент текста на сайте и с помощью правой кнопки мыши вызываем меню, в котором выбираем «Найти {…} в Google » (в фигурных скобках будет указан выделенное словосочетание или слово). Например, в нашем примере это выглядит вот так.

Похожим способом можно найти данные о любой картинке (изображении), расположенной на странице сайта. Точно также нажимаем на фото правой кнопкой мыши и выбираем пункт «Найти картинку (Google) »

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

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

Определение окна поиска | ПКМаг

Прямоугольное поле на экране, которое принимает введенный текст для поиска чего-либо или запуска поиска. Окно поиска также называют «панелью поиска» или «полем поиска». См. поисковую систему и запрос.

Окна поиска в энциклопедии Это поля поиска этой энциклопедии на нашем веб-сайте (вверху) и в версии для Windows (внизу). Окно поиска браузера Все веб-браузеры содержат окно поиска, в которое вводится либо веб-адрес (URL), либо запрос. См. адресную строку.

Реклама

Истории PCMag, которые вам понравятся

{X-html заменен}

Выбор редакции

ЭТО ОПРЕДЕЛЕНИЕ ПРЕДНАЗНАЧЕНО ТОЛЬКО ДЛЯ ЛИЧНОГО ИСПОЛЬЗОВАНИЯ. Любое другое воспроизведение требует разрешения.
Copyright © 1981-2022. The Computer Language(Opens in a new window) Co Inc. Все права защищены.

Информационные бюллетени PCMag

Информационные бюллетени PCMag

Наши лучшие истории в вашем почтовом ящике

Подпишитесь на PCMag

• Фейсбук (Открывается в новом окне)
• Твиттер (Откроется в новом окне)
• Флипборд (Открывается в новом окне)
• Гугл (откроется в новом окне)
• Инстаграм (откроется в новом окне)
• Pinterest (Открывается в новом окне)

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

Как мы тестируем Редакционные принципы

• (Открывается в новом окне) Логотип Зиффмедиа
• (Открывается в новом окне) Логотип Аскмен
• (Открывается в новом окне) Логотип Экстримтек
• (Открывается в новом окне) Логотип ИНГ
• (Открывается в новом окне) Логотип Mashable
• (Открывается в новом окне) Предлагает логотип
• (Открывается в новом окне) Логотип RetailMeNot
• (Открывается в новом окне) Логотип Speedtest
• (Открывается в новом окне) Логотип Спайсворкс

(Открывается в новом окне)

PCMag поддерживает Group Black и ее миссию по увеличению разнообразия голосов в СМИ и прав собственности на СМИ.

© 1996-2022 Ziff Davis, LLC., компания Ziff Davis. Все права защищены.

PCMag, PCMag.com и PC Magazine входят в число зарегистрированных на федеральном уровне товарных знаков Ziff Davis и не могут использоваться третьими лицами без явного разрешения. Отображение сторонних товарных знаков и торговых наименований на этом сайте не обязательно указывает на какую-либо принадлежность или поддержку PCMag. Если вы нажмете на партнерскую ссылку и купите продукт или услугу, этот продавец может заплатить нам комиссию.

• О Зиффе Дэвисе(Открывается в новом окне)
• Политика конфиденциальности(Открывается в новом окне)
• Условия использования(Открывается в новом окне)
• Реклама(Открывается в новом окне)
• Специальные возможности(Открывается в новом окне)
• Не продавать мою личную информацию (открывается в новом окне)

• (Открывается в новом окне) доверительный логотип
• (Открывается в новом окне)

Как создать идеальную строку поиска для вашего сайта

Вы когда-нибудь заходили на веб-сайт в поисках чего-то, но не знали, где это найти?

Возможно, вы бегло просмотрели меню и немного прокрутили страницу вниз, но в конечном итоге вы не смогли найти именно тот продукт/публикацию/статью, которую имели в виду. Разочаровывает, верно?

В этой ситуации вы, вероятно, сделаете две вещи: покинете страницу или найдёте надёжную строку поиска . Если вы решите остаться, надлежащая функция поиска должна принять ваш запрос и отправить вас к месту назначения. Проблема решена.

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

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

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

Нужна ли вашему сайту панель поиска?

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

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

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

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

Рекомендации по проектированию панели поиска

1. Включите текстовое поле и кнопку поиска.
2. Разместите в ожидаемом месте.
3. Включить значок поиска.
4. Соответствующий размер.
5. Рассмотрите возможность добавления замещающего текста.
6. Рассмотрите возможность добавления автозаполнения.
7. Скрыть дополнительные параметры.
8. Дизайн для мобильных устройств.

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

1. Добавьте текстовое поле и кнопку поиска.

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

Источник изображения

Источник изображения

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

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

Что касается кнопки поиска, настоятельно рекомендуем включить ее. Он служит визуальной подсказкой для отправки запроса, поэтому без него пользователи могут запутаться. Поместите эту кнопку справа от поля ввода, так как это соглашение и логично для тех, кто читает слева направо. Также напишите лаконичный текст кнопки — подойдет слово «Поиск» или значок увеличительного стекла.

Посетители также должны иметь возможность начать поиск, нажав кнопку поиска или нажав клавишу «Ввод»/«Возврат»/«Перейти», когда поле поиска находится в фокусе (т. е. внутри него активен текстовый курсор) .

Распространенной альтернативой классической панели поиска является значок увеличительного стекла, который при нажатии раскрывается до полной панели поиска и кнопки. Вот пример из Всемирного фонда дикой природы:

Источник изображения

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

2. Разместите в ожидаемом месте.

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

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

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

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

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

3. Включите значок поиска.

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

Есть несколько способов добавить этот значок на панель. Вы можете поместить его на кнопку поиска:

Источник изображения

Вы можете поместить его в поле поиска:

Источник изображения

Или вы можете поместить его на кнопке, которая скрывает/открывает всю строку поиска, мы видели в нашем примере с Всемирным фондом дикой природы. Вот еще один пример с Pitchfork.com:

Источник изображения

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

4. Подберите подходящий размер.

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

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

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

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

5. Рассмотрите возможность добавления замещающего текста.

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

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

6. Рассмотрите возможность добавления автозаполнения.

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

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

Вот пример автозаполнения в поиске на сайте электронной коммерции Patagonia:

Источник изображения

Разрешите пользователям нажимать на предложение или, чтобы сделать ваш интерфейс более доступным, позвольте им перемещаться вверх и вниз по списку предложений с помощью клавиш со стрелками и выбирать вариант с помощью клавиши «Ввод»/«Возврат».

7. Скрыть дополнительные параметры.

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

Если вам необходимо включить дополнительные параметры, подумайте о том, чтобы поместить их в скрытое меню, которое появляется при выборе панели поиска, или предоставьте рядом ссылку на страницу «Расширенный поиск».

8. Дизайн для мобильных устройств.

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

• Убедитесь, что объекты касания имеют высоту не менее 9 мм и ширину 9 мм.
• Убедитесь, что цели касания, близкие к минимальному размеру, окружены небольшим количеством неактивного пространства.

Эти рекомендации применимы ко всем устройствам с сенсорным экраном независимо от размера экрана.

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

Сохранить конверсии с помощью поиска

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