Поля поиска

Примечание

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

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

Существует два типа поиска:

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

  

  Типичное поле поиска с использованием мгновенного поиска. Поиск выполняется автоматически при каждом нажатии клавиши.

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

  

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

  Вы можете указать один или оба типа параметров поиска для пользователей.

Выбор правильного элемента управления

Чтобы определиться, ответьте на вопросы:

• Трудно ли найти конкретные объекты? Это может произойти в следующих случаях:
  • Существует много объектов.
  • Объекты находятся не в одном расположении. Поиск особенно полезен для поиска объектов в деревьях.
  • Данные поиска трудно найти (например, метаданные).
• Нужно ли пользователям находить определенный текст в документах?
• Возвращает ли функция соответствующие результаты поиска в течение пяти секунд? В противном случае можно предоставить функцию поиска, но использовать альтернативный дизайн, который дает видимые отзывы для длительного поиска, например диалоговое окно поиска.

Принципы проектирования

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

Поля поиска в Windows:

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

Поле поиска используется в Windows в следующих местах:

• Обозреватели
• Возможности (Microsoft Медиаплеер Windows, Фотоальбом Windows, Windows Internet Обозреватель)
• Меню "Пуск" (для поиска программ и последних файлов)
• панель управления домашней странице (для поиска элементов и задач панели управления)
• Справка (для поиска соответствующих разделов справки)

Внешний вид

Функции поиска в Windows значительно улучшены за счет поддержки мгновенного поиска. Мгновенные результаты делают Windows более мощным и непосредственным.

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

Кнопка Поиск визуально подключена к поле поиска. Чтобы свести к минимуму место, в поле поиска вместо метки используется необязательный запрос . Запрос может быть инструкцией (например, Введите для поиска) или указывать область поиска (например, Поиск рисунков).

Без меток и отдельных кнопок мгновенный поиск в Windows имеет упрощенный вид.

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

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

Пользователь может очистить поле поиска, щелкнув "x" в правой части элемента управления.

В обычном режиме поиска кнопка очистки является необязательной. Пользователи могут оказаться полезными, например, если поиск занимает много времени. Пользователи могут нажать кнопку "x", чтобы остановить поиск. Если поиск уже завершен, пользователи могут нажать кнопку "x", чтобы очистить поле Поиск.

Рекомендации

Расположение

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

Просмотр

• Используйте стандартные рисунки кнопки поиска. Существует три версии:
  • Только символ поиска лупы (при наведении кнопки нет). Используйте для мгновенного поиска.
  • Символ поиска лупы с кнопкой. Используйте, когда нужно нажать кнопку, чтобы начать поиск.
  • Символ поиска лупы с кнопкой и стрелкой раскрывающегося списка. Добавьте стрелку раскрывающегося списка, если пользователи могут изменить область или когда доступны другие параметры.
    • Для мгновенного поиска используйте только стрелку раскрывающегося списка и покажите кнопку при наведении указателя мыши.
    • Для обычного поиска покажите стрелку раскрывающегося списка на кнопке.

Визуальные спецификации для мгновенного поиска.

Визуальные спецификации для регулярного поиска.

• Не используйте метку; вместо этого используйте необязательный запрос. Если пользователи, как правило, предполагают, что поиск является универсальным поиском по файлам, используйте запрос, чтобы указать область. В противном случае используйте тип для поиска или аналогичную краткую фразу.

  

  

  В этих примерах краткие текстовые подсказки помогают пользователям работать с поиском.

Взаимодействие

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

  

  В этом примере ранее введенный текст выбирается в фокусе ввода.

• Назначьте для поля Поиск сочетание клавиш CTRL+E.

Функциональность

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

Рекомендуемые размеры и интервалы

Рекомендуемые размеры и интервалы для мгновенного поиска.

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

Текст

• Для формулировки запроса в поле Поиск добавьте в нее инструкцию (например, Введите для поиска) или укажите область поиска (например, Поиск рисунков).
• Текст запроса должен быть кратким. Достаточно одного слова или короткой фразы.
• Используйте выделение прописных букв, как в предложении.
• Не используйте конечные знаки препинания или многоточия.

Документация

• Этот элемент управления называется полем поиска. Заглавная буква первого слова; не использовать прописную букву.
• Используйте два типа поиска: мгновенный поиск и обычный поиск. Назначьте начальную букву мгновенного поиска с прописной буквы; не присваивать начальную букву регулярного поиска заглавной буквы.

Связанные темы

Словарь терминов