Наименьший размер кнопки на сенсорном экране

Question

Я занимаюсь написанием приложения с сенсорным экраном для медицинского устройства.Программа похожа на киоск, в том смысле, что меню "Пуск" и т.д. Не будут доступны пользователю, и пользователь будет использовать экранную клавиатуру для ввода любого текста в тех редких случаях, когда ему это необходимо.Заявленный размер экрана - 1280х1024.

Вопрос заключается вот в чем:Каков минимальный размер сенсорной кнопки для разумного интерфейса?Я думаю, что американский десятицентовик - это разумный минимальный размер во всех направлениях, исходя из того, что десятицентовик примерно настолько мал, насколько мы можем ожидать, что люди потрогают его пальцами (согласно всемогущей Википедии, его диаметр составляет 17,91 мм).

Или десятицентовик - это немного по сравнению с большим размером?

Редактировать:Немного дополнительных знаний о наших пользователях.Из-за особенностей устройства у них должны быть обе руки, и они не будут в перчатках.Они должны были бы уметь манипулировать кассетами с пленкой размером до 14x17 дюймов (опять же, из-за особенностей устройства), поэтому я достаточно уверен, что у них есть некоторая ловкость рук.

Answer 1

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

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

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

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

Answer 2

Это будет во многом зависеть от самого устройства, а также от пользовательского интерфейса, который вы на него устанавливаете.

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

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

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

Прежде всего, пользовательский тест, пользовательский тест, пользовательский тест.

Если вас действительно беспокоит размер - сделайте его гибким, чтобы вы могли легко изменять его и тестировать на реальных пользователях в реальных обстоятельствах.Я упоминал о пользовательском тестировании?

Answer 3

Зависит от стольких факторов...

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

Кроме того, у людей разный размер пальцев и разный уровень координации рук и глаз.

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

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

Сначала я бы поговорил с производителем самого сенсорного экрана и производителем аппаратно-программного интерфейса и узнал их рекомендации.

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

В-третьих, я бы разработал пользовательский интерфейс таким образом, чтобы у пользователей были ОТЛИЧНЫЕ отзывы.Сделайте кнопки шире пальца, чтобы, когда пользователь нажимает на них, он все равно видел немного кнопки, и казалось, что она нажимается при нажатии.

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

-Адам

Answer 4

Я бы отчасти согласился с Джеймс что Квартал в США - лучшая цель, но часто вы можете изменить это, чтобы в одном измерении речь шла о квартале в США, а в другом - о десятицентовике в США.Конечно, вы хотите, чтобы центры активных элементов пользовательского интерфейса были отделены друг от друга как минимум на расстояние в десять центов США, в зависимости от того, насколько "разрешимым" является нажатие не на тот элемент.(Щелчок по неправильному элементу в списке легко разрешим, если все, что делается, - это его выбор;нажать на кнопку выхода из диалогового окна - это не так уж много.)

Убедитесь, что ваши самые распространенные случаи действительно просты в выполнении.Обычно это означает создание действительно большой кнопки;или, иногда, сделать всю область пользовательского интерфейса "кликабельной" (но если вы это сделаете, пользователю часто приятнее также видеть какую-то кнопку в этой области, чтобы подразумевать, что он может нажать на нее.)

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

Answer 5

Чем больше, тем лучше, поскольку мы знаем, что размер имеет значение.

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

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

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

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

Подумайте также о расположении слева / справа, а также о цветовой гамме "день / ночь".

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

Атанас