Работа с сенсорным вводом в Windows

Статья
04/07/2015

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

Взаимодействие пользователя с планшетом с помощью сенсорного ввода

В этой статье:

Принципы проектирования для сенсорного ввода
Язык сенсорного ввода
Целевые объекты касаний
Положение и захват
Связанные разделы

Принципы проектирования для сенсорного ввода

Обеспечьте мгновенную обратную связь

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

Обеспечьте следование содержимого за пальцем

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

Поддерживайте обратимость взаимодействий

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

Допускайте касание любым сочетанием пальцев

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

Язык сенсорного ввода

Нажатие и удерживание для вывода подсказки

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

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

Касание для основного действия

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

Проведение пальцем для сдвига

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

Проведение пальцем для выбора, вывода команды и перемещения

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

Сжатие и растяжение для изменения масштаба

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

Вращение для поворота

Вращение несколькими пальцами на экране приводит к повороту объекта. Чтобы повернуть весь экран, поверните само устройство.

Проведение пальцем от края для вывода команд приложения

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

Проведение пальцем от края экрана для вывода системных команд

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

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

Проведение от верхнего края экрана вниз закрывает текущее приложение.

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

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

Целевые объекты касаний

Размер и эффективность: размер конечного объекта влияет на частоту ошибок

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

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

Рекомендации по размерам целевых объектов

7 x 7 — рекомендуемый минимальный размер

7 x 7 мм: рекомендуемый минимальный размер

7 x 7 мм — подходящий минимальный размер, если ошибку касания можно исправить одним-двумя жестами или в течение пяти секунд. Отступы между объектами так же важны, как и их размер.

9 x 9 — рекомендуемый размер для точности

Когда точность имеет значение

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

Когда не соответствует размер

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

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

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

Размеры пальцев

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

На левом изображении показано, что ширина пальца взрослого человека составляет в среднем около 11 мм, у ребенка она равна 8 мм, а у некоторых баскетболистов может превышать 19 мм.

Диаграмма, показывающая разброс в толщине пальцев

Положение и захват

Разработка приложения для сенсорного экрана — это не просто разработка элементов, отображаемых на экране. Для этого необходимо спроектировать, каким образом пользователь будет держать устройство (то есть спроектировать захват).

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

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

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

Области взаимодействия

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

Области взаимодействия

Области чтения

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

Области чтения

Распространенные типы захватов

Захват	Захват и взаимодействие	Вопросы разработки
	Удержание одной рукой, уровень взаимодействия другой рукой от минимального до среднего	Правый и нижний края обеспечивают быстрое взаимодействие. Правый нижний угол может быть закрыт рукой и запястьем. Из-за ограниченной досягаемости касания будут более точными. Чтение, просмотр, работа с электронной почтой и ввод небольших объемов текста.
	Удержание двумя руками, уровень взаимодействия большими пальцами от минимального до среднего	Левый и правый нижние углы обеспечивают быстрое взаимодействие. Большие пальцы, установленные в определенном положении, повышают точность касания. Все, что в середине экрана, трудно достать. Чтобы коснуться объекта в середине экрана, необходимо изменить расположение рук. Чтение, просмотр, ввод небольших объемов текста и игры.
	Устройство располагается на столе или коленях, уровень взаимодействия двумя руками от минимального до максимального	Нижняя часть экрана обеспечивает быстрое взаимодействие. Нижние углы могут быть закрыты руками и запястьями. Расположение объектов на минимальном расстоянии делает касания более точными. Чтение, просмотр, работа с электронной почтой и ввод больших объемов текста.
	Устройство располагается на столе или подставке, взаимодействие присутствует или отсутствует	Нижняя часть экрана обеспечивает быстрое взаимодействие. Касание верхней части экрана ограничивает обзор содержимого. Касание верхней части экрана может вывести закрепленное устройство из равновесия. Взаимодействие на расстоянии снижает удобочитаемость и точность. Чтобы повысить удобочитаемость и точность, увеличьте размеры целевых объектов. Просмотр фильма, прослушивание музыки.