Что нужно учитывать при написании для сенсорного экрана? - PullRequest
12 голосов
/ 28 сентября 2008

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

У меня нет опыта разработки полноразмерных сенсорных экранов, поэтому я ищу советов / советов / информации от вас, ребята ...

Я могу представить, что вы хотите, чтобы элементы были немного больше, чем обычно ... пробелов на несколько больше ... такие вещи ... кому-нибудь есть что добавить?

Ответы [ 10 ]

25 голосов
/ 28 сентября 2008

Несколько вещей для рассмотрения:

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

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

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

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

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

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

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

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

2 голосов
/ 28 сентября 2008

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

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

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

2 голосов
/ 28 сентября 2008

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

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

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

2 голосов
/ 28 сентября 2008

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

2 голосов
/ 28 сентября 2008

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

1 голос
/ 28 сентября 2008

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

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

0 голосов
/ 19 мая 2010

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

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

0 голосов
/ 28 сентября 2008

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

0 голосов
/ 28 сентября 2008

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

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

0 голосов
/ 28 сентября 2008

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

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

...