Примечание
Для доступа к этой странице требуется авторизация. Вы можете попробовать войти или изменить каталоги.
Для доступа к этой странице требуется авторизация. Вы можете попробовать изменить каталоги.
Примечание.
Это руководство по проектированию было создано для Windows 7 и не было обновлено для более новых версий Windows. Большая часть рекомендаций по-прежнему применяется в принципе, но презентация и примеры не отражают наше текущее руководство по проектированию.
Все приложения Microsoft Windows должны быть включены пером. И делать это проще, чем вы думаете.
Входные данные пера относятся к тому, как Windows позволяет взаимодействовать непосредственно с компьютером с помощью пера. Перо можно использовать для указателя, а также для жестов, простой записи текста и записи мысли свободной формы в цифровом рукописном вводе.
Перо, используемое для ввода, имеет тонкий, гладкий совет, который поддерживает точное указание, написание или рисование рукописного ввода. Перо также может иметь необязательную кнопку пера (используется для выполнения щелчков правой кнопкой мыши) и ластик (используется для удаления рукописного ввода). Большинство перьев поддерживают наведение указателя мыши.
Обычное перо.
Когда перо используется для рукописного ввода, штрихи пользователя можно преобразовать в текст с помощью распознавания рукописного ввода. Росчерки можно хранить так же, как они были написаны, с распознаванием, выполненным в фоновом режиме для поддержки поиска и копирования в виде текста. Такие неконвертированные росчерки называются цифровыми рукописными рукописными.
Пример ввода рукописного ввода.
Большинство программ Windows уже удобны для пера, что перо можно использовать вместо мыши, перо работает гладко для наиболее важных задач и взаимодействий, и программа реагирует на жесты. Программа становится понятной для рукописного ввода при помощи рукописного ввода текста. Программа становится включенной рукописным вводом, если она может обрабатывать рукописные рукописные фрагменты напрямую, а не требует перевода росчерков пера в текст или эквивалентные движения мыши. Это позволяет пользователям писать, рисовать и добавлять комментарии в бесплатный поток, высококачественный цифровой рукописный ввод. Сбор рукописного ввода отличается от сбора событий мыши, так как рукописный ввод требует более высокого разрешения и более высокой частоты выборки, и он также может добавить нюансы с давлением и наклоном. Сведения о создании понятных и рукописных программ с поддержкой рукописного ввода см. в разделе "Интеграция рукописных и текстовых данных с помощью пера".
При расположении пера меньше необходимости в курсоре, так как подсказка представляет себя. Однако для целевой помощи Windows предоставляет крошечный курсор пера, указывающий текущее расположение пера. В отличие от указателя мыши, который он заменяет, курсор пера не нужен, если перо находится рядом с дисплеем, поэтому он исчезает через несколько секунд бездействия, чтобы разрешить неоценимое представление информации.
Большинство удобных для пера программ поддерживают жесты. Жест — это быстрое перемещение пера на экране, которое компьютер интерпретирует как команду, а не как движение мыши, запись или рисование. Одним из самых быстрых и простых жестов для выполнения является flick. Flick — это простой жест, который приводит к навигации или команде редактирования. Навигационные щелки включают перетаскивание вверх, перетаскивание вниз, перемещение назад и перемещение вперед, в то время как изменения flicks включают копирование, вставку, отмену и удаление.
Все указатели, кроме занятого указателя, имеют одну горячую точку пикселя, которая определяет точное расположение экрана указателя. Горячая точка определяет, какой объект влияет на взаимодействие. Объекты определяют горячую зону, которая является областью, в которой горячая точка считается над объектом. Как правило, горячая зона совпадает с границами объекта, но может быть больше, чтобы упростить взаимодействие.
Так как перо может указывать точнее, чем пальцем, если пользовательский интерфейс хорошо подходит для касания, он также будет работать хорошо для пера. Следовательно, эта статья в основном сосредоточена на добавлении поддержки пера в программы, которые уже разработаны для сенсорного ввода.
Заметка: Рекомендации, связанные с мышью, специальными возможностями и касанием , представлены в отдельных статьях.
Принципы проектирования
Использование пера для ввода имеет следующие характеристики:
- Естественный и интуитивно понятный. Все знают, как указать и коснитесь пера. Взаимодействие с объектами предназначено для обеспечения согласованного взаимодействия пользователей с объектами в реальном мире.
- Выразительный. Росчерки пера легко контролировать, делая написание, рисование, эскизы, рисование и аннотирование проще, чем делать это с мышью.
- Более личный. Так же, как рукописная заметка или подпись является более личной, чем типизированный, используя цифровую рукописную заметку или подпись также более личная.
- Менее навязчивым. Использование пера безмолвно, и, следовательно, гораздо менее отвлекает, чем ввод или щелчок, особенно в социальных ситуациях, таких как собрания.
- Портативный. Компьютер с возможностью пера может быть более компактным, так как большинство задач можно выполнить без клавиатуры, мыши или сенсорной панели. Он может быть более гибким, так как он не требует рабочей поверхности. Он включает новые места и сценарии для использования компьютера.
- Прямое и привлекательное. Используя перо, вы чувствуете, как вы непосредственно взаимодействуете с объектами на экране, в то время как при использовании мыши или сенсорной панели всегда требуется координировать движения рук с отдельными движениями указателя на экране, которые чувствуют себя косвенными по сравнению.
Все программы Windows должны иметь хороший интерфейс пера. Пользователи должны эффективно выполнять наиболее важные задачи программы с помощью пера. Некоторые задачи, такие как ввод или подробные манипуляции с пикселями, не подходят для пера, но они должны быть по крайней мере возможными.
К счастью, если ваша программа уже хорошо разработана и является сенсорной, обеспечивая хорошую поддержку пера легко сделать. Для этого хорошо разработанная программа:
- Имеет хорошую поддержку мыши. Интерактивные элементы управления имеют четкие, видимые возможности и имеют состояния наведения указателя для обратной связи указателя. Объекты имеют стандартное поведение для стандартного взаимодействия мыши (одинарный и двойной щелчок слева, щелкните правой кнопкой мыши, перетащите и наведите указатель мыши). Фигура указателя изменяется соответствующим образом, чтобы указать тип прямой манипуляции.
- Имеет хорошую поддержку клавиатуры. Программа делает пользователей эффективными, предоставляя стандартные сочетания клавиш, особенно для команд навигации и редактирования, которые также можно создать с помощью жестов.
- Имеет достаточно большое количество элементов управления для касания. Элементы управления имеют минимальный размер 23x23 пикселей (13x13 диалоговых единиц [DLUs]), а наиболее часто используемые элементы управления — по крайней мере 40x40 пикселей (23x22 DLUs). Чтобы избежать неответственного поведения, между элементами пользовательского интерфейса не должно быть небольших пробелов, чтобы смежные целевые объекты либо касались, либо имеют по крайней мере 5 пикселей (3 DLUS) пространства между ними.
- Доступен. Использует microsoft Active Accessibility (MSAA) для предоставления программного доступа к пользовательскому интерфейсу для вспомогательных технологий. Программа соответствующим образом реагирует на изменения тем и системных метрик.
- Хорошо работает и выглядит хорошо в 120 dpi (точках на дюйм), что является рекомендуемым разрешением отображения по умолчанию для компьютеров с поддержкой пера.
- Использует общие элементы управления. Большинство распространенных элементов управления предназначены для поддержки хорошего интерфейса пера. При необходимости программа использует хорошо реализованные пользовательские элементы управления, предназначенные для поддержки простых целевых и интерактивных манипуляций.
- Использует ограниченные элементы управления. При использовании простого нацеливания ограниченные элементы управления, такие как списки и ползунки, могут быть лучше, чем ограниченные элементы управления, такие как текстовые поля, так как они снижают потребность в вводе текста.
- Предоставляет соответствующие значения по умолчанию. Программа выбирает самый безопасный (чтобы предотвратить потерю данных или системного доступа) и наиболее безопасный вариант по умолчанию. Если безопасность и безопасность не являются факторами, программа выбирает наиболее вероятный или удобный вариант, тем самым устраняя ненужные действия.
- Предоставляет автозавершение текста. Предоставляет список наиболее вероятных или недавно входных значений, что упрощает ввод текста.
К сожалению, наоборот, также верно, если ваша программа не хорошо разработана, его недостатки будут особенно очевидными для пользователей, которые используют перо.
Модель взаимодействия с пером
Если вы не опытны с использованием пера, лучшее введение заключается в том, чтобы научиться делать. Получите компьютер с поддержкой пера, поместите мышь и клавиатуру в сторону и выполните задачи, которые обычно выполняются с помощью пера. Не забудьте попробовать обе программы с поддержкой рукописного ввода, такие как журнал Windows, и программы, которые не включены рукописным вводом. Если у вас есть планшетный пк, поэкспериментируйте с удержанием его в разных позициях, таких как на коленях, пламя на столе или в руках, пока вы стояли. Попробуйте использовать его в книжной и альбомной ориентации, и удерживайте перо для написания и просто для указателя, в левой руке, а также вправо.
Поэкспериментируя с помощью пера, вы узнаете, что:
- Небольшие элементы управления трудно использовать. Размер элементов управления значительно влияет на возможность эффективного взаимодействия. Элементы управления размером 10x10 пикселей работают разумно для пера, но более крупные элементы управления еще более удобны для использования. Например, элементы управления спиной (15x11 пикселей) слишком малы, чтобы легко использовать с пером.
- Ручность является фактором. Ваша рука иногда охватывает вещи, с которыми вы можете видеть или взаимодействовать. Например, для контекстных меню правой руки пользователям трудно использовать, если они отображаются справа от точки щелчка, поэтому лучше, если они отображаются слева. Windows позволяет пользователям указывать свою передачу в элементе панели управления "Параметры компьютера планшета".
- Локализация задач помогает. Хотя указатель можно переместить на 14-дюймовом экране с 3-дюймовым движением мыши, используя перо, требуется переместить руку на полную 14 дюймов. Многократное перемещение между целевыми объектами, которые находятся далеко друг от друга, может быть емким, поэтому гораздо лучше сохранить взаимодействие задач в пределах диапазона отдыха рук всякий раз, когда это возможно. Контекстные меню удобны, так как они не требуют перемещения рук.
- Ввод текста и выделение являются сложными. Длинные текстовые данные особенно трудно использовать перо, поэтому автозавершение и допустимые значения текста по умолчанию могут действительно упростить задачи. Выделение текста также может быть довольно сложным, поэтому задачи проще, если они не требуют точного размещения курсора.
- Небольшие целевые объекты возле края дисплея могут быть очень трудными для касания. Некоторые экранные панели выступают, и некоторые технологии сенсорного экрана менее чувствительны к краям, что делает элементы управления вблизи края труднее использовать. Например, кнопки "Свернуть", "Развернуть", "Восстановить" и "Закрыть" в строке заголовка могут быть сложнее использовать при максимальном расположении окна.
Расположение элемента управления
Локализация задач снижает емкий повторяющийся перекрестный перемещений. Чтобы свести к минимуму движения рук, найдите элементы управления, близкие к тому, где они, скорее всего, будут использоваться.
Неправильно:
В этом примере из Windows XP цветовая палитра слишком далеко от того места, где она, скорее всего, будет использоваться.
Учитывайте, что текущее расположение пользователя является ближайшим целевым объектом, что делает его тривиальным для получения. Таким образом, контекстные меню используют полные преимущества закона Фитса, как и мини-панели инструментов, используемые Microsoft Office.
Текущее расположение указателя всегда является самым простым для приобретения.
Небольшие целевые объекты рядом с краем дисплея могут быть трудными, поэтому не следует размещать небольшие элементы управления рядом с краями окна. Чтобы элементы управления были легко целевыми, если окно развернуто, сделайте их по крайней мере 23x23 пикселей (13x13 DLUs) или поместите их от края окна.
Взаимодействие пера
Системные жесты
Системные жесты определяются и обрабатываются Windows. В результате все программы Windows имеют доступ к ним. Эти жесты имеют эквивалентные сообщения мыши, клавиатуры и команды приложения:
Системный жест | Синтезированный эквивалентный сообщение |
---|---|
Наведите указатель мыши (при поддержке) |
Указатель мыши |
Коснитесь (вниз и вверх) |
Щелкните указатель мыши слева |
Двойное касание (вниз и вверх дважды) |
Дважды щелкните мышью слева |
Нажмите и удерживайте (вниз, пауза, вверх) |
Щелкните правой кнопкой мыши мыши |
Перетаскивание (вниз, перемещение, вверх) |
Перетаскивание мыши влево |
Нажмите, удерживайте и перетаскивайте (вниз, паузу, перемещение, вверх) |
Перетаскивание мыши вправо |
Выберите (вниз, переместите объекты, доступные для выбора, вверх) |
Выбор мыши |
Разработчики: Дополнительные сведения см. в разделе "Перечисление SystemGesture".
Кино
Flicks — это простые жесты, которые примерно эквивалентны сочетаниям клавиш. Скользки навигации включают перетаскивание вверх, перетаскивание вниз, перемещение назад и перемещение вперед. При редактировании скользки включают копирование, вставку, отмену и удаление. Для использования мерцаний программа должна отвечать только на связанные команды нажатий клавиш.
Восемь жестов flick и их назначения по умолчанию в Windows 7. Щелчки навигации были изменены, чтобы соответствовать сдвигу (где объект перемещается с жестом) вместо прокрутки (где объект перемещается в противоположном направлении жеста).
Восемь жестов по умолчанию и назначения по умолчанию в Windows Vista.
Навигационные щелки имеют естественное сопоставление, поэтому они легко учиться и запоминать. Щелки редактирования являются диагоналями, которые требуют большей точности, и их сопоставления не так естественны (flick к корзине для удаления, flick в направлении стрелки назад для отмены), поэтому они не включены по умолчанию. Все действия flick можно настроить с помощью элемента панели управления "Перо и входные устройства".
Щелчок | Синтезированный эквивалентный сообщение |
---|---|
Flick слева |
Переадресация команды (команда Back для Windows Vista) |
Flick right |
Команда Back (команда пересылки для Windows Vista) |
Мелькнуть вверх |
Прокрутка клавиатуры вниз |
Flick вниз |
Прокрутка клавиатуры вверх |
Flick вверх по левой диагонали |
Удаление клавиатуры |
Flick вниз по левой диагонали |
Отмена клавиатуры |
Flick вверх правой диагонали |
Копирование клавиатуры |
Flick вниз правой диагонали |
Вставка клавиатуры |
Жесты приложения
Приложения также могут определять и обрабатывать другие жесты. Распознаватель жестов Майкрософт может распознавать более 40 жестов. Чтобы использовать жесты приложения, программа должна определить жесты, которые он распознает, а затем обрабатывать полученные события.
Скорость реагирования и согласованность
Скорость реагирования необходима для создания возможностей пера, которые чувствуют себя прямыми и привлекательными. Чтобы чувствовать себя прямыми, жесты должны действовать немедленно, и контактные точки объекта должны оставаться под пером гладко на протяжении всего жеста. Любая задержка, отрезок ответа, потеря контакта или неточные результаты уничтожает восприятие прямого манипуляции, а также качества.
Согласованность необходима для создания возможностей пера, которые чувствуют себя естественными и интуитивно понятными. Когда пользователи учат стандартный жест, они ожидают, что жест будет иметь одинаковый эффект во всех применимых программах. Чтобы избежать путаницы и разочарования, никогда не назначать нестандартные значения стандартным жестам. Вместо этого используйте настраиваемые жесты для взаимодействия, уникального для программы.
Редактирование рукописного ввода и текста
Редактирование рукописного ввода и текста является одним из самых сложных взаимодействий при использовании пера. Использование ограниченных элементов управления, соответствующих значений по умолчанию и автоматического завершения устраняет или сокращает необходимость ввода текста. Но если программа включает редактирование текста или рукописного ввода, вы можете сделать пользователей более продуктивным, автоматически масштабируя пользовательский интерфейс ввода до 150 процентов по умолчанию при использовании пера.
Например, программа электронной почты может отображать пользовательский интерфейс в обычном размере, но увеличьте входной пользовательский интерфейс до 150 процентов, чтобы создавать сообщения.
В этом примере пользовательский интерфейс ввода увеличивается до 150 процентов.
Если вы делаете только четыре вещи...
-
- Сделайте программы Windows хорошими возможностями пера! Пользователи должны иметь возможность эффективно выполнять наиболее важные задачи вашей программы с помощью пера (по крайней мере те задачи, которые не включают много ввода или подробной обработки пикселей).
-
- Рекомендуется добавить поддержку написания, рисования и добавления комментариев непосредственно с помощью рукописного ввода в наиболее подходящих сценариях.
-
- Чтобы создать прямой и привлекательный интерфейс, жесты вступают в силу немедленно, сохраняйте точки контакта под пером пользователя плавно на протяжении всего жеста и иметь эффект карты жестов непосредственно к движениям пользователя.
-
- Чтобы создать естественный и интуитивно понятный интерфейс, поддерживайте соответствующие стандартные жесты и назначьте их стандартным значениям. Используйте пользовательские жесты для взаимодействия, уникального для вашей программы.
Руководящие принципы
Управление использованием
- Предпочитайте использовать общие элементы управления. Большинство распространенных элементов управления предназначены для поддержки хорошего интерфейса пера.
- Предпочитайте ограниченные элементы управления. Используйте ограниченные элементы управления, такие как списки и ползунки, когда это возможно, вместо не ограниченных элементов управления, таких как текстовые поля, чтобы уменьшить потребность в вводе текста.
- Укажите соответствующие значения по умолчанию. Выберите самый безопасный (чтобы предотвратить потерю данных или системного доступа) и наиболее безопасный параметр по умолчанию. Если безопасность и безопасность не являются факторами, выберите наиболее вероятный или удобный вариант, тем самым устраняя ненужные действия.
- Укажите автозавершение текста. Укажите список наиболее вероятных или недавно входных значений, чтобы упростить ввод текста.
- Для важных задач, использующих несколько выборок, если обычно используется стандартный список с несколькими выборами, укажите параметр для использования списка флажка.
- Соблюдайте системные метрики. Используйте системные метрики для всех размеров не жестких размеров. При необходимости пользователи могут изменять системные метрики или dpi в соответствии с потребностями. Тем не менее, это относится к последнему курорту, так как пользователи не должны обычно настраивать параметры системы, чтобы сделать пользовательский интерфейс пригодным для использования.
В этом примере была изменена системная метрика для высоты меню.
Управление размерами, макетами и интервалами
- Для распространенных элементов управления используйте рекомендуемые размеры элементов управления. Они достаточно большие для хорошего опыта пера, за исключением элементов управления спином (которые не доступны для использования с пером, но являются избыточными).
- Выберите макет, который помещает элементы управления близко к тому, где они, скорее всего, будут использоваться. По возможности сохраняйте взаимодействие с задачами в небольшой области. Избегайте движения на длинном расстоянии, особенно для распространенных задач и для перетаскивания.
- Используйте рекомендуемый интервал. Рекомендуемый интервал подходит для пера.
- Интерактивные элементы управления должны быть касанием или предпочтительно иметь по крайней мере 5 пикселей (3 DLL) пространства между ними. Это предотвращает путаницу при касании пользователей за пределами предполагаемого целевого объекта.
- Рекомендуется добавить больше, чем рекомендуемый вертикальный интервал в группах элементов управления, таких как ссылки команд, флажки и переключатели, а также между группами. Это делает их проще различать.
Взаимодействие
- Для программ, предназначенных для приема рукописного ввода, включите рукописное ввод по умолчанию. Рукописное ввод по умолчанию позволяет пользователям вводить рукописные рукописные данные, только начиная писать, не касаясь, не касаясь команды или делая какие-либо специальные действия. Это обеспечивает самый естественный опыт с пером. Для программ, не предназначенных для приема рукописного ввода, обрабатывайте ввод пера в текстовых полях в качестве выделения.
- Разрешить пользователям масштабировать пользовательский интерфейс содержимого , если в программе есть задачи, требующие редактирования текста. При использовании пера рекомендуется автоматически увеличить до 150 процентов.
- Так как жесты запоминаются, назначьте им значения, согласованные между программами. Не предоставляйте разные значения жестам с фиксированной семантикой. Вместо этого используйте соответствующий жест для конкретной программы.
Рукавность
Если окно является контекстным, всегда отображает его рядом с объектом, из который он был запущен. Поместите его из пути, чтобы исходный объект не охватывал окно.
Если отображается мышь, по возможности поместите смещение контекстного окна вниз и справа.
Отображение контекстных окон рядом с объектом, из который он был запущен.
При отображении с помощью пера по возможности поместите контекстное окно, чтобы не охватываться рукой пользователя. Для пользователей правой руки отображается слева; в противном случае отображается справа.
При использовании пера также отображаются контекстные окна, чтобы они не охватывались рукой пользователя.
Разработчики: События мыши и события пера можно различать с помощью API GetMessageExtraInfo . Вы можете определить передачу пользователя с помощью API SystemParametersInfo с SPI_GETMENUDROPALIGNMENT.
Прощение
- Укажите команду отмены. В идеале необходимо предоставить отмену для всех команд, но у программы могут быть некоторые команды, эффект которых не может быть отменен.
- Укажите хороший отзыв о наведении указателя мыши. Четко указать, когда перо находится на целевом объекте, доступном для щелчка. Такая обратная связь — отличный способ предотвратить случайное манипулирование.
- Всякий раз, когда практическая, предоставьте хороший отзыв на перо вниз, но не принимать меры, пока движение или перо вверх. Это позволяет пользователям исправлять ошибки, прежде чем они делают их.
- Каждый раз, когда практически, позволяют пользователям легко исправлять ошибки. Если действие вступает в силу на перо вверх, разрешить пользователям исправлять ошибки, скользя в то время как перо по-прежнему вниз.
Документация
При обращении к входным данным пера:
- В качестве пера см. перо- фигурное устройство ввода пера. В первую очередь, используйте ручку планшета.
- Нажмите кнопку на стороне пера как кнопку пера, а не кнопку барреля.
- Обычно относится к клавиатуре, мыши, трекболу, перу или пальцу в качестве устройства ввода.
- Используйте касание (и дважды коснитесь) вместо нажатия кнопки при документирования процедур, относящихся к использованию пера. Касание означает, чтобы нажать экран, а затем поднять перед временем удержания. Он может использоваться или не может использоваться для создания щелчка мыши. Для взаимодействий, не связанных с пером, продолжайте использовать щелчки.