Надлежащая регулировка точки в соответствии с размером цели

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

Обзор

对于用户来说，如果链接或按钮太小或摆放太密集的话，要想在触摸屏上准确点按这些目标，会比使用传统鼠标光标更费力。为了让用户免去不慎按错位置的困扰，请为每个点按目标设置足够的大小，并让它们之间保持足够的距离，以免用户在点按任何目标时手指触碰到其他任何点按目标。成人的手指指腹平均宽约10毫米（不到半英寸），因此Руководящие принципы интерфейса AndroidРекомендуется, чтобы минимальная точка составляла около 7 мм по целевому размеру или вПеремещение видового экрана для правильной настройкиНа сайте точка должна достигать как минимум 48 пикселей CSS по целевому показателю.

建议

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

将重要的点按目标设置得足够大以易于点按

Этот способ лучше подходит для наиболее часто используемых вашими пользователями точек по целевым показателям, таким как часто используемые кнопки, поисковая строка, другие важные поля формы, а также основные навигационные ссылки. Эти точки должны быть не менее 7 мм по размеру цели (если вы правильно配置您的视口48 пикселей CSS) и должно быть оставлено достаточное пространство вокруг него, если оно меньше 7 мм.

Убедитесь, что меньшие точки имеют достаточное пространство между целями

Для нечасто используемых ссылок или кнопок нет проблем с размером меньше рекомендуемых 7 мм. Тем не менее, не должно быть других точек в его поперечном и продольном диапазонах 5 мм (32 пикселя CSS) для нажатия на цель, чтобы избежать случайного нажатия на другие точки, когда точка пальца пользователя нажимает на одну точку для нажатия на цель.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under theApache 2.0 License. For details, see our Site Policies.