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

Ответ 1

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

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

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

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

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

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

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

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

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

Ответ 2

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

Ответ 3

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

Ответ 4

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

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

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

Ответ 5

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

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

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

Ответ 6

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

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

Ответ 7

Большие элементы gui - главное. Но это относится ко всем элементам, полосам прокрутки, вкладкам и даже текстовым полям.

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

Ответ 8

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

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

Ответ 9

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

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

Ответ 10

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