Панель задач

Примечание

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

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

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

Снимок экрана: панель задач с указанными функциями

Панель задач Microsoft Windows.

Элементы управления на панели задач называются кнопками панели задач. Когда программа создает основное окно (или дополнительное окно с определенными характеристиками), Windows добавляет кнопку панели задач для этого окна и удаляет ее при закрытии окна.

Программы, разработанные для Windows 7, могут использовать следующие новые функции кнопок панели задач:

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

Технически панель задач охватывает всю панель от кнопки Пуск до области уведомлений; Однако чаще панель задач относится только к области, содержащей кнопки панели задач. Для нескольких конфигураций мониторов панель задач имеет только один монитор, и этот монитор является монитором по умолчанию.

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

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

Программы, разработанные для Windows 7, могут использовать преимущества этих кнопок панели задач. Задайте себе следующие ключевые вопросы, чтобы определить, следует ли их использовать:

Списки переходов

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

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

    Снимок экрана: панель задач со списком переходов в Internet Explorer

    В этом примере Windows Internet Обозреватель использует список переходов для представления часто посещаемых страниц.

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

    Снимок экрана: панель задач со списком переходов заметок

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

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

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

Применяются ли все перечисленные ниже условия?

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

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

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

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

    Снимок экрана: панель задач с перекрывающимися окнами

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

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

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

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

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

    В этом примере команда не представлена значками.

Значки наложения

  • Есть ли в программе "присутствие на рабочем столе"? В противном случае используйте значок области уведомлений. Если это так, рекомендуется использовать значок наложения вместо того, чтобы помещать состояние на значок области уведомлений для программ, предназначенных для Windows 7. Это гарантирует, что значок всегда будет виден (при использовании больших значков), и консолидирует программу с ее состоянием в одном месте.
  • Отображается ли временно значок наложения для отображения изменения состояния? Если это так, значок наложения может быть уместным в зависимости от следующих факторов:
    • Является ли состояние полезным и релевантным при использовании других программ? В противном случае отобразите сведения в строках состояния программы или в другой области состояния программы.

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

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

    • Состояние показывает ход выполнения? Если это так, используйте индикатор выполнения кнопок панели задач.

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

Индикаторы выполнения

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

    Правильно:

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

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

    Снимок экрана: индикатор выполнения на кнопке панели задач

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

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

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

    Снимок экрана: значок выполнения непрерывной задачи

    В этом примере непрерывная задача не должна отображать ход выполнения.

Панели задач вложенных окон

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

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

Эффективное использование списков переходов и панелей инструментов эскизов

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

Списки переходов и панели инструментов эскизов наиболее эффективно работают вместе, когда они:

  • Четко дифференцируются. Пользователи знают, когда искать назначение или команду в списке переходов, а когда искать на панели инструментов эскизов. Для каждого из них существует четкая цель, поэтому пользователи редко путают содержимое двух. Как правило, списки переходов используются для запуска новых задач, тогда как панели инструментов эскизов используются для взаимодействия с выполняемыми задачами при использовании других программ.
  • Полезную. Пользователи могут использовать назначения и команды. Если пользователи, скорее всего, что-то не потребуется, он не включается. Не используйте максимальное количество элементов, если они не нужны.
  • Предсказуемым. Пользователи ожидают найти назначения и команды. Пользователям редко приходится искать в нескольких местах.
  • Хорошо организовано. Пользователи могут быстро найти то, что они ищут. Они используют описательные, но краткие метки и подходящие значки для распознавания.

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

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

Кнопки панели задач

  • На панели задач отображаются следующие типы окон (для Windows 7 с помощью эскиза кнопки панели задач):

    • Основные окна (включая диалоговые окна без владельцев)
    • Страницы свойств.
    • Диалоговые окна хода выполнения без режима
    • Мастера
  • В Windows 7 используйте эскизы кнопок панели задач, чтобы сгруппировать следующие типы окон с основной кнопкой панели задач, с помощью этой кнопки. Каждая программа (в частности, каждая программа, воспринимаемая как отдельная программа) должна иметь одну кнопку панели задач.

    • Вторичные окна
    • Вкладки рабочей области
    • Окна проекта
    • дочерние окна MDI

    Правильно:

    Снимок экрана: проводник и индикатор выполнения

    В этом примере дополнительное окно сгруппировано с помощью кнопки панели задач основного окна.

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

    Снимок экрана: проводник и панель управления Windows

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

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

    Снимок экрана: программа, индикатор выполнения и панель задач

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

  • Восстановление основного окна также должно восстанавливать все его вторичные окна, даже если эти вторичные окна имеют собственные кнопки панели задач. При восстановлении поместите дополнительные окна поверх основного окна.

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

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

    Снимок экрана: кнопка панели задач центра синхронизации Windows

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

Значки

  • Создайте значок программы так, чтобы он отлично выглядел на панели задач. Убедитесь, что он осмыслен и отражает его функции и ваш бренд. Сделайте его уникальным, сделайте его особенным и убедитесь, что он хорошо отображается во всех размерах значков. Потратьте время, необходимое, чтобы сделать это правильно. Следуйте рекомендациям по значкам в стиле Aero.

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

    Снимок экрана: значки и наложение в правом нижнем углу

    В этом примере значок кнопки панели задач программы не содержит важных сведений в нижней правой области.

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

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

    Снимок экрана: базовый значок с наложением

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

Общие рекомендации и примеры значков см. в разделе Значки.

Значки наложения

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

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

    Снимок экрана: три значка наложения

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

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

    • Для проблемы: Удалите значок после устранения проблемы.
    • Оповещения о том, что что что-то новое: Удалите значок после активации программы пользователем.

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

    Снимок экрана: live messenger со значком наложения

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

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

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

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

    Снимок экрана: панель задач со значком, отображаемым дважды

    В этом примере значок новой почты отображается избыточно.

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

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

    Наложение Состояние
    Снимок экрана: маленький значок предупреждения
    Предупреждение
    Снимок экрана: маленький значок ошибки
    Ошибка
    Снимок экрана: значок
    Отключено или отключено
    Снимок экрана: маленький значок блокировки или автономного режима
    Заблокировано или в автономном режиме
  • Для пользовательских значков наложения выберите легко узнаваемый дизайн. Используйте высококачественные полноцветные значки 16x16 пикселей. Предпочитать значки с отличительными контурами вместо значков квадратной или прямоугольной формы. Также примените другие рекомендации по значкам в стиле Aero .

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

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

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

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

      Снимок экрана: значок наложения в двух состояниях

      В этом примере требуется внимание к быстро меняющемуся значку наложения.

    • Не используйте анимации. Это слишком отвлекает.

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

Мигание кнопки панели задач

  • Используйте кнопку панели задач, мигающую редко, чтобы требовать немедленного внимания пользователя для поддержания текущей задачи. Пользователям трудно сосредоточиться, пока мигает кнопка панели задач, поэтому предположим, что они прервут свои действия, чтобы остановить его. Хотя мигание кнопки панели задач лучше, чем захват фокуса ввода, мигание кнопок панели задач по-прежнему очень навязчиво. Убедитесь, что прерывание оправдано, например, чтобы указать, что пользователю необходимо сохранить данные перед закрытием окна. Неактивные программы редко требуют немедленного действия. Не запускайте кнопку панели задач, если пользователю нужно лишь активировать программу, прочитать сообщение или увидеть изменение состояния.
  • Если немедленные действия не требуются, рассмотрите следующие варианты:
    • Используйте уведомление об успешном выполнении действия , чтобы указать, что задача завершена.
    • Не делать ничего. Просто подождите, пока пользователи примут участие в проблеме при следующем активации программы. Часто это лучший выбор.
  • Если неактивная программа требует немедленного внимания, нажмите кнопку панели задач, чтобы привлечь внимание и оставить ее выделенной. Не делайте никаких других действий: не восстанавливайте и не активируйте окно и не воспроизводите звуковые эффекты. Вместо этого учитывайте выбор состояния окна пользователя и позвольте пользователю активировать окно, когда будет готово.
  • Для дополнительных окон, имеющих кнопку панели задач, переведите ее вместо кнопки панели задач основного окна. Это позволяет пользователям напрямую заходить в окно.
  • Для дополнительных окон, у которых нет кнопки панели задач, включите кнопку панели задач основного окна и перенесите дополнительное окно поверх всех остальных окон для этой программы. Дополнительные окна, требующие внимания, должны быть самыми верхними, чтобы пользователи могли видеть их.
  • Одновременное выполнение только одной кнопки панели задач для одного окна. Мигание нескольких кнопок не требуется и слишком отвлекает.
  • Снимите выделение кнопки панели задач, когда программа станет активной.
  • Когда программа станет активной, убедитесь, что есть что-то очевидное. Как правило, эта цель достигается путем отображения диалогового окна, которое задает вопрос или инициирует действие.

Сочетания клавиш быстрого запуска

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

Списки переходов

Оформление

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

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

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

      Правильно:

      Снимок экрана: список переходов с одной ссылкой на целевой объект

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

      Снимок экрана: список переходов с пятью ссылками на целевой объект

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

  • Не делайте назначения слишком детализированными. Слишком узкие и конкретные назначения могут привести к избыточности с несколькими способами перехода в одно и то же место. Например, вместо перечисления отдельных веб-страниц выведите список домашних страниц верхнего уровня; вместо перечисления песен— список альбомов.

    Правильно:

    Снимок экрана: список переходов, упорядоченный по группам

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

    Снимок экрана: список переходов, упорядоченный по песням

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

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

    Снимок экрана: список переходов с одной командой

    В этом примере аксессуар Записки предоставляет одну команду "Список переходов", так как это все, что требуется.

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

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

    Снимок экрана: список переходов с избыточной подсказкой

    В этом примере подсказка списка переходов является избыточной.

Функции списка переходов и функции программы

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

Группирование

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

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

    Командам присваивается имя группы "Задачи", которое назначается Windows и поэтому не может быть изменено.

    Правильно:

    Снимок экрана: список переходов с недавним именем группы

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

    Снимок экрана: список переходов с именем группы журнала

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

Команды

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

    Исключения: Вы можете заменить или удалить команды в следующих случаях:

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

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

    Снимок экрана: список переходов с задачей печати

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

    Правильно:

    Снимок экрана: список переходов со войдите и выходом

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

  • При необходимости используйте следующие стандартные метки команд. Стандартные метки команд проще понять пользователям.

  • Представить команды в логическом порядке. Распространенные заказы включают в себя частоту использования или порядок использования. Поместите высоко связанные команды рядом друг с другом. В группе Задачи при необходимости разместите разделители между группами связанных команд.

  • Не предоставляйте команды для открытия или закрытия программы. Эти команды встроены во все списки переходов.

Значки команд

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

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

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

    Снимок экрана: несогласованный использование значков в списке переходов

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

Места назначения

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

  • При возможности используйте "автоматический" список назначений. Автоматические назначения управляются Windows, но ваша программа управляет конкретными назначениями, которые передаются.

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

      Снимок экрана: список переходов с именем группы recent

      В этом примере в Блокноте Windows используются последние назначения.

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

      Снимок экрана: список переходов с именем частой группы

      В этом примере windows Обозреватель использует часто используемые назначения.

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

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

      Снимок экрана: список переходов с несколькими последними элементами

      Использование последних в Windows Internet Обозреватель приведет к тому, что многие бесполезные назначения.

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

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

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

    • Создайте пользовательские версии Последние или Частые, если они подходят, но автоматическое управление не подходит для вашей программы. Например, программе может потребоваться отслеживать различные факторы, помимо команд открытого файла. В этом случае используйте то же имя (Последние или Частые) и порядок сортировки, так как пользователи не будут знать о различиях.

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

      Снимок экрана: список переходов с именем группы

      В этом примере Windows Media Center выводит список недавно записанных показаний, которые пользователь еще не видел.

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

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

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

    Снимок экрана: список переходов с повторяющиеся элементы группы

    В этом примере предоставление разных представлений одного назначения является расточительным.

    Правильно:

    Снимок экрана: список переходов с хорошо организованными задачами

    В этом примере целевые списки содержат разные данные для разных задач.

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

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

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

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

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

    Снимок экрана: панель инструментов с слишком большим количеством команд

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

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

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

    Снимок экрана эскиза с раскрывающимся меню

    Команды панели инструментов эскизов должны иметь немедленный эффект.

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

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

    Снимок экрана: эскиз проигрывателя мультимедиа с командой

    В этом примере при нажатии кнопки Далее в Медиаплеер Windows по-прежнему отображается эскиз, так как пользователям может потребоваться предоставить другие команды.

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

    В этом примере при нажатии кнопки Чат в Windows Live Messenger эскиз закрывается, так как пользователи, скорее всего, отправят сообщение.

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

  • Убедитесь, что значки эскизов панели инструментов соответствуют рекомендациям по значкам в стиле Aero. Для каждой команды предоставьте высококачественные полноцветные значки 16x16, 20x20 и 24x24 пикселей. Более крупные версии используются в режимах отображения с высоким разрешением на дюйм.
  • Убедитесь, что значки четко видны на фоне панели инструментов в обычном состоянии и при наведении курсора. Всегда оценивайте значки в контексте и режимах высокой контрастности.
  • Выберите макеты значков команд, которые четко сообщают об их эффекте. Хорошо спроектированные значки команд позволяют пользователям эффективно находить и понимать команды.
  • Выберите узнаваемые и различимые значки. Убедитесь, что значки имеют отличительные формы и цвета. Это помогает пользователям быстро находить команды, даже если они не помнят символ значка. После первоначального использования пользователям не нужно полагаться на подсказки для различения команд.
  • Укажите подсказку для метки каждой команды. Хорошая подсказка помечает элемент управления без меток, на который указывает элемент управления. Рекомендации и примеры см. в разделе Подсказки и Подсказки.

Индикаторы выполнения

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

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

Текст

Заголовки окон

При выборе заголовков окон учитывайте внешний вид заголовка на панели задач:

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

  • Для диалоговых окон хода выполнения без режима сначала суммируете ход выполнения. Пример: "66% завершено".

  • Избегайте заголовков окон с неуклюжными усечениями.

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

    Снимок экрана: название программы, отрезающее имя программы

    В этом примере усеченный заголовок окна имеет неудачные результаты.

Команды списка переходов

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

Дополнительные рекомендации по меткам команд см. в разделе Меню.

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

При обращении к панели задач:

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

Пример. Значок кнопки "Новая почта" на панели задач уведомляет о получении нового сообщения электронной почты.