7 ЗАБЛУЖДЕНИЙ О СЕНСОРНЫХ ЭКРАНАХ

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

НУЖНО СЛЕДОВАТЬ СТАНДАРТУ 44 ПИКСЕЛЯ

Руководство Apple определяет размер целевой области касания в 44 пикселя — но это не физическая величина. При разработке интерфейсов с сенсорными экранами, будь то создание приложений для iPad или под Android, нужно полагаться на физический размер, выраженный в миллиметрах, дюймах или пунктах.

Nokia и Microsoft настаивают на оптимальном значении 7 мм. При этом расстояние между точками прикосновения должно быть не меньше 2 мм. Другие стандарты рекомендуют задавать для кнопок размер от 9,5 мм.

ВЕЛИЧИНА ПАЛЬЦА ИМЕЕТ БОЛЬШОЕ ЗНАЧЕНИЕ

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

ЭКРАНЫ МОГУТ ПО-РАЗНОМУ РЕАГИРОВАТЬ НА ПРИКОСНОВЕНИЯ

Реакция сенсорных экранов не зависит от величины пальцев — они воспринимают только геометрический центр области касания. Многие пользователи вообще привыкли управлять мобильными устройствами лишь при помощи больших пальцев.

• 49% — пользуются при помощи одной руки
• 36% держат устройство в одной руке, а управляют другой
• 15% — двумя руками

ПОЛЬЗОВАТЕЛЯМ СЛОЖНО УПРАВЛЯТЬ МЕЛКИМИ ЭЛЕМЕНТАМИ

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

ЧЕМ БОЛЬШЕ КНОПКИ — ТЕМ ЛУЧШЕ

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

РАЗМЕР ВИДИМОГО ОБЪЕКТА И ЦЕЛЕВОЙ ОБЛАСТИ ПРИКОСНОВЕНИЯ ДОЛЖНЫ СОВПАДАТЬ

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

РАЗМЕР ШРИФТА ДОЛЖЕН БЫТЬ МИНИМАЛЬНЫМ

Текст должен быть в первую очередь читабельным, кликабельным и разборчивым. При чтении с сенсорного экрана главную роль играет не величина текстовых знаков, а угловое разрешение. Необходимый размер шрифта определяется расстоянием, на котором пользователю привычно держать устройство. 6 пт (примерно 2,1) — это минимальное значение.

Интересуетесь, как создать мобильное приложение для интернет-магазина или мобильные сайты для Android, максимально оптимизированные для взаимодействия с пользователями?