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

Untitled

Используйте именно панель поиска, а не стандартное текстовое поле. Текстовое поле не имеет стандартного вида строки поиска, которую ожидают пользователи.

Оставляйте кнопку "Очистить". В большинстве панелей поиска есть кнопка "Очистить", которая удаляет содержимое поля.

При необходимости добавьте кнопку "Отмена". Большинство панелей поиска имеют кнопку отмены, которая немедленно завершает функцию поиска.

Слева показана кнопка "Очистить", которая стирает содержимое поля. Справа кнопка "Отмена", которая закрывает/завершает поиск.

Слева показана кнопка "Очистить", которая стирает содержимое поля. Справа кнопка "Отмена", которая закрывает/завершает поиск.

При необходимости добавьте подсказки и контекст в панель поиска. Поле строки поиска может содержать текст-подсказку (плейсхолдер) — например, “Поиск одежды, обуви и аксессуаров” или просто слово “Поиск” - в качестве напоминания о контексте. Иногда можно добавить короткую инструкцию с соответствующим текстом над строкой поиска для рекомендаций. Приложение "Акции" использовало такой призыв, чтобы люди знали, что они могут ввести название компании или тикет.

Слева плейсхолдер в поле поиска, а справа текст с рекомендацией/инструкцией

Слева плейсхолдер в поле поиска, а справа текст с рекомендацией/инструкцией

Рассмотрите возможность дать юзерам полезные ярлыки и другого типа контент под строкой поиска. Используйте область под строкой поиска, чтобы помочь людям быстрее добраться до контента. Например, Safari показывает закладки, как только вы нажмете на поле ввода адресной строки. Таким образом, не вводя никаких поисковых запросов, можно сразу попасть куда нужно. В приложении "Акции" показывается сперва текущий контент (вдруг забыли что перед глазами нужная акция), но также показываются и результаты поиска при вводе в поле.

Панель области видимости (Scope bars)

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

На примере все проще: юзер ввел John Appleseed и уточняет в какой области ему искать. На примере выбрана область "текущий почт. ящик"

На примере все проще: юзер ввел John Appleseed и уточняет в какой области ему искать. На примере выбрана область "текущий почт. ящик"

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