Как сделать строку поиска снизу
Обновлено: 07.07.2024
Найти ответ на вопрос или перейти на сайт
- Запрос
- Адрес сайта
- Название сайта
Чтобы можно было открывать главную страницу сайта нажатием на его домен в Умной строке:
Поиск на сайтах с OpenSearch
Введите в Умную строку название или адрес сайта. Если сайт поддерживает OpenSearch, в правой части строки появится подсказка Нажмите Tab для поиска в [ название сайта ].
Чтобы выйти из OpenSearch, в Умной строке справа нажмите .
При поиске по сайту с поддержкой OpenSearch в Умной строке отображается не адрес открытой страницы, а текст запроса. Чтобы увидеть адрес страницы, нажмите Умную строку, а затем появившуюся кнопку Копировать адрес .
Если вы хотите всегда видеть в Умной строке адрес страницы:
Изменить поисковую систему
На странице Настройки поисковой системы в блоке Поисковая система по умолчанию выберите из списка нужный вариант.
Что делать, если ввел адрес страницы и она не открывается?
Если браузеру не удастся открыть страницу, он предложит возможные варианты решения:
Если вы неправильно набрали адрес, браузер выведет несколько ссылок на существующие страницы с похожим адресом или предложит поискать в Яндексе.
Если страница существовала, но была недавно удалена, вы сможете просмотреть ее копию, сохраненную в Яндексе.
Если возникли проблемы на сервере, вы сможете просмотреть сохраненную копию страницы или воспользоваться поиском Яндекса.
Чтобы увидеть ссылку на сохраненную копию, нажмите на стрелку рядом с адресом сайта.
Горячие клавиши и жесты мыши для работы с Умной строкой
Чтобы выполнять жесты, удерживайте правую кнопку мыши. Выполнив жест, отпустите кнопку.
Внимание. Если вы пользуетесь однокнопочной мышью в macOS, все жесты нужно выполнять, удерживая клавишу Ctrl и кнопку мыши.
Найти ответ на вопрос или перейти на сайт
- Запрос
- Адрес сайта
- Название сайта
Чтобы можно было открывать главную страницу сайта нажатием на его домен в Умной строке:
Нажмите → Настройки → Интерфейс .
Поиск на сайтах с OpenSearch
Введите в Умную строку название или адрес сайта. Если сайт поддерживает OpenSearch, в правой части строки появится подсказка Нажмите Tab для поиска в [ название сайта ].
Чтобы выйти из OpenSearch, в Умной строке справа нажмите .
При поиске по сайту с поддержкой OpenSearch в Умной строке отображается не адрес открытой страницы, а текст запроса. Чтобы увидеть адрес страницы, нажмите Умную строку, а затем появившуюся кнопку Копировать адрес .
Если вы хотите всегда видеть в Умной строке адрес страницы:
Нажмите → Настройки → Общие настройки .
Изменить поисковую систему
На странице Настройки поисковой системы в блоке Поисковая система по умолчанию выберите из списка нужный вариант.
Александр Кузнецов | 31 Октября 2016 16:05
Компания Google тестирует серьёзные изменения дизайна мобильной версии Chrome. В Dev- и Canary-сборках этого браузера появилась скрытая настройка, позволяющая сместить адресную строку в нижнюю часть экрана.
Помимо адресной строки в нижнюю часть экрана также переносятся некоторые другие элементы: кнопка для открытия новой вкладки, кнопка открытых вкладок и меню. У всех популярных мобильных браузеров адресная строка размещается сверху, исключение составляет Microsoft Edge для Windows 10 Mobile, а также мобильная версия Internet Explorer для Windows Phone 8.1.
Как вывести поисковую строку Яндекс на телефоне? Таким вопросом задаются многие пользователи, которые обновили или удалили известный веб-обозреватель. На самом деле, поисковая строка с рабочего стола может исчезнуть по разным причинам. Например, в результате системной ошибки. В любом случае, вернуть её обратно не составит труда. О том, как это сделать правильно будет подробно рассказано далее. Рекомендуем внимательно ознакомиться с инструкцией, а уже после переходить к выполнению действий.
Инструкция для Яндекс Браузера
Вариант 1: добавление поисковой строки на рабочий стол
При необходимости добавить поисковую строку Яндекс на рабочий стол, выполните следующие действия:
Добавляем подходящий виджет
На выбор доступно всего три варианта оформления. В первом случае помимо поисковой строки на экране будет отображаться погода в выбранном регионе. Также можно выбрать строку поиска, где будет располагаться заряд аккумулятора смартфона, текущая температура и информация по пробкам на дороге.
Вариант 2: добавление поисковой строки в панель уведомлений
В настройках веб-обозревателя имеется интересная опция, позволяющая вывести строку поиска не на рабочий стол, а в панель уведомлений. Это может быть даже удобнее, поэтому предлагаем ознакомиться с инструкцией по активации функции:
Добавляем поисковую строку Яндекс в панель уведомлений
Теперь попробуйте открыть шторку уведомлений и убедитесь, что поисковая строка там появилась.
-
Открываем браузер. Нажимаем по иконке в виде квадрата, расположенной в нижней панели.
Нажимаем по иконке в виде квадрата
Кликаем по значку шестеренки
Для сохранения изменений достаточно вернуться на главную страницу браузера.
Вывод
Таким образом, вывести поисковую строку Яндекс на рабочий стол телефона проще простого. Для этого достаточно перенести соответствующий виджет на главный экран. Если у вас остались какие-либо вопросы по данной теме, то обязательно задавайте их в комментариях. Редакция нашего сайта постарается ответить вам в кратчайшие сроки и помочь!
Строка поиска состоит из совокупности текстового поля и кнопки ввода. Казалось бы, дизайна здесь даже и не нужно — в конце концов, речь идет всего лишь о двух простых элементах. Но на сайтах с большим количеством контента строка поиска зачастую оказывается тем элементом дизайна, которым посетители пользуются чаще всего. Открывая сайт с относительно сложной архитектурой, пользователи сразу же обращаются к строке поиска, чтобы попасть в пункт назначения быстро и безболезненно. И тут неожиданно оказывается, что дизайн строки имеет большое значение.
В этот статье мы посмотрим, как можно ее усовершенствовать, чтобы пользователь тратил минимум времени на то, чтобы добраться до искомого.
Лучшие практики
1. Используйте иконку с лупой
Обязательно добавляйте к строке поиска визуальный маркер — иконку с лупой. Иконки, согласно определению, являются визуальным представлением предмета, действия или концепта. Существует ряд иконок, значения которых считывается подавляющим большинством пользователей. Картинка с лупой относится именно к этой категории.
Пользователи распознают информацию, которую передает иконка, даже без подписи
Совет: используйте самое простой, схематический вариант изображения. Чем меньше графических деталей, тем лучше будет распознаваться символ.
2. Располагайте строку поиска на видном месте
Раз функция поиска так важна для сайта или приложения, она должна бросаться в глаза — ведь именно она может вывести пользователя на нужную страницу кратчайшим путем.
На картинке слева функция поиска скрыта за иконкой
Важно отображать поле для ввода текста целиком: если оно будет скрыто за иконкой, функция поиска станет менее заметной и интеракция будет требовать от пользователя дополнительных усилий.
Избегайте применять последовательное раскрытие для функции поиска — оно скрывает контекст
3. Снабдите строку поиска кнопкой действия
Наличие кнопки помогает донести до людей, что от выполнения действия их отделяет еще один шаг — пусть даже они решат выполнить этот шаг нажатием на Enter.
Совет: Не делайте кнопку поиска слишком маленькой, чтобы пользователям не приходилось нацеливаться на нее курсором. Чем больше места она занимает, тем проще заметить и кликнуть.
Предоставьте пользователям возможность начать поиск как при помощи клавиши Enter, так и нажатием на кнопку. У многих сохраняется привычка именно нажимать на кнопку, чтобы запустить процесс.
4. Добавьте строку поиска на каждую страницу
Следует стабильно обеспечивать пользователям доступ к строке поиска на любой странице сайта. Ведь если пользователь не видит того, что ему нужно, он попытается воспользоваться поиском, где бы ни находился.
5. Строка поиска должна быть простой
Проектируя строку поиска, убедитесь, что она похожа на себя и что её легко использовать. Исследования по юзабилити выявили, что для пользователя удобнее, когда расширенные настройки поиска по умолчанию скрыты. Отображая их (как в примере булева поиска, приведенном ниже), вы рискуете запутать людей, которые пытаются ввести запрос.
Булев поиск
6. Разместите строку поиска там, где её ожидают увидеть
Плохо, когда пользователи вынуждены искать строку поиска — это значит, что она не притягивает взгляд и теряется на странице.
Иллюстрация, приведенная ниже, взята из исследования A. Dawn Shaikh и Keisi Lenz: на ней показано, в какой части экрана пользователи ожидают увидеть строку поиска. Эти данные были получены на базе опроса 142 респондентов. Как показало исследование, самые удачные области — верхний правый и верхний левый углы экрана: там пользователям удобнее всего обнаружить строку поиска, следуя стандартному F-паттерну.
Иллюстрация показывает, в каких областях экрана люди в первую очередь склонны искать строку поиска. Верхний правый угол по-прежнему лидирует
Таким образом, помещайте строку поиска в верхнем правом углу или в верхней части экрана по центру — так вы можете быть уверены, что её расположение будет соответствовать ожиданиям пользователей.
На насыщенном контентом сайте Youtube строка поиска находится в верхней центральной части экрана
- В идеале строка поиска должна вписываться в общий дизайн страницы в целом, но при этом немного выделяться на случай, если она понадобится пользователю.
- Чем больше контента у вас на сайте, тем сильнее должна бросаться в глаза строка поиска. Если поиск — ключевая функция для вашего сайта, не жалейте контрастов — поле ввода и иконка должны выделяться как на бэкграунде, так и среди окружающих их элементов.
Слишком короткое поле ввода — распространенная ошибка у дизайнеров. Конечно, это не помешает пользователю ввести длинный запрос, но видна будет только его часть, а это плохо с точки зрения юзабилити, так как усложняет процесс проверки и редактирования введенного текста. На самом деле, когда в строке поиска отображается слишком мало символов, пользователи оказываются вынуждены использовать короткие, неточные запросы просто потому, что длинные будет сложно и неудобно перечитывать. Если же размер поля соответствует ожидаемой длине запросов, то работать с ними становится намного проще.
Общее правило гласит, что в строке ввода должно помещаться 27 символов (этого достаточно для 90% запросов).
У Amazon строка поиска нужной длины
Совет: Подумайте о том, чтобы реализовать строку, которая будет разворачиваться по клику. Таким образом вам удастся сэкономить место на экране и при этом обеспечить достаточно визуальных подсказок, чтобы пользователь мог быстро найти поле и выполнить поиск.
8. Применяйте механизм автозаполнения
Механизм автозаполнения помогает пользователю выбрать нужный запрос, пытаясь предсказать его на основании уже введенной части текста. Он нужен не для того, чтобы ускорить процесс, а для того, чтобы направлять пользователя и помогать ему корректно сформулировать запрос. У среднестатистического пользователя с этим большие проблемы; если он не находит то, что искал, с первого раза, последующие попытки, как правило, оказываются неудачными. Часто люди просто сдаются. Автозаполнение — если оно, конечно, хорошо настроено — способствуют тому, чтобы пользователи использовали более подходящие запросы.
Поисковая система Google отлично освоила этот паттерн, впервые внедрив еще его в 2008 году. Пользователям свойственно использовать одни и те же запросы по несколько раз, поэтому, сохраняя историю поиска, Google экономит время и улучшает пользовательский опыт.
- Позаботьтесь о том, чтобы функция автозаполнения действительно была полезна. Если она выполнена плохо, то будет только отвлекать пользователей и сбивать их с толку. Поэтому используйте автокоррекцию, распознавание корней и предиктивный ввод текста, чтобы сделать инструмент качественным.
- Предлагайте варианты автозаполнения как можно быстрее (где-то после третьего символа), чтобы немедленно предложить нужную информацию и избавить пользователя от необходимости вводить лишние данные.
- Выводите не более 10 вариантов (и не используйте полосу прокрутки), чтобы не перегружать пользователя информацией.
- Настройте клавишную навигацию по списку вариантов. Дойдя до последнего пункта, пользователь должен иметь возможность перейти в начало. По нажатию на клавишу Esc список должен сворачиваться.
- Показывайте разницу между введенным текстом и предлагаемыми данными. Например, у введенного текста стандартный шрифт, а у той части варианта, которая заполняется автоматически — жирный.
Автозаполнение экономит пользователю время и может даже подсказать более удачную формулировку
9. Ясно дайте понять, что именно можно искать
Отображать в поле ввода пример поискового запроса — хорошая идея: так можно донести до пользователей, для чего именно они могут использовать эту функцию. Если пользователь может осуществлять поиск по различным критериям, намекните ему об этом при помощи особого паттерна (как в примере с сайта IMDB ниже). HTML5 позволяет легко добавить текст, который будет по умолчанию высвечиваться в неактивной строке поиска.
Совет: Ограничьтесь несколькими словами, иначе вместо того, чтобы минимизировать когнитивную нагрузку, вы её только увеличите.
Поиск — это фундаментальный тип деятельности и ключевая составляющая при создании информационно насыщенного приложения или сайта. Даже незначительные изменения, например, размер поля или указание, что следует в него вводить, могут значительно улучшить юзабилити поиска и качество UX в целом.
Вы никогда не хотели бы иметь возможность на своем Android смартфоне или планшете набирать адрес сайта или поисковый запрос в адресной строке браузера, которая была бы расположена не в верхней части его окна, как это обычно бывает, а — снизу?
Как это сделать? Очень просто
Более быстрый доступ к этому флагу вы можете получить набрав в адресной строке браузера адрес:
или просто скопировать этот адрес и вставить его из буфера обмена.
Напомню, что Google Chrome Canary отлично работает на одном и том же устройстве со стабильной версией Chrome, а также с Chrome Beta, и скачать эту версию приложения вы можете с этой страницы Google Play Маркет
Читайте также: