Что нужно учитывать при написании текста для сенсорного экрана?

Несколько вещей, которые следует учитывать:

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

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

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

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

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

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

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

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

Другая очевидная проблема заключается в том, что не существует эквивалента указателя hover. Не то чтобы это затрагивало многие приложения.

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

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

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

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

Я написал свой собственный набор элементов управления для POS-приложения, специально разработанный для работы с сенсорным экраном.

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

Я также рекомендовал бы вам приспособиться как программист с точки зрения тестирования и с точки зрения того, что все меняется, и может потребоваться клавиатура / мышь, подключенная к рабочей станции без сенсорного управления. Я не могу сказать вам, сколько раз я касался своего плоского ЖК-дисплея, ожидая, что что-то произойдет, прежде чем вспомнил, что мне пришлось использовать мышь.

Обязательно ознакомьтесь с основными принципами пользовательского интерфейса, такими как закон Фитца (время нахождения цели зависит от расстояния до цели и ее размера).

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

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

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

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

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

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

http://www.sapdesignguild.org/resources/tsdesigngl/index.htm

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