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

Question

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

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

Или это немного на большой размер?

РЕДАКТИРОВАТЬ: некоторые дополнительные знания о наших пользователях. У них должны быть обе руки, из-за характера устройства, и они не будут носить перчатки. Они должны были бы иметь возможность манипулировать пленочными кассетами размером до 14x17 дюймов (опять же, из-за природы устройства), поэтому я чувствую себя достаточно уверенным, что они обладают некоторой ловкостью рук.

Answer 1

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

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

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

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

Answer 2

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

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

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

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

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

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

Answer 3

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

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

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

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

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

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

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

Атанас

Answer 4

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

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

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

Answer 5

Зависит от многих факторов ...

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

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

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

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

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

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

В-третьих, я бы разработал пользовательский интерфейс для БОЛЬШИХ отзывов пользователей. Сделайте кнопки шире, чем палец, чтобы при нажатии пользователем они все еще видели небольшую часть кнопки, и при нажатии она нажимала.

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

-Adam