Прочитать на английском

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


Столбцы состояния (основы проектирования)

Примечание

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

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

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

Снимок экрана: типичная строка состояния

Типичная строка состояния.

Примечание

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

Это правильный пользовательский интерфейс?

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

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

  • Нужно ли отображать уведомления в элементе состояния? В этом случае необходимо использовать значок области уведомлений.

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

  • Является ли информация в первую очередь состоянием? В противном случае не используйте строку состояния. Строки состояния не должны использоваться в качестве дополнительной строки меню или панели инструментов.

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

  • Является ли состояние полезным и актуальным? То есть, могут ли пользователи изменить свое поведение в результате этой информации? В противном случае не отображайте состояние или поместите его в файл журнала.

  • Является ли состояние критическим? Требуются ли немедленные действия? Если это так, отобразите информацию в форме, требующей внимания и которая не может быть легко проигнорирована, например в диалоговом окне или в самом основном окне.

    Снимок экрана: красная строка состояния

    Красная адресная строка в Windows Internet Обозреватель.

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

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

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

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

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

Если вы делаете только одно...

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

Варианты использования

В строках состояния есть несколько шаблонов использования:

Использование Пример
Текущее состояние окна
Отображение источника отображаемого содержимого вместе с любыми режимами представления
Снимок экрана: строка состояния location
В этом примере в строке состояния отображается путь к документу.
Ход выполнения
Отображение хода выполнения фоновых задач с помощью определенного индикатора выполнения или анимации.
Снимок экрана: строка состояния с индикатором выполнения
В этом примере строка состояния содержит индикатор выполнения, отображающий загрузку веб-страницы в окно интернет-Обозреватель.
контекстные сведения.
Отображение контекстной информации о том, что пользователь в настоящее время делает.
Снимок экрана: строка состояния, показывающая количество пикселей
В этом примере Microsoft Paint показывает размер выделенного фрагмента в пикселях.

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

Общие сведения

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

Уровень представления

  • Отключите модальное состояние, которое не применяется. Модальное состояние включает состояния клавиатуры и документа.
  • Удалите немодальное состояние, которое не применяется.
  • Представить сведения о состоянии в следующем порядке: текущее состояние окна; Прогресс; и контекстно-информативная информация.

Значки

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

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

    Правильно:

    Снимок экрана: строка состояния с синими значками

    Неправильно:

    снимок экрана: строка состояния с красным значком

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

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

    Наложение Состояние
    Снимок экрана: значок предупреждения
    Предупреждение
    Снимок экрана: значок ошибки
    Ошибка
    Снимок экрана: значок
    Отключено или отключено
    Снимок экрана: значок заблокированного или автономного режима
    Заблокировано или в автономном режиме
  • Не изменяйте состояние слишком часто. Значки строки состояния не должны выглядеть шумно, нестабильно или требовать внимания. Глаз чувствителен к изменениям в периферийном поле зрения, поэтому изменения состояния должны быть тонкими.

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

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

Дополнительные сведения см. в разделе Значки.

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

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

Текст

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

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

Строки состояния называются строками состояния, а не строками состояния или другими вариантами. Пример: "Текущий номер страницы отображается в строке состояния".