Ajuste el tamaño del objetivo del toque adecuadamente

Esta regla se activa cuando PageSpeed ​​​​Insights detecta que ciertos objetivos de toque, como botones, enlaces o campos de formulario, pueden ser demasiado pequeños o demasiado cerca para que el usuario los toque en una pantalla táctil.

descripción general

Si el enlace o botón es demasiado pequeño o demasiado denso, será más laborioso para el usuario hacer clic con precisión en el objetivo en la pantalla táctil que con un cursor de mouse tradicional. Para evitar que el usuario presione accidentalmente el lugar equivocado, haga que cada objetivo de toque tenga un tamaño lo suficientemente grande y manténgalos lo suficientemente separados para que el usuario no toque ningún otro punto con sus dedos cuando toque un objetivo por objetivo. La yema del dedo de un adulto promedio mide unos 10 milímetros (menos de media pulgada) de ancho, por lo queDirectrices de la interfaz de AndroidEl tamaño mínimo recomendado del objetivo de roscado es de aproximadamente 7 mm, o dentroLa ventana gráfica móvil está configurada correctamenteEn sitios con , el objetivo de toque debe tener al menos 48 píxeles CSS.

sugerencia

Debes asegurarte de que los objetivos táctiles más importantes de tu sitio (los más utilizados por los usuarios) sean lo suficientemente grandes, es decir, al menos 48 píxeles CSS de alto/ancho (si lo has hecho correctamente).Configura tu ventana gráfica) para que los usuarios puedan tocar fácilmente. El tamaño de los eslabones que se utilizan con poca frecuencia puede ser más pequeño, pero manteniendo una cierta distancia de otros eslabones, para no presionar accidentalmente dos eslabones al mismo tiempo con un dedo de 10 mm de ancho. Los usuarios pueden tocar de manera fácil y precisa el botón o enlace que deseen sin pellizcarse los dedos (o depender de otras funciones de la interfaz del navegador para distraerse de los toques con los dedos, como la lupa emergente de Chrome).

Haga que los objetivos de toque importantes sean lo suficientemente grandes como para tocarlos fácilmente

Este enfoque funciona bien para los objetivos táctiles más comunes de sus usuarios, como botones para acciones comunes, barras de búsqueda, otros campos de formulario importantes y enlaces de navegación principales. Estos objetivos táctiles deben tener un tamaño mínimo de 7 mm (si ha realizado correctamenteConfigura tu ventana gráfica, que tiene 48 píxeles CSS), si mide menos de 7 mm, debe haber suficiente espacio a su alrededor.

Asegúrese de que haya suficiente espacio entre objetivos de toque más pequeños

Para eslabones o botones que se utilizan con poca frecuencia, un tamaño inferior a los 7 mm recomendados no supone ningún problema. Sin embargo, no debe haber otros objetivos de toque dentro de los 5 mm (32 píxeles CSS) horizontal y verticalmente, para que el dedo del usuario no presione accidentalmente un objetivo de toque mientras toca otro.

Salvo que se indique lo contrario, el contenido de esta página tiene licencia bajo laLicencia Creative Commons Atribución 3.0y los ejemplos de código tienen licencia bajo laLicencia Apache 2.0Para más detalles, consulte nuestraPolíticas del sitio.