Это правило срабатывает, когда PageSpeed Insights обнаруживает, что определенные активные элементы (например, кнопки, ссылки или поля форм) слишком малы или расположены слишком близко, в результате чего пользователю сложно использовать их.
Попасть пальцем в маленькие или тесно сгруппированные ссылки (кнопки) гораздо сложнее, чем указателем мыши. Чтобы пользователь мог без затруднений выбрать нужный активный элемент, они должны быть достаточно крупными, а располагать их следует на удалении друг от друга. Это сведет к минимум количество ложных нажатий. Средняя ширина подушечки пальца взрослого человека составляет 10 миллиметров, поэтому в рекомендациях по интерфейсу приложений Android рекомендуется задавать размер активных элементов не менее 7 мм, или 48 пикселей CSS на сайте с правильно настроенной областью просмотра для мобильных устройств.
Убедитесь, что важнейшие активные элементы на вашем сайте (которыми пользуются чаще всего) достаточно велики – не менее 48 пикселей в ширину и в высоту (при условии, что вы уже настроили область просмотра).
Редко используемые ссылки или кнопки имеет смысл сделать меньше, чем рекомендуемые 7 миллиметров, но вокруг них на расстоянии 5 миллиметров (32 пикселя CSS) по вертикали и горизонтали не должно быть других активных элементов, чтобы палец шириной 10 миллиметров не мог нажать одновременно две кнопки. Пользователи должны иметь возможность без затруднений выбрать нужный элемент, не прибегая к масштабированию или другим функциям браузера (например, всплывающее увеличительное стекло в Chrome).
Попасть пальцем в маленькие или тесно сгруппированные ссылки (кнопки) гораздо сложнее, чем указателем мыши. Чтобы пользователь мог без затруднений выбрать нужный активный элемент, они должны быть достаточно крупными, а располагать их следует на удалении друг от друга. Это сведет к минимум количество ложных нажатий. Средняя ширина подушечки пальца взрослого человека составляет 10 миллиметров, поэтому в рекомендациях по интерфейсу приложений Android рекомендуется задавать размер активных элементов не менее 7 мм, или 48 пикселей CSS на сайте с правильно настроенной областью просмотра для мобильных устройств.
Убедитесь, что важнейшие активные элементы на вашем сайте (которыми пользуются чаще всего) достаточно велики – не менее 48 пикселей в ширину и в высоту (при условии, что вы уже настроили область просмотра).
Редко используемые ссылки или кнопки имеет смысл сделать меньше, чем рекомендуемые 7 миллиметров, но вокруг них на расстоянии 5 миллиметров (32 пикселя CSS) по вертикали и горизонтали не должно быть других активных элементов, чтобы палец шириной 10 миллиметров не мог нажать одновременно две кнопки. Пользователи должны иметь возможность без затруднений выбрать нужный элемент, не прибегая к масштабированию или другим функциям браузера (например, всплывающее увеличительное стекло в Chrome).
Комментарии
Отправить комментарий