Мышь и указатели

Примечание

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

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

Примечание

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

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

снимок экрана с пятью типичными указателями мыши

Стандартные указатели мыши

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

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

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

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

Курсор

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

Мышь интуитивно понятна

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

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

снимок экрана кнопки и ползунка

Кнопки и ползунки имеют высокую надежность

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

снимок экрана с текстом ссылки и значком Internet Earth

текст и значки связи плохо допускают

Некоторые аспекты использования мыши не являются интуитивно понятными

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

Одним щелчком мыши или двойным щелчком?

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

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

Непосредственное манипулирование

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

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

Стандартные взаимодействия с кнопками мыши

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

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

Простые взаимодействия с мышью

В следующей таблице описаны распространенные взаимодействия и эффекты мыши.

Простое действие Взаимодействие Типичный результат
Указывающий
Установите указатель на конкретный объект, не щелкая кнопки мыши.
Target отображает состояние наведения, а также любые динамические аффорданцес.
Наведя
Установите указатель на конкретный объект, не щелкая кнопки мыши и не перемещаясь по крайней мере на секунду.
Target отображает подсказку, подсказку или эквивалент.
Щелкнув
Установите указатель на конкретный, невыбираемый объект и нажмите и отпустите кнопку мыши без перемещения. Выбор вступает в силу при выпуске кнопки мыши, чтобы пользователи могли отменить щелчок мышью, переместив указатель мыши за пределы целевого объекта. Поэтому нажатие кнопки мыши означает только выбранный целевой объект.
Для одного щелчка с основной кнопкой активируйте объект. Для двойного щелчка с основной кнопкой активируйте объект и выполните команду по умолчанию. Для дополнительной кнопки отобразите контекстное меню объекта.
Выбрать
Установите указатель на конкретный, выбираемый объект и нажмите и отпустите кнопку мыши.
Для одного щелчка с основной кнопкой выберите объект. Если пользователь перетаскивает указатель мыши, выберите непрерывный диапазон объектов. Для двойного щелчка с основной кнопкой выберите объект и выполните команду по умолчанию.
Для текста правая основная кнопка задает точку вставки, вторая выбирает слово в точке вставки, а третья — для выбора предложения или абзаца.
Нажали
Установите указатель на конкретный объект и нажмите кнопку мыши без освобождения.
Для функций автоповтора (таких как нажатие клавиши со стрелкой прокрутки для непрерывной прокрутки) активируйте многократную активацию. В противном случае указывает начало перемещения, изменения размера, разбиения или перетаскивания, если не за ним следует выпуск без перемещения.
Колесо
Перемещение колесика мыши.
Окно прокручивается вертикально в направлении движения колесика мыши.

Фигуры указателей

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

Фигурная Имя Применение
снимок экрана с указателем на фигуру со стрелкой
Обычная выборка
Используется для большинства объектов.
снимок экрана с изображением руки с указателем пальца
Выбор ссылки
Используется для ссылок Text и Graphics в связи с их слабостью.
снимок экрана с указателем с изображением i-образной формы
Выбор текста
Используется для текста, чтобы указать расположение между символами.
снимок экрана указателя с большой фигурой "плюс-знак"
Точность выделения
Используется для графических и других двумерных взаимодействий.

Составные взаимодействия мыши

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

Составное действие Взаимодействие Типичный результат Указатели
Изменения
Если перемещение является режимом (вводом команды), введите режим, наведите указатель мыши на перемещаемый объект, нажмите кнопку и переместите мышь, отпустите кнопку мыши. в этом случае указатель меняет форму, чтобы обозначить режим.
в противном случае наведите указатель мыши на область захвата перемещаемого объекта, нажмите кнопку и переместите мышь, отпустите кнопку мыши. в этом случае указателю не нужно изменять форму.
объект перемещается в направлении перемещения указателя.
перенос
снимок экрана указателя с четырьмя стрелками
используется для перемещения окна в любом направлении.
панорама
снимок экрана указателя с формой руки
Используется для перемещения объекта внутри окна в любом направлении.
Изменение размера
Наведите указатель мыши на границу с изменяемым размером или маркер изменения размера, нажмите кнопку мыши и переместите указатель мыши, а затем отпустите кнопку мыши.
изменение размера объекта в направлении перемещения указателя.
изменение размера по вертикали и горизонтали
Снимок экрана, на котором отображаются указатели вверх/вниз.снимок экрана — указатели, расположенные справа и вправо
используется для изменения размера одного измерения.
изменение размера по диагонали
bb545459. mouse13 (EN-US, MSDN. 10). pngснимок экрана с диагональными указателями с подсказками со стрелками
используется для одновременного изменения размера двух измерений.
изменение размера строк и столбцов
bb545459. mouse15 (EN-US, MSDN. 10). pngснимок экрана с указателями стрелок с микшером
Используется для изменения размера строки или столбца в сетке.
Разделение
Наведите указатель мыши на разделитель, нажмите кнопку мыши и переместите указатель мыши, а затем отпустите кнопку мыши.
граница области разделения перемещается в направлении перемещения указателя.
окно разделителей
bb545459. mouse17 (EN-US, MSDN. 10). pngснимок экрана с указателями стрелок с двойным микшером
Используется для изменения размера разделенной области по вертикали или по горизонтали.
Перетаскивание
Наведите указатель на допустимый объект для перетаскивания, нажмите кнопку мыши и переместите указатель мыши на целевой объект перетаскивания, а затем отпустите кнопку мыши.
объект перемещается или копируется в цель перетаскивания.
Обычная выборка
снимок экрана: фотография, стандартный указатель и подсказка
используется для допустимых целевых объектов перетаскивания. может также иметь всплывающую подсказку, указывающую на конкретный результат.
недоступен
снимок экрана: значок небольшого заблокированного или автономного режима
Используется для обозначения поверхности, не является допустимой целью перетаскивания.

Индикаторы активности

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

Фигурная Имя Применение
Снимок экрана, на котором показан указатель "занят" в кольцевой форме.
Занятый указатель
Используется для ожидания реакции окна.
снимок экрана — указатель и стрелка в кольцевой форме
Работа в фоновом указателе
Используется для указания, нажатия или выбора при завершении задачи в фоновом режиме.

Указатели руки

Ссылки Text и Graphics используют указатель руки или "связь Select" (руки с указателем с указателем мыши снимок экрана с изображением руки с указателем пальца ) из-за их слабости. Хотя ссылки могут содержать другие визуальные подсказки, указывающие, что они являются ссылками (например, подчеркивание и Специальное размещение), отображение указателя руки при наведении — это точная индикация ссылки.

Чтобы избежать путаницы, не следует использовать указатель руки для других целей. Например, у командных кнопок уже есть надежный набор, поэтому им не нужен указатель в виде руки. Указатель руки должен означать «этот целевой объект является ссылкой» и ничего другого.

Пользовательские указатели

Windows поддерживает создание пользовательских указателей. Дополнительные сведения см. в разделе Настройка изображения курсора и входных данных пользователя: Расширенный пример.

Многие приложения предоставляют палитру элементов управления с пользовательскими указателями для поддержки функциональности приложения.

снимок экрана палитры с распылителем-может быть указателем

Microsoft Paint включает палитру различных функций, каждый с уникальным указателем.

Закон Фиттс

Закон Фиттс является хорошо известным принципом в структуре графического пользовательского интерфейса, который, по сути, называется:

  • Чем меньше целевой объект, тем дольше он получается от мыши.
  • Чем меньше целевой объект, тем дольше он получается от мыши.

Таким же показателями являются большие целевые объекты. Убедитесь, что выбрана вся целевая область.

Неправильно Верно (весь целевой объект доступен для выбора)
снимок экрана значка с меткой только для щелчка снимок экрана с отображаемым значком и щелчком метки

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

снимок экрана с картой символов с увеличенным числом

Целевой объект становится больше, когда пользователь указывает, чтобы упростить его получение

И Close targets также являются хорошими. Расположение элементов, доступных для выбора, близко к наиболее часто используемым. На следующем рисунке цветовая палитра слишком далеко от селектора инструментов.

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

Цветовая палитра слишком далеко не там, где это скорее всего будет использоваться

Рассмотрим тот факт, что текущее положение указателя пользователя совпадает с закрывающийся в качестве целевого объекта, что делает его простым для получения. Таким образом, контекстные меню занимают все преимущества закона Фиттс, как и мини-панели инструментов, используемые Microsoft Office.

снимок экрана с раскрывающимся списком указателей

Положение текущего указателя всегда является самым простым для получения

Кроме того, при определении размеров объектов рассмотрите возможность использовать альтернативные устройства ввода. Например, минимальный размер целевого объекта, рекомендуемый для сенсорного ввода, — 23x23 пикселей (13x13 Длус).

Среды без мыши

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

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

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

Если вы выполните только четыре вещи...

  1. Применяйте поведение взаимодействия мыши в соответствии со своими стандартными эффектами, используя стандартные указатели, если это уместно.
  2. Ограничьте расширенные действия с мышью (которые требуют щелчков правой кнопкой мыши, нескольких щелчков или клавиш-модификаторов) для расширенных задач, нацеленных на опытных пользователей.
  3. Назначайте расширенные взаимодействия мыши по единообразному и предсказуемому поведению, чтобы их можно было использовать эффективно.
  4. Убедитесь, что программа предоставляет возможность отмены или исправления любых нежелательных действий, особенно для разрушительных команд. Случайные действия более вероятны при использовании непосредственной манипуляции.

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

Щелкните "позволить"

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

Стандартные взаимодействия с кнопками мыши

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

Взаимодействие Действие
Наведение
Target отображает подсказку, подсказку или эквивалент.
Один щелчок левой кнопкой мыши
Активирует или выбирает объект. Для текста задает точку вставки.
Один щелчок правой кнопкой мыши
Выбирает объект и отображает его контекстное меню.
Двойной щелчок левой кнопкой мыши
Активирует или выбирает объект и выполняет команду по умолчанию. Для текста выбирает слово в точке вставки (Третий щелчок выбирает предложение или абзац).
Дважды щелкните правой кнопкой мыши
То же, что и один щелчок правой кнопкой мыши.
Сдвиг одним щелчком левой кнопкой мыши
Для выбираемых объектов непрерывно расширяет выделенный фрагмент. В противном случае — один щелчок левой кнопкой мыши с возможными изменениями. Например, в Paint Рисование овала с помощью модификатора клавиши Shift приводит к рисованию окружности.
Сдвиг одним щелчком правой кнопкой мыши
То же, что и один щелчок левой кнопкой мыши.
SHIFT двойной щелчок левой кнопкой мыши
То же, что и один щелчок левой кнопкой мыши, и выполняет команду по умолчанию для всего выделения.
SHIFT двойной щелчок правой кнопкой мыши
То же, что и один щелчок левой кнопкой мыши.
Ctrl одинарный щелчок левой кнопкой мыши
Для выбираемых объектов расширяет выбор, переключаясь в выбранное состояние выбора элемента, не влияя на выбор других объектов (таким образом, позволяя выбирать, который не является смежным). В противном случае — один щелчок левой кнопкой мыши.
Ctrl одинарный щелчок правой кнопкой мыши
То же, что и нажатие клавиши CTRL одинарный щелчок левой кнопкой мыши.
Ctrl двойной щелчок левой кнопкой мыши
То же, что и нажатие клавиши CTRL одинарный щелчок левой кнопкой мыши, и выполняет команду по умолчанию для всего выделения.
Удерживая клавишу CTRL, щелкните правой кнопкой мыши
То же, что и нажатие клавиши CTRL одинарный щелчок левой кнопкой мыши.

Взаимодействие с мышью

  • Щелкните целевые объекты размером не менее 16x16 пикселей, чтобы их можно было легко щелкать любым устройством ввода. Для сенсорного вводарекомендуемым минимальным размером элемента управления является 23x23 пикселей (13x13 длус). Рассмотрите возможность динамического изменения размера небольших целевых объектов, когда пользователь указывает, чтобы упростить их получение.

    В этом примере кнопки элемента управления "Счетчик" слишком малы для эффективного использования касанием или пером.

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

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

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

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

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

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

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

  • Захват мыши для выбора, перемещения, изменения размера, разделения и перетаскивания.

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

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

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

    снимок экрана кнопки панели задач и стандартного указателя

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

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

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

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

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

Колесико мыши

  • Сделайте колесо мыши повлиять на элемент управления, область или окно, на которое в данный момент наведен указатель. Это позволяет избежать непредвиденных результатов.
  • Заставить колесо мыши действовать, не щелкая или не набирая фокус ввода. Достаточно наведения указателя.
  • Сделать колесо мыши повлиять на объект с наиболее определенной областью. Например, если указатель наведен на прокручиваемый элемент управления списком в прокручиваемой области внутри прокручиваемого окна, то колесо мыши повлияет на элемент управления "список".
  • Не изменяйте фокус ввода при использовании колесика мыши.
  • Наведите колесико мыши на следующие эффекты:
    • Для прокручиваемых окон, панелей и элементов управления:
      • При повороте колесика мыши объект прокручивается вертикально, где вращается вверх. Чтобы в колесе было естественное сопоставление, поворот колесика мыши никогда не должен прокручиваться по горизонтали, так как это не является оптимальным и непредсказуемым.
        • Если нажата клавиша CTRL, то при повороте колесика мыши масштаб объекта увеличивается, где увеличивается масштаб и уменьшается масштаб поворота.
        • Наклон колесика мыши прокручивает объект по горизонтали.
    • Для масштабируемый окон и панелей (без полос прокрутки):
      • При вращении колесика мыши масштаб объекта увеличивается, где увеличивается масштаб и уменьшается масштаб поворота.
      • Наклон колесика мыши не имеет силы.
    • Для вкладок:
      • Поворот колесика мыши может изменить текущую вкладку независимо от ориентации вкладок.
      • Наклон колесика мыши не имеет силы.
    • Если нажаты клавиши Shift и ALT, колесико мыши не имеет силы.
  • Используйте системные параметры Windows для размера вертикальной прокрутки (для поворота) и размера горизонтальной прокрутки (для наклона). Эти параметры можно настроить с помощью элемента панели управления мыши.
  • Сделать вращение колесика мыши более быстро в результате прокрутки более быстро. Это позволит пользователям более эффективно прокручивать большие документы.
  • Для прокручиваемых окон рассмотрите возможность нажатия кнопки колесика мыши перевести окно в режим чтения. В режиме модуля чтения затениется Специальный значок прокрутки и выполняется прокрутка окна в направлении и скорости относительно начала прокрутки.

снимок экрана страницы с значком прокрутки

Internet Explorer поддерживает режим чтения, который содержит значок прокрутки

Скрытие указателя

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

Указатели действий

Указатели действий в Windows — это указатель занятости (снимок экрана кольцевой формы указателя ) и «работа в фоновом указателе» (снимок экрана — указатель и стрелка в кольцевой форме ).

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

Курсор

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

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

    снимок экрана с диспетчером учетных данных без фокуса

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

Специальные возможности

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

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

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

При ссылке на мышь:

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

При ссылке на указатели мыши:

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

Примеры:

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

См. также раздел