Поделиться через


Поля поиска

Заметка

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

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

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

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

    снимок экрана, показывающий мгновенное поле поиска с выноской

    Обычное поле поиска с помощью мгновенного поиска. Поиск выполняется автоматически при каждом нажатии клавиш.

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

    снимок экрана регулярного поля поиска

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

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

Это правильный элемент управления?

Чтобы решить, рассмотрите следующие вопросы:

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

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

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

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

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

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

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

Внешний вид и чувство

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

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

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

снимок экрана мгновенного поля поиска

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

Выполнение успешного поиска создает виртуальную страницу результатов поиска и добавляет ее в стек back и адресную строку. У пользователей есть несколько способов восстановления исходной страницы и очистки поля поиска, включая нажатие кнопки "Назад", нажатие исходной страницы в адресной строке, нажатие клавиши ESC или очистка поля поиска.

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

снимок экрана поля поиска с значком x

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

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

Руководящие принципы

Местоположение

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

Смотреть

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

рисунок мгновенных полей поиска в разных состояниях

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

фигура регулярных полей поиска в разных состояниях

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

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

    снимок экрана с запросом типа для поиска

    снимок экрана с запросом поиска всех гаджетов

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

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

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

    снимок экрана с полем поиска с выделенным текстом

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

  • Назначьте сочетание клавиш для поля поиска, который должен быть CTRL+E.

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

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

рисунок мгновенного размера и интервалов

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

рисунок регулярного размера и интервалов

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

СМС

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

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

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

глоссарий