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

Question

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

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

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

Answer 1

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

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

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

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

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

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

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

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

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

Answer 2

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

Answer 3

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

Answer 4

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

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

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

Answer 5

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

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

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

Answer 6

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

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

Answer 7

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

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

Answer 8

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

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

Answer 9

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

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

Answer 10

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